The Elements of
User Experience
        Sérgio Fontes,
             designer
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.
                                               The Elements
    quanto design, UX é uma metodologia        of UX,
                                               Sérgio Fontes
    que insere o usuário e suas necessidades
    como requisitos básicos de um projeto.
UX na Web: o que engloba?
planejamento estratégico,
desenvolvimento de software,
design gráfico,
       de interação,
       de interface
arquitetura da informação,
produção de conteúdo.          The Elements
                               of UX,
                               Sérgio Fontes
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
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.
                                            The Elements
multidisciplinar em todas as etapas.        of UX,
                                            Sérgio Fontes



elementos: estratégia, escopo, estrutura,
esqueleto e superfície.
Elementos: atribuições




                                                   The Elements
                                                   of UX,
                                                   Sérgio Fontes




                         fonte: Garrett, jjg.net
Elementos: atribuições




                                                   The Elements
                                                   of UX,
                                                   Sérgio Fontes




                         fonte: Garrett, jjg.net
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          The Elements
usuário: personas e scenarios.               of UX,
                                             Sérgio Fontes
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
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
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   The Elements
do sistema.                                of UX,
                                           Sérgio Fontes



navigation design: elementos que
permitam a navegação pela arquitetura.
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
Saiba mais
The Elements of User Experience: user-
centered design for the web.
                      Garrett, Jesse James

jjg.net

uxmyths.com                                  The Elements
                                             of UX,
                                             Sérgio Fontes
uxbooth.com

uxquotes.com

The elements of User Experience

  • 1.
    The Elements of UserExperience Sérgio Fontes, designer
  • 2.
    User Experience: oque é? 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. The Elements quanto design, UX é uma metodologia of UX, Sérgio Fontes que insere o usuário e suas necessidades como requisitos básicos de um projeto.
  • 3.
    UX na Web:o que engloba? planejamento estratégico, desenvolvimento de software, design gráfico, de interação, de interface arquitetura da informação, produção de conteúdo. The Elements of UX, Sérgio Fontes
  • 4.
    Vantagens competitivas Má experiênciade 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 JesseJames 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. The Elements multidisciplinar em todas as etapas. of UX, Sérgio Fontes elementos: estratégia, escopo, estrutura, esqueleto e superfície.
  • 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 aquê 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 The Elements usuário: personas e scenarios. 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 The Elements do sistema. of UX, Sérgio Fontes navigation design: elementos que permitam a navegação pela arquitetura.
  • 12.
    Elementos: superfície destina-se aodesign 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 Elementsof User Experience: user- centered design for the web. Garrett, Jesse James jjg.net uxmyths.com The Elements of UX, Sérgio Fontes uxbooth.com uxquotes.com