O processo de design
Lucas Magalhães
Índice 00. UX Design
01. Descoberta e estratégia
02. Geração de ideias
03. Planejamento de produto
04. Interface
05. Medindo
00.
UX Design
Diagrama UX
Design
UX
Negócios Tecnologia
Processo de design
01.
Descoberta e estratégia
Momento de entendimento sobre quem é o usuário.
Tipos de pesquisa
[Link]
Documentação de entrevista
Canvas de mapa de empatia
02.
Geração de ideias
Momento de refinar todas as informações encontradas.
Moodboard
O quanto o visual de uma interface é
desejável? Qual a melhor linguagem
visual para se usar com determinada
audiência?
Personas
Personas são personagens fictícios (arquétipos) criados para
representar os diferentes tipos de usuário dentro de um alvo
demográfico, atitude e/ ou comportamento definido que poderia
utilizar um site, uma marca ou produto de um modo similar.
Personas de Marketing
Focada em dados demográficos quantitativos
Personas de Design
Quantitativo + Qualitativo + Dores/Necessidades
Proto-Personas
Quem consideramos ser nosso usuário
Mapa de
experiência
Identificar os pontos de contato no relacionamento usuário-
produto, possibilitando a tomada de decisões baseando-se
na experiência de uso, identificando os ponto de contatos
com o produto e também corrigindo pontos de fricção.
Os elementos que compõem a jornada são:
Protagonista: O usuário realizando uma atividade, com suas habilidades,
características comportamentais, emoções e valores
Enredo: Como é a experiência antes, durante e depois de realizar essa atividade
Cenário: Pontos de Contato onde as interações acontecem
Ferramentas: Produtos e serviços usados com o fim de atingir um objetivo
Personagens: Outros atores envolvidos no ecossistema onde a ação acontece
Clímax e Anticlímax: Pontos altos e baixos, pontos de fricção e as experiências positiva
03.
Planejamento
de produto
Transformando o conhecimento em atividades tangíveis
Arquitetura de informação
Card sorting e taxonomia
É uma forma para entender o modelo
mental de como as pessoas agrupam
conteúdo e funcionalidades ou como
interpretam o significado desses
grupos (rotulagem/taxonomia) de
forma que faça sentido para elas e
assim aumentar a capacidade do
usuário conseguir se localizar de
forma rápida dentro de um sistema.
04.
Interface
Os 10% que são “tocados” pelo usuário e dão
cara ao produto
Protótipos
Conceito
- Baixa fidelidade
- Parcial
Validar lógica
- Baixa fidelidade
- Completo
Vender uma ideia
- Alta fidelidade
- Parcial
Teste com usuário
- Alta fidelidade
- Completo
Layouts
Style guide e
Especificações para desenvolvedores
05.
Medindo
Começar a medir e analisar os resultados alcançados
Mapa de calor
Teste A/B
Análise de métricas
Dúvidas?
Obrigado!
[Link]@[Link]