Na Invillia, toda quarta-feira, ao meio dia, paramos uma hora para nos nutrir com as dicas, how-tos, boas práticas e tendências selecionadas por nossos especialistas em Product, Agile, Back e Front, Mobile, Quality, Security e Data. Uma troca de experiência vital para quem adora o novo. E essencial para que a inovação nunca pare. Se a tecnologia está no sangue, a gente faz questão de deixá-la circulando cada vez mais_ 

NA VEIA_ Design & Devs: ferramenta para a criação e desenvolvimento de produtos digitais durante o processo de Design Thinking. 

5 minutos de leitura

No artigo de hoje, compartilhamos os principais aprendizados da incrível edição sobre o processo de criação e desenvolvimento de produtos digitais – Design & Dev – de acordo com o método Double Diamond, apresentado por Gabriel Cabral, nosso especialista no assunto. 

Histórico 

Culturalmente, muitas empresas não tinham o costume de trabalhar com design e nem conheciam muito este conceito. Daí a importância de esclarecer o processo e a necessidade de cada etapa para atingir demandas e entregá-las com mais valor para o usuário em produtos digitais. 

Em essência, o design não é só a “telinha” ou o desenho – User Interface –, mas exige todo um trabalho por trás que envolve muita pesquisa sobre a experiência do usuário, e dentre as principais metodologias de Design Thinking, apresentamos a Double Diamond. 

Metodologia Double Diamond 

Trata-se de um processo não linear que aborda diversas etapas no trabalho de design – desde a chegada da demanda até a solução implementada –, permitindo a mobilidade de retornar e avançar pontos quando necessário, o que confere agilidade e dinamismo no time para encontrar uma solução real e assertiva em relação ao problema para o usuário final. 

A metodologia é descrita em quatro principais etapas, dentre as quais: descobrir, definir, desenvolver e distribuir, dentro do contexto do problema e contexto da solução que formam a figura de dois diamantes, conforme representação abaixo: 

Descobrir 

Esta etapa visa explorar e buscar o máximo de informações possíveis em relação ao problema ou demanda, questionando todo o time de devs, negócios etc., entrevistando o usuário e fazendo pesquisa. Isso porque quanto mais informação o profissional de design obtém no começo do projeto, menos dificuldade ele encontra em seu desenvolvimento posterior. Por isso, é necessário ter muita calma e tempo para questionar. No entanto, esta etapa depende da demanda e contexto do time, ou seja, da realidade do projeto, tornando adaptável e dinâmico todo o processo de descoberta.  

Nesta etapa, são elaborados cinco principais passos: 

1. Briefing: se refere ao documento do PO (formulado junto a todo o time) com informações mais gerais sobre o problema, hipóteses e resultados esperados; 

2. Entendimento: para entender o documento do briefing, o designer precisa avaliar o tempo disponível, os recursos disponíveis (time inteiro ou um front), os conteúdos que deverão ser disponibilizados na tela ou interface, e a expectativa de entrega do PO; 

3. Exploração: é elaborada pelo designer e depois dividida com o time a fim de descrever as pesquisas internas (o que tem e já foi pesquisado), as entrevistas com usuários atuais (quem utiliza a tela atual e quem vai utilizar), a busca pelas informações com stakeholder para compreender tudo o que já existe, mesmo que não tenha sido descoberto; 

4. Entendimento: passo final que resume os principais insights e alinhamento com o time para melhor desenvolver a demanda; 

5. Entregável: compartilhamento de todos os aprendizados da pesquisa em reunião ou apenas entrega do briefing finalizado (documentado e detalhado). 

É importante esclarecer que em todas as etapas, há uma matriz de responsabilidade para mostrar onde os desenvolvedores serão consultados durante a exploração de dados, possibilitando a visualização de todo o time, etapas e onde cada profissional é envolvido.  

Definir  

Esta etapa visa reunir todas as informações coletadas na etapa de descoberta para que a priorização do desafio seja construída de maneira assertiva, através dos seguintes passos: 

1. Interpretação: análise de todas as descobertas da etapa anterior de modo mais aprofundado para compreender os problemas, insights e possíveis diferenciais competitivos; 

2. Estruturação: definição do objetivo do produto e planejamento das etapas e resultados de construção com o time; 

3. Priorização: alinhamento e co-criação com o time técnico (desenvolvimento + negócios) a fim de verificar o valor de negócio, o valor para o usuário e a complexidade técnica da demanda; 

