hack2b startups - ux?

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