O documento discute conceitos fundamentais de design centrado no usuário, usabilidade, comunicabilidade e experiência do usuário no contexto de projeto de software. Aborda a importância de focar nas necessidades do usuário, avaliar a perspectiva do usuário e garantir que os sistemas sejam fáceis de usar e compreender.

1. Design centrado no
usuário
[projeto de software]
[usabilidade]
[comunicabilidade]
[experiência de usuário]

2. Projeto de Software

4. Alguns conceitos
• Software…
• Programa…
• Análise de Software…
• Projeto de Software…
• Processo de Software (Especificação, Projeto, Desenvolvimento,
Testes)
• Stakeholders…
• Modelos para o Processo de Software (Metodologias)
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br

5. Designcentradonousuário

6. • Quem?
• Foco no problema
• Foco nas pessoas e suas reais necessidades
• “Encarnar” o usuário final
• Eu preciso X Eu quero X Eu desejo
Descoberta: Necessidades do Usuário

7. • Primeira decisão de projeto: Que característica
queremos avaliar?
• Usabilidade
• Comunicabilidade
• Experiência de Usuário
Avaliação: Perspectiva do Usuário

8. usabilidade

9. Usabilidade
• Características que permitem ao usuário interagir com o
computador satisfatoriamente.
• Está relacionada à eficácia, eficiência e satisfação de
uso.
• Enquadra-se dentro do conceito de aceitabilidade do
sistema pelo usuário - sistema ser bom o suficiente para
satisfazer todas as necessidades e requisitos do usuário.

10. Usabilidade

11. Usabilidade
• Usabilidade refere-se ao grau com que o usuário
consegue realizar uma tarefa:
– Funcionalidade Correta
– Eficiência de Uso
– Facilidade de Aprender
– Facilidade de Lembrar
– Tolerância aos erros de usuários
– Satisfação Subjetiva

12. Usabilidade
• Problemas de Usabilidade:
- O sistemas tem a informação ou o serviço que eu
preciso?
- Onde posso encontrar?
- Como posso solicitar esse serviço?
- Quais informações devo fornecer?
- Qual o resultado? Era o que eu queria?
- Para que serve esse elemento?
- O que significa essa figura?
- Para onde leva esse link?

13. Usabilidade na Prática
• Inspeção de Usabilidade
• Revisão de diretrizes
• Inspeções de Consistência (Percurso)
• Laboratório de Usabilidade
• Avaliação Heurística
• Prática de Usabilidade (em papel)

14. comunicabilidade

15. Comunicabilidade
• Engenharia Semiótica
Definição:
–Sistemas Computacionais são artefatos de
metacomunicação [de Souza, 1993]
• Designer (projetista de interfaces) envia para o
usuário uma mensagem interativa e unidirecional
• Semiótica: disciplina que estuda os signos e os
processos de significação,codificação e
comunicação.

16. Comunicabilidade

17. Comunicabilidade

18. Comunicabilidade
• Definição
• Descreve o processo de comunicação designer-interface-usuários
onde signos utilizados em interfaces de usuário e projetados por
designer devem comunicar aos usuários as funcionalidades e
modelos de execução da aplicação.

19. Comunicabilidade
• Signos de Interface - Objetos que possibilitam
passar a mensagem do designer para o usuário.

20. Comunicabilidade
• Interjeições (ou rupturas)
–Cadê? / E agora?
–Que é isso?
– Epa! / Onde estou?
– Por que não funciona? /
Ué o que houve?
– Para mim está bom...
–Não dá.
–Deixa pra lá... / Não obrigado.

21. Experiência de usuário

27. A “bad day”?

28. Um motorista distraído ao
trocar de rádio causou o
acidente que causou o
engarrfamento

29. Um motorista distraído ao
trocar de rádio causou o
acidente que causou o
engarrfamento
O atendente do posto de
gasolina se confundiu co
o sistema e colocou a
operação errada que
ocasionou o “denied”.

30. Um motorista distraído ao
trocar de rádio causou o
acidente que causou o
engarrfamento
O atendente do posto de
gasolina se confundiu co
o sistema e colocou a
operação errada que
ocasionou o “denied”.
Você não notou que a
gasolina acabou pois o
display do carro é muito
pequeno e discreto.

31. Um motorista distraído ao
trocar de rádio causou o
acidente que causou o
engarrfamento
O atendente do posto de
gasolina se confundiu co
o sistema e colocou a
operação errada que
ocasionou o “denied”.
Você não notou que a
gasolina acabou pois o
display do carro é muito
pequeno e discreto.
O café terminou pois você
esqueceu de colocar pó de
café na lista de compras.

32. Um motorista distraído ao
trocar de rádio causou o
acidente que causou o
engarrfamento
O atendente do posto de
gasolina se confundiu co
o sistema e colocou a
operação errada que
ocasionou o “denied”.
Você não notou que a
gasolina acabou pois o
display do carro é muito
pequeno e discreto.
O café terminou pois você
esqueceu de colocar pó de
café na lista de compras.
O alarme não disparou
porque a hora estava
errada.

33. Reflexão
• Falta de sorte ou escolhas de design erradas em
produtos e/ou serviços?
• Existe preocupação com a experiência que um
produto/serviço proporciona para as pessoas que o
utilizam no mundo real?
• O que o produto/serviço faz/oferece?
 Funcionalidade – Testes Funcionais
• Como o produto/serviço faz/oferece?
 Interface – UX

34. 34
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Experiência de Usuário (UX)
(Garret, 2011)

36. Design Centrado no Usuário
• A prática de criar soluções de IU que promovam o
engajamento de usuários através de uma experiência de
usuário eficiente é chamada de UCD (User-Centered
Design).
(Garret, 2011)

37. Referências:
CAP10: Interaction Design (STONE, JARRET, WOODROFE, MINOCHA:
User Interface Design and Evaluation. Ed. Elsevier, 2005 (704p).). Disponível
em:
http://booksite.elsevier.com/9780120884360/casestudies/Chapter_10.pdf
Design Centrado no Usuário. Disponível em:
http://design.cesar.org.br/blog/?p=1 Última atualização: 7 de novembro de
2007.
Designing the User Experience:
http://www.mprove.de/script/00/upa/_media/upaposter_11x17.pdf