O documento discute os princípios e práticas do design centrado no usuário. Ele explica que o foco deve estar nos usuários desde o início do projeto, observando e entendendo suas necessidades. Também enfatiza a importância de testes iterativos com protótipos para melhorar continuamente a experiência do usuário.

1. Tiago Silva da Silva
Chega de
"tapa na UX"!

2. Tiago Silva da Silva
Chega de
"tapa na UX"!

3. CONCEITOS

4. UI
User Interface

5. Usabilidade
Medida na qual o produto pode ser usado por usuários
específicos para alcançar objetivos específicos com
eficácia, eficiência e satisfação em um contexto de uso
específico.
ISO 9241-11

6. UX

7. UX
User eXperience

8. UX
User eXperience
eXperiência do Usuário

9. UX
User eXperience
eXperiência do Usuário
“…percepções e respostas de uma pessoa
que resultam do uso ou uso anterior de
um produto, sistema ou serviço...”
ISO 9241-210

10. UX
User eXperience
eXperiência do Usuário
“…percepções e respostas de uma pessoa
que resultam do uso ou uso anterior de
um produto, sistema ou serviço…”
“Como as pessoas se sentem quando
usam algo.”
@tsharon

11. @PedroBelleza
UXDESIGN

14. UX Design
Design da experiência do
Usuário

15. DESIGN
Desenho
Projeto
Designo
@radfahrer

16. DESIGN
Desenho
Projeto
Designo
Desenho que segue um projeto e que
tem uma finalidade.
@radfahrer

17. designER
Desenho
Projeto
Designo
Desenho que segue um projeto e que
tem uma finalidade.

18. UX Design
Design da experiência do Usuário.
Aplicação de práticas do UCD para
gerar designs coesos, preditivos e
desejáveis com base em considerações
holísticas da experiência dos usuários.
ISO 9241-210

19. User-Centered Design
(UCD)

20. http://www.usabilityprofessionals.org/usability_resources/about_usability/what_is_ucd.html

21. http://www.usabilityprofessionals.org/usability_resources/about_usability/what_is_ucd.html
É um framework de processos (não restrito a interfaces ou
tecnologias) em que é dada grande atenção às necessidades,
desejos e limitações dos usuários finais de um produto ou serviço
em cada estágio do processo de design.

22. The Fable of the
USER-CENTRED DESIGNER
David Travis

23. Designer eficaz

24. Designer eficaz
Orgulho

25. Designer eficaz
Orgulho
Interesse em estética

26. Designer eficaz
Orgulho
Interesse em estética
Estado da arte

27. Designer eficaz
Orgulho
Interesse em estética
Estado da arte
Designer eficazes criam tecnologia que beneficia a
organização, seus clientes e a sociedade em geral

28. Designer eficaz
Orgulho
Interesse em estética
Estado da arte
Designer eficazes criam tecnologia que beneficia a
organização, seus clientes e a sociedade em geral
Compartilhar com outras pessoas

29. Designer eficaz
Orgulho
Interesse em estética
Estado da arte
Designer eficazes criam tecnologia que beneficia a
organização, seus clientes e a sociedade em geral
Compartilhar com outras pessoas
User-Centred DesignER

30. Designer eficaz
Orgulho
Interesse em estética
Estado da arte
Designer eficazes criam tecnologia que beneficia a
organização, seus clientes e a sociedade em geral
Compartilhar com outras pessoas
User-Centred DesignER
Foco em pessoas

32. Achava que conhecia o usuário

33. Achava que conhecia o usuário
Projetava para um usuário que não existia

34. Observar o usuário no seu ambiente
Achava que conhecia o usuário
Projetava para um usuário que não existia

35. Observar o usuário no seu ambiente
Ouvir o usuário
Achava que conhecia o usuário
Projetava para um usuário que não existia

36. Observar o usuário no seu ambiente
Ouvir o usuário
Achava que conhecia o usuário
Projetava para um usuário que não existia
Entender para quem você está projetando, o que as
pessoas querem fazer com o sistema e em qual ambiente
ele está sendo usado

37. Observar o usuário no seu ambiente
Ouvir o usuário
Achava que conhecia o usuário
Projetava para um usuário que não existia
Entender para quem você está projetando, o que as
pessoas querem fazer com o sistema e em qual ambiente
ele está sendo usado
Fazer isso ao longo do projeto

