projeto de interface com usuÁrio · ux - user experience curva de aprendizado “foi o escritor...

PROJETO DE INTERFACE COM USUÁRIO

Prof. Emilio Cesar ParmegianiUNIP

AULA 1

1

UX - USER EXPERIENCE

Você gosta de uma boa experiência ou você prefere sofrer?

O primeiro contato com uma pessoa normalmente é feito através da aparência

Com o passar do tempo você pode mudar o conceito inicial

2

Escola Unidos do Software Bonito

Quesito apresentação.Nota: 10!

Quesito Usabilidade.Nota: 10!

Quesito Resposta. Nota: 10!

Quesito Utilidade.Nota: 10!


3


USABILIDADE DESIGN

UX

Usabilidade e Design pertencem a UX

4


5


6


Semiótica: “a ótica dos sinais”Estudo dos símbolos e sinais.

7


8


Usuário são diversas pessoas onde cada um tem uma cultura diferente.

9

UX - USER EXPERIENCEEm uma aplicação é necessário colocar o nome de um botão ou apenas um ícone é suficiente?

DEPENDE!

10


Twitter Facebook YouTube Flickr

Linkedin MySpace Delicious Google +

Wordpress Evernote Orkut Picasa

11

UX - USER EXPERIENCECurva de Aprendizado: Quanto mais tempo o

usuário gasta para entender o que faz uma aplicação, mais insatisfação é gerada.

12

UX - USER EXPERIENCERevolução Industrial: meados do século XVIII

Começaram a fabricar produtos em série, com mesmo formato, cor, tamanho.

Não se utilizavam mais os artesãos.

13

UX - USER EXPERIENCEProcuraram soluções para atender cada cliente

de forma diferente

Mas isso está correto?14

UX - USER EXPERIENCENa época da bolha da internet acontecia a

mesma coisa. Empresas ofereciam web sites para empresas e de que forma tratavam cada

característica do consumidor?

Eu tenho um layout Azul, um vermelho, um rosa...15

UX - USER EXPERIENCEÉ preciso pensar no seu cliente, que tipo de

pessoa você pretende atingir com uma aplicação?

E quando o público alvo é muito amplo? Mesmo sendo amplo é possível ter uma direção. Será que o

público geral de iOS é o mesmo do Android?16


Ergonomia VisualQuanto tempo o usuário vai ficar exposto a sua

aplicação?Quantas vezes ele vai repetir determinada tarefa?

Bonito é diferente de agradável!

17

UX - USER EXPERIENCEErgonomia Visual

18

UX - USER EXPERIENCEErgonomia Visual: Regra da ExceçãoE se o usuário quer fazer tal coisa?

Tudo bem, criamos uma caixa aqui!!!E se o usuário quiser fazer aquela outra coisa?Não tem problema, fazemos aparecer uma tela

aqui!!!No final você criou um Frankenstein!!!

Em UX você não se preocupa com a Exceção!

19


20

UX - USER EXPERIENCEQual foi o segredo do sucesso do Twitter?

21


Curva de Aprendizado próximo de zero!

O Twitter foi a junção de Blog, rede social e SMS, ferramentas até então muito conhecidas e sua

interface simples permitiu um rápico aprendizado pelos usuários.

22


Curva de Aprendizado

Aplicações corporativas normalmente possuem curvas de aprendizado maiores, pois as rotinas ou funções muitas vezes estão associadas aos

processos da empresa.

23

UX - USER EXPERIENCECurva de Aprendizado

“Foi o escritor Mark Twain, que ao responder a um correspondente seu que reclamou do tamanho enorme de uma carta sua, disse: ‘Me desculpe, não tive tempo de escrever uma carta curta, por isso

ela foi longa mesmo’.“

Twitter e Foursquare resolveram problemas de comunicação que não se pensava existir.

24


25

• O cliente não repara se o campo está 1px para a direita ou se está muito amarelo, o cliente quer saber se o aplicativo fuciona.

• Não faz diferença se o canto é arredonda ou não, ninguém repara nisso.

• A aplicação está lenta, mas está funcionando, é isso que importa.

UX - USER EXPERIENCEMitos entre os Desenvolvedores

26

• O cliente deve ser ouvido

• O cliente é quem define as cores

• O usuário deve ser ouvido

• O layout é que faz vender o produto

UX - USER EXPERIENCEMitos entre os Designers

27

• Site acessível e funcional tem que ser feio

• Todas as páginas idevem ser acessíveis em 3 cliques

• Seu usuário é como você

UX - USER EXPERIENCEMitos entre os Arquitetos

28

Arquitetura de Informação

Design

Code


Como devemos entender UX no mundo da UI

29

UX - USER EXPERIENCEO que deve ser levado em consideração ao criar

uma App?

• Tempo de exposição do usuário a App

• Finalidade da App: Publica? Privada?

• Cultura do usuário

• Curva de Aprendizado do usuário

• Tecnologia utilizada

30


uma App?

Tempo de exposição do usuário a App

31


uma App?

Finalidade da App: Publica? Privada?

32


uma App?Cultura do usuário

33


uma App?

Curva de Aprendizado do usuário

34


uma App?

Tecnologia utilizada

35

UX - USER EXPERIENCECurva de Aprendizado x Curva de Satisfação

A Curva de Satisfação ocorre em dois momentos:

•Quando você olha a aplicação

•Quando você usa a aplicaçãoEstá diretamente associada a Curva de Aprendizado.

36

UX - USER EXPERIENCECurva de Aprendizado x Curva de Satisfação

0123456789

10

0 1 2 3 4 5 6 7 8 9 10

Satis

fação

Aprendizagem

37

UX - USER EXPERIENCEQuem é o usuário?

Podem existir dois tipos de clientes:

•Cliente

•Cliente do cliente

38

UX - USER EXPERIENCEQuem é o usuário?

Quem você deve agradar?

39

BIBLIOGRAFIA•Curso Design de Interfaces, Eduardo Horvath

•ASSOCIAÇÃO BRASILEIRA DE NORMAS TÉCNICAS. NBR ISO/IEC 9126-1: Engenharia de software: qualidade de produto: parte 1 – modelo de qualidade. Rio de Janeiro, 2003.

40

Prof. Emilio Parmegiani

Download do material

OBRIGADO

@emilioparmewww.emilioparme.com

[email protected]/emilioparme

41

projeto de interface com usuÁrio · ux - user experience curva de aprendizado “foi o escritor...

Documents