Upload
tiago-silva-da-silva
View
566
Download
1
Embed Size (px)
Citation preview
Tiago Silva da Silva
Chega de "tapa na UX"!
Tiago Silva da Silva
Chega de "tapa na UX"!
CONCEITOS
UI User Interface
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
UX
UX User eXperience
UX User eXperience
eXperiência do Usuário
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
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
@PedroBelleza
UXDESIGN
UX Design Design da experiência do
Usuário
DESIGN
Desenho Projeto Designo
@radfahrer
DESIGN
Desenho Projeto Designo
Desenho que segue um projeto e que tem uma finalidade.
@radfahrer
designER
Desenho Projeto Designo
Desenho que segue um projeto e que tem uma finalidade.
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
User-Centered Design (UCD)
http://www.usabilityprofessionals.org/usability_resources/about_usability/what_is_ucd.html
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.
The Fable of the USER-CENTRED DESIGNER
David Travis
Designer eficaz
Designer eficaz
Orgulho
Designer eficaz
Orgulho
Interesse em estética
Designer eficaz
Orgulho
Interesse em estética
Estado da arte
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
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
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
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
Achava que conhecia o usuário
Achava que conhecia o usuário
Projetava para um usuário que não existia
Observar o usuário no seu ambiente
Achava que conhecia o usuário
Projetava para um usuário que não existia
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
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
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
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
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
Saber se o seu design funciona como as pessoas esperam
Observar o usuário mais do que ouví-lo
Saber se o seu design funciona como as pessoas esperam
Observar o usuário mais do que ouví-lo
Teste de Usabilidade (empírico)
Saber se o seu design funciona como as pessoas esperam
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
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
Prototipação "em papel"
Prototipação "em papel"
Evolutiva
Prototipação "em papel"
Evolutiva
Protótipo interativo
Iterativa
Prototipação "em papel"
Evolutiva
Protótipo interativo
Iterativa
Prototipação "em papel"
Evolutiva
Protótipo interativo
Evolução por seleção natural
30
David Travis
THE THIRD SECRET OF USER-CENTRED DESIGN:
ITERATIVE DESIGN
Design Iterativo
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
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
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
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!
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
Indicators
Empresas acham que são centradas no usuário
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
Indicators
Empresas acham que são centradas no usuário
Acham que conhecem seus usuários
Designer Herói
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
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
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
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
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
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
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
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
Identify the Stakeholders
Segment the Market
Create the UX Vision
Analyse the Opportunity
Build User Profiles
User Centred Design Steps
IdentifyRed Routes
BuildEnvironment
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 KeyPerformance
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
39
The Fable of the User-Centred Designer
SHARE IT WITH OTHERS
Compartilhe com os outros!
Shared Understanding
http://work.co/virgin-america/
http://work.co/virgin-america/
6 princípios-chave para garantir que um projeto é Centrado no Usuário
MANIFESTO
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.
39
The Fable of the User-Centred Designer
SHARE IT WITH OTHERS
Shared Understanding
Chega de "tapa na UX"!
[email protected] @tiagosdasilva
http://www.slideshare.net/silvadasilva
Tiago Silva da Silva