The elements of User Experience

1. The Elements of
User Experience
Sérgio Fontes,
designer

2. User Experience: o que é?
produtos e serviços bem projetados são
resultados de uma compreensão das
necessidades de quem irá usá-lo.”
portanto, UX se dá na confluência entre
design, tecnologia e negócios.
quanto design, UX é uma metodologia
que insere o usuário e suas necessidades
como requisitos básicos de um projeto.
The Elements
of UX,
Sérgio Fontes
“

3. UX na Web: o que engloba?
planejamento estratégico,
desenvolvimento de software,
design gráfico,
arquitetura da informação,
produção de conteúdo.
The Elements
of UX,
Sérgio Fontes
de interação,
de interface

4. Vantagens competitivas
Má experiência de uso: usuário sente-se
incapaz, frustrado e perde o interesse.
Boa experiência de uso: satisfação,
lealdade e elevada taxa de conversão.
The Elements
of UX,
Sérgio Fontes

5. UX como metodologia
Jesse James Garrett, fundador da Adaptive
Path, definiu os elementos do UX na Web
como etapas de uma metodologia.
neste processo, as necessidades do
usuário são avaliadas e levadas em conta.
multidisciplinar em todas as etapas.
elementos: estratégia, escopo, estrutura,
esqueleto e superfície.
The Elements
of UX,
Sérgio Fontes

6. Elementos: atribuições
The Elements
of UX,
Sérgio Fontes
fonte: Garrett, jjg.net

7. Elementos: atribuições
The Elements
of UX,
Sérgio Fontes
fonte: Garrett, jjg.net

8. Elementos: estratégia
entende-se a quê e para quem o site se
destina: site objectives & user needs.
caso se destine a grupos distintos,
estabelece-se critérios que os identifique.
levantamento de dados a respeito do
usuário: personas e scenarios.
The Elements
of UX,
Sérgio Fontes

9. Elementos: escopo
functional specifications: descrição
detalhada das funcionalidades do
produto.
content requeriments: descrição dos
diversos elementos que requeiram
conteúdo.
The Elements
of UX,
Sérgio Fontes

10. Elementos: estrutura
interaction design: define-se como o
sistema se comportará às ações do
usuário.
information architecture: organização do
conteúdo em grupos lógicos e coerentes.
The Elements
of UX,
Sérgio Fontes

11. Elementos: esqueleto
information design: comunicação
eficiente das informações mostradas ao
usuário.
interface design: organização dos
elementos de interface que permita ao
usuário interagir com as funcionalidades
do sistema.
navigation design: elementos que
permitam a navegação pela arquitetura.
The Elements
of UX,
Sérgio Fontes

12. Elementos: superfície
destina-se ao design gráfico do projeto,
tendo a estética aliada ao conteúdo e
funcionalidade.
elementos gráficos; alternativas
coerentes; protótipos detalhados; testes
e feedbacks.
The Elements
of UX,
Sérgio Fontes

13. Saiba mais
The Elements of User Experience: user-
centered design for the web.
Garrett, Jesse James
jjg.net
uxmyths.com
uxbooth.com
uxquotes.com
The Elements
of UX,
Sérgio Fontes