38. Saber o que precisa ser melhorado
Observar o usuário no seu ambiente
Ouvir o usuário
Achava que conhecia o usuário
Projetava para um usuário que não existia
Entender para quem você está projetando, o que as
pessoas querem fazer com o sistema e em qual ambiente
ele está sendo usado
Fazer isso ao longo do projeto

39. 19
The Fable of the User-Centred Designer
THE FIRST SECRET OF USER-CENTRED DESIGN:
EARLY AND CONTINUAL FOCUS ON USERS AND THEIR TASKS
Foco nos usuários e tarefas desde o
início e de forma contínua

41. Saber se o seu design funciona como as pessoas esperam

42. Observar o usuário mais do que ouví-lo
Saber se o seu design funciona como as pessoas esperam

43. Observar o usuário mais do que ouví-lo
Teste de Usabilidade (empírico)
Saber se o seu design funciona como as pessoas esperam

44. Satisfação
Observar o usuário mais do que ouví-lo
Teste de Usabilidade (empírico)
Eficácia
Eficiência
Saber se o seu design funciona como as pessoas esperam

45. 25
The Fable of the User-Centred Designer
THE SECOND SECRET OF USER-CENTRED DESIGN:
EMPIRICAL MEASUREMENT OF USER BEHAVIOUR
Medição empírica do comportamento
do usuário

47. Prototipação "em papel"

48. Prototipação "em papel"
Evolutiva

49. Prototipação "em papel"
Evolutiva
Protótipo interativo

50. Iterativa
Prototipação "em papel"
Evolutiva
Protótipo interativo

51. Iterativa
Prototipação "em papel"
Evolutiva
Protótipo interativo
Evolução por seleção natural

52. 30
David Travis
THE THIRD SECRET OF USER-CENTRED DESIGN:
ITERATIVE DESIGN
Design Iterativo

53. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Design Iterativo
Medição empírica do
comportamento do usuário
Foco nos usuários e tarefas desde
o início e de forma contínua

54. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Design Iterativo
Medição empírica do
comportamento do usuário
Foco nos usuários e tarefas desde
o início e de forma contínua
TÃO
SIMPLES!

55. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário

56. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários

57. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Designer Herói

58. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Designer Herói
Fazem “pesquisa"
Início e Fim

59. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Designer Herói
Fazem “pesquisa"
Início e Fim
Perguntam em vez de Observar
Focus Group e Demo

60. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Designer Herói
Fazem “pesquisa"
Início e Fim
Perguntam em vez de Observar
Focus Group e Demo
Projetam iterativamente

61. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Designer Herói
Fazem “pesquisa"
Início e Fim
Perguntam em vez de Observar
Focus Group e Demo
Projetam iterativamente
HIPPO
Highest Paid Person’s Opinion

62. Identify the
Stakeholders
Segment the
Market
Create the
UX Vision
Analyse the Opportunity
Build User
Profiles
User Centred Design Steps
Identify
Red Routes
Build
Environment
Profiles
Build the Context of Use
Create the User Experience
Track real-world usage and continuously improve the product
Layout the
Screens
Evaluate
Usability
Develop the
Information
Architecture
Set Key
Performance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Designer Herói
Fazem “pesquisa"
Início e Fim
Perguntam em vez de Observar
Focus Group e Demo
Projetam iterativamente
HIPPO
Highest Paid Person’s Opinion
Infinidade de maneiras de fazer UCD

63. 39
The Fable of the User-Centred Designer
SHARE IT WITH OTHERS
Compartilhe com os outros!
Shared Understanding

67. http://work.co/virgin-america/

68. http://work.co/virgin-america/

69. 6 princípios-chave para
garantir que um projeto
é Centrado no Usuário
MANIFESTO

70. 1. O projeto é baseado em um entendimento explícito dos
usuários, tarefas e ambientes.
2. Os usuários são envolvidos em todo o projeto e
desenvolvimento.
3. O projeto é conduzido e refinado por avaliações
centradas no usuário.
4. O processo é iterativo.
5. O projeto aborda toda a experiência do usuário.
6. A equipe de projeto inclui habilidades e perspectivas
multidisciplinares.

75. 39
The Fable of the User-Centred Designer
SHARE IT WITH OTHERS
Shared Understanding

76. Chega de
"tapa na UX"!
silvadasilva@unifesp.br
@tiagosdasilva
http://www.slideshare.net/silvadasilva
Tiago Silva da Silva