Post on 13-Apr-2017
transcript
UX ?
Hack2B Startups
User Experience
Verdadeiro ou Falso?
Ter um bom design é fazer meu site/appbonito
Falso
Steve Jobs - http://www.nytimes.com/2003/11/30/magazine/the-guts-of-a-new-machine.html
'People think it's this veneer -- that the
designers are handed this box and told,
'Make it look good!' That's not what we
think design is. It's not just what it looks
like and feels like. Design is how it
works.''
https://www.ifly50.com/en_br/47
Nativo Customizado
- É escalável?
- Se você reduzir o tamanho do browser, irá responder adequadamente?
- É acessível para um leitor de tela?
- O usuário consegue acessar via “tab”?
- Funciona em diferentes browsers da mesma forma?
- O funcionamento corresponde intuitivamente às expectativas dos usuários?
As pessoas não sabem o que elas querem
Verdadeiro
Walmart Declutters Aisles Per Customers' Request, Then Loses $1.85 Billion In Sales
Antes
Depois
UX é a Usabilidade do meu Site/App
Falso
Peter Morville - http://semanticstudios.com/user_experience_design/
What the heck is UX?
User Experience Design (UXD) é o processode aumentar a satisfação e lealdade do
consumidor através de melhorias nausabilidade, facilidade de uso, e satisfação
na interação entre o consumidor e o produto.
EficiênciaEfetividadeSatisfação
Fricção
Porquê?
"Good design is the most
important way to differentiate
ourselves from our competitors.”
Samsung CEO Yun Jong Yong, 2004
Diferenciar
Encantar
Tom Hsieh
Conversão
587,56% + Tx de Conversão
Fonte: experoinc.com
Design Visual: tratamento gráficos dos elementos da interface, o “look’n’feel”.
Design da Interface: Wireframe. Elementos, hierarquias entre conteúdos, etc.
Design da Interação: Fluxos. Navegaçãoglobal e relacionamento entre os conteúdos.
Escopo: Funcionalidades e conteúdosnecessários para atender os objetivos dos usuários, de negócios e de tecnologia.
Estratégia: Necessidades. Quem são osusuários, quais são suas dores? Quais os objetivosde negócios?
Elementos da Experiência do Usuário
Estratégia Escopo Interação Interface Visual
Conceitual Concreto
Maior impacto no desenvolvimento
Menor impacto no desenvolvimento
Estratégia Escopo Interação Interface Visual
Fonte: Acervo Paola Mouro
Será que alguémusaria este
produto/serviço?
Estratégia Escopo Interação Interface Visual
https://www.youtube.com/watch?v=vY3OtMBCEKY
As funcionalidades e conteúdos projetadas
estão alinhadas com as necessidades dos
usuários?
Estratégia Interação Interface VisualEscopo
Fonte: http://userx.io/instagram/
O fluxo reflete o contexto do usuário? Está compreensível?
Estratégia Interface VisualEscopo Interação
O usuário consegueentender e navegar
pelo meu produto?
Estratégia VisualEscopo Interação Interface
O produto está passando a segurança necessária
para os usuários? Será que minha interface ficou
infantil demais?
10
Permitir a utilização sem cadastro
1
Mais conteúdos e funcionalidades nãoaumentam a satisfação do usuário
2
Todas as interações são preciosas
3
Peça a permissão do usuário somentequando for necessário
4
O onboarding é seu amigo
5
Cuidado com o entendimento dos rótulos e as categorias
6
Só ofereça opções disponíveis para o usuário
7
Atenção aos padrões já estipulados
8
Defina o que você quer que o usuário faça e deixe isso destacado na interface
9
Cuide da consistência, tipografia e leiturabilidade.
10
Pense mobile!
Bônus
Ferramentas
Ana Paula Batistaana@designsprinters.com.br
@anapaulazambujaslideshare/anapaulaazambuja