Introdução sobre o que é o Design de Experiência do Cliente / Usuário (UX) e algumas dicas visuais.

1. Design de experiência do cliente
Introdução e dicas visuais

2. Objetivo e aplicação
O objetivo do design de experiência do cliente, ou do usuário (UX), é
melhorar a satisfação e a lealdade do cliente por meio da utilidade, da
facilidade de uso e do prazer proporcionados pelo serviço e pela
interação com ele.
Ele é aplicado tanto para a criação de novos serviços, quanto para
manutenção e gerenciamento da relação entre o cliente e a empresa no
curto, médio e longo prazo.

3. Design de experiência: Pesquisa + Estética
Lógico
Pesquisas e dinâmicas com os clientes e equipes da empresa
Pesquisas, testes com clientes e
dinâmicas diversas
Wireframes e protótipos
Arquitetura de
informação e estratégia
de conteúdo
Estudos de interação e
modelos mentais
Padrões e
consistências
interativas
Layouts
Cores
Tipografia
Criativo
Estética, interação e consistência projetual

4. O contexto humano e o design de experiência
1. Pessoas tem tempo e capacidade de processamento escassos
Faça as informações fáceis de rastrear e diretas ao ponto.
2. Pessoas cometem erros
Faça os erros fáceis de serem desfeitos. A melhor mensagem de erro é
nenhuma mensagem.
3. Pessoas tem memória limitada
Não faça as pessoas lembrarem coisas de uma tarefa para outra. As
pessoas costumam se lembrar só de 3 a 4 itens por vez.
4. As pessoas são sociais
Humanos sempre vão querer usar a tecnlogia para serem
sociais. Use comportamentos síncronos para unificar as
pessoas.

5. O contexto humano e o design de experiência
5. Pessoas são atraídas por estímulos bem definidos
As pessoas prestam atenção a tudo que é diferente ou peculiar. Core fortes, fontes
grandes e sinais sonoros, por exemplo, capturam atenção.
6. Pessoas processam mais informações no inconsciente
A maior parte do processamento mental acontece insconscientemente.
Pequenas ações no presente tendem a levar a grandes ações
posteriormente.
7. Pessoas organizam o mundo por meio de padrões e
hierarquias
A mente humana procura padrões e hierarquias bem definidas para
significar o mundo. Visualmente podemos nos guiar, por exemplo, por
quatro conceitos básicos: o da proximidade, o do alinhamento, o da
repetição e o do contraste.

6. Os 4 conceitos visuais
básicos de Williams
“A maioria das pessoas tem a capacidade de olhar para uma página
com design pobre e concluir que não gostam dela, mas não saberiam o
que fazer para melhorá-la. Aqui abordarei quatro conceitos básicos
utilizados praticamente em todos os bons trabalhos de criação. Esses
são conceitos claros e concretos”
Robin Williams

7. Os 4 conceitos visuais básicos:
Proximidade
A proximidade, como todos os
conceitos, serve para organizar as
informações.
Itens próximos uns aos outros criam
uma única unidade visual, um único
bloco de informação.
A dica é agrupar o que for igual e
desagrupar que for diferente.
Use espaço entre as informações e
não coloque muitos dados no mesmo
lugar.

8. Os 4 conceitos visuais básicos:
Proximidade
Agrupamentos possíveis segundo
Richard Saul Wurman:
• Lugar
• Alfabeto
• Tempo
• Categoria
• Hierarquia

9. Para o alinhamento, é importante
termos consciência clara do que
queremos fazer.
Tudo deve ter conexão com alguma
coisa.
Ao usar o alinhamento, mesmo
elementos separados vão ter uma
linha forte de conexão entre eles.
O alinhamento também cria tensão ou
dinâmica para a composição.
Os 4 conceitos visuais básicos:
Alinhamento

10. Os 4 conceitos visuais básicos:
Repetição
Repetir elementos visuais ajudam a
criar uma identidade familiar e a criar
padrões que facilitam rastrear
informações.
Padrões se tornam atalhos para uma
leitura e compreensão mais rápida, por
isso sua importância.
Títulos maiores e em negrito, linhas
divisórias e sinais para tópicos são
exemplos de elementos que já
repetimos naturalmente.

11. Os 4 conceitos visuais básicos:
Contraste
O Contraste é uma maneira eficaz de
acrescentar atratividade à estrutura
visual.
Ele pode acontecer no texto ou nos
elementos visuais.
Por meio do contraste é possível criar
hierarquias e dinamismo.
A regra de ouro com o contraste é ser
ousado e não tímido, se as coisas não
são iguais as diferencie
completamente, caso contrário pode
parecer um erro e algo proposital.

12. Os 4 conceitos visuais básicos:
Revisão
Base Proximidade Alinhamento Repetição Contraste
Dicas finais:
• Formate bem sua estratégia e crie hierarquias claras para guiar o cliente de forma consciente.
• Divida a informação em blocos bem definidos e evite sobrecarregar o cliente com muitas informações.

13. Obrigado.
Heller de Paula
Referências e imagens
Objetivo e aplicação - Imagem: https://yourstory.com/2015/10/user-experience-design
Design de experiência: Pesquisa + Estética – Imagem: https://www.optp.com/ispi-2017-clinical-conference#.WQ9Vdrzyt8U
Os quatro conceiitos visuais básicos de Williams - Imagem: http://www.ratz.com/robin/index.html
Contexto humano e o design de experiência - Dra. Susan Weinschenk | Imagem: pixologicstudio/Thinkstock