hack2b startups - ux?

56
UX ? Hack2B Startups User Experience

Upload: ana-paula-batista

Post on 13-Apr-2017

190 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Hack2B Startups - UX?

UX ?

Hack2B Startups

User Experience

Page 2: Hack2B Startups - UX?

Verdadeiro ou Falso?

Page 3: Hack2B Startups - UX?

Ter um bom design é fazer meu site/appbonito

Page 4: Hack2B Startups - UX?

Falso

Page 5: Hack2B Startups - UX?

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.''

Page 6: Hack2B Startups - UX?

https://www.ifly50.com/en_br/47

Page 7: Hack2B Startups - UX?

Nativo Customizado

Page 8: Hack2B Startups - UX?

- É 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?

Page 9: Hack2B Startups - UX?

As pessoas não sabem o que elas querem

Page 10: Hack2B Startups - UX?

Verdadeiro

Page 11: Hack2B Startups - UX?

Walmart Declutters Aisles Per Customers' Request, Then Loses $1.85 Billion In Sales

Antes

Depois

Page 12: Hack2B Startups - UX?

UX é a Usabilidade do meu Site/App

Page 13: Hack2B Startups - UX?

Falso

Page 14: Hack2B Startups - UX?

Peter Morville - http://semanticstudios.com/user_experience_design/

Page 15: Hack2B Startups - UX?

What the heck is UX?

Page 16: Hack2B Startups - 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.

Page 17: Hack2B Startups - UX?

EficiênciaEfetividadeSatisfação

Fricção

Page 18: Hack2B Startups - UX?

Porquê?

Page 19: Hack2B Startups - UX?
Page 20: Hack2B Startups - UX?

"Good design is the most

important way to differentiate

ourselves from our competitors.”

Samsung CEO Yun Jong Yong, 2004

Page 21: Hack2B Startups - UX?

Diferenciar

Page 22: Hack2B Startups - UX?
Page 23: Hack2B Startups - UX?

Encantar

Page 24: Hack2B Startups - UX?
Page 25: Hack2B Startups - UX?

Tom Hsieh

Page 26: Hack2B Startups - UX?

Conversão

Page 27: Hack2B Startups - UX?
Page 28: Hack2B Startups - UX?

587,56% + Tx de Conversão

Page 29: Hack2B Startups - UX?
Page 30: Hack2B Startups - UX?

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

Page 31: Hack2B Startups - UX?

Estratégia Escopo Interação Interface Visual

Conceitual Concreto

Maior impacto no desenvolvimento

Menor impacto no desenvolvimento

Page 32: Hack2B Startups - UX?
Page 33: Hack2B Startups - UX?

Estratégia Escopo Interação Interface Visual

Fonte: Acervo Paola Mouro

Será que alguémusaria este

produto/serviço?

Page 34: Hack2B Startups - UX?

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?

Page 35: Hack2B Startups - UX?

Estratégia Interação Interface VisualEscopo

Fonte: http://userx.io/instagram/

O fluxo reflete o contexto do usuário? Está compreensível?

Page 36: Hack2B Startups - UX?

Estratégia Interface VisualEscopo Interação

O usuário consegueentender e navegar

pelo meu produto?

Page 37: Hack2B Startups - UX?

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?

Page 38: Hack2B Startups - UX?

10

Page 39: Hack2B Startups - UX?

Permitir a utilização sem cadastro

1

Page 40: Hack2B Startups - UX?

Mais conteúdos e funcionalidades nãoaumentam a satisfação do usuário

2

Page 41: Hack2B Startups - UX?

Todas as interações são preciosas

3

Page 42: Hack2B Startups - UX?

Peça a permissão do usuário somentequando for necessário

4

Page 43: Hack2B Startups - UX?

O onboarding é seu amigo

5

Page 44: Hack2B Startups - UX?

Cuidado com o entendimento dos rótulos e as categorias

6

Page 45: Hack2B Startups - UX?

Só ofereça opções disponíveis para o usuário

7

Page 46: Hack2B Startups - UX?

Atenção aos padrões já estipulados

8

Page 47: Hack2B Startups - UX?

Defina o que você quer que o usuário faça e deixe isso destacado na interface

9

Page 48: Hack2B Startups - UX?

Cuide da consistência, tipografia e leiturabilidade.

10

Page 49: Hack2B Startups - UX?

Pense mobile!

Bônus

Page 50: Hack2B Startups - UX?
Page 51: Hack2B Startups - UX?
Page 52: Hack2B Startups - UX?
Page 53: Hack2B Startups - UX?
Page 54: Hack2B Startups - UX?
Page 55: Hack2B Startups - UX?

Ferramentas

Page 56: Hack2B Startups - UX?

Ana Paula [email protected]

@anapaulazambujaslideshare/anapaulaazambuja