4. Entregável: resumo de todas as descobertas e definição de prioridades (para alinhar com o time). 

Nesta etapa, são realizadas as seguintes cerimônias: 
– Crit para avaliação de ideias: onde todo mundo dá suas sugestões e contesta ideias em ambiente tranquilo e seguro para sugerir e ouvir; 
– Alinhamento com o negócio: para ter certeza das expectativas do time de negócios, PO etc.; 
– Alinhamento com tecnologia: reunião com os devs; 
– Metodologias relacionadas com as personas, jornada do usuário etc. 

Nesta etapa, os desenvolvedores participam da matriz de responsabilidade, conversando bastante com o designer. 

Desenvolver 

Esta etapa visa explorar as soluções em potencial, dado que a melhor solução é encontrada na descoberta e compartilhamento com o time, de acordo com os seguintes passos: 

1. Exploração: designer realiza um protótipo de baixa fidelidade sobre as principais ações ou telas do fluxo e metodologias de discovery para desenvolvimento do menu (card sorting, desk research); 

2. Validação interna: transformação de protótipo de baixa fidelidade em protótipo de alta fidelidade através de testes de aplicação de seus componentes e design systems, a fim de avaliar toda a interação do protótipo para gerar hipóteses de cenários (feliz, de erros, caótico etc.); 

3. Validação externa: avaliação de resultados de testes de usabilidade com possíveis usuários, como o teste A/B para coleta de opiniões, visando escolher recomendações e melhorias através das críticas e sugestões; 

4. Análise de melhorias: análise de todo o feedback e melhorias para validação de hipóteses, avaliação de qualidade das soluções entregues, proposição de correções de acordo com tudo o que foi apresentado e posterior aprovação em comitê e fórum; 

5. Entregável: desenvolvimento das melhorias, revisões e protótipo documentado a fim de resolver todos os problemas. 

Nesta etapa, são realizadas as seguintes cerimônias: 
– Design Review: apresentação do protótipo feita pelo designer para o time a fim de coletar críticas ou solucionar dúvidas que podem acarretar melhorias; 
– Insights Review: reunião onde são aplicadas métricas no produto que trazem relatórios do Google Analytics; 
– Fórum/Comitê: apresentação de todos os componentes e identidade da marca para os especialistas em Design System no Fórum a fim de verificar alinhamento com a marca – esta é uma etapa burocrática, mas necessária para trazer consistência aos produtos. 

Na matriz de responsabilidade desta etapa, os devs são bastante consultados pelo designer. 

Distribuir 

Esta etapa visa a redução de ideias e execução rápida (como em MVP), que após o desenvolvimento e realização de testes, o time se organiza para distribuir a solução da melhor forma, através dos seguintes passos: 

1. Refinamento de design: lista de melhorias, caso tenha, e entendimento dos próximos passos; 

2. Handoff e documentação: Fluxos e telas disponibilizados no Miro, com componentes e acessibilidade; 

3. Acompanhamento de métricas: acompanhamento de resultados após insights e relatórios para avaliar a performance e dizer, de forma assertiva/embasada em dados, quais melhorias priorizar; 

4. Acompanhamento de entrega em prod: revisão da solução desenvolvida x proposta do design, apresentando as diferenças para desenvolver o melhor produto possível. 

Na matriz de responsabilidade da última etapa, os devs têm uma folga, mas estão sempre envolvidos com PO e design.  

Por se tratar de um ciclo infinito de melhorias contínuas, o Double Diamond auxilia o trabalho dos profissionais de UX na busca por soluções assertivas dentro dos projetos, especialmente porque visa o compartilhamento do pensamento criativo para que uma boa ideia de solução seja apresentada. O objetivo da metodologia é entregar um produto que realmente atenda às expectativas de seu usuário, promovendo a interação entre o time e auxiliando no aperfeiçoamento das soluções de maneira ininterrupta. 

Na Invillia temos o know-how e a experiência nas tecnologias, abordagens e metodologias mais top do mercado, sugerido e aplicando a melhor a cada caso concreto. Estamos sempre estudando, enriquecendo conhecimentos, antecipando o que aí vem, testando, indo mais além. Para criar e continuamente aprimorar junto de quem está revolucionando seus mercados, os produtos e serviços digitais mais inovadores, resilientes, robustos, escaláveis e com a melhor experiência de utilização. É o nosso Global Growth Framework em ação_

Vamos construir o próximo juntos?