Os Elementos da

Experiência do Usuário
Design para Web com Foco no Usuário

(Baseado no livro “The Elements of User Experience:

User-Centered Design for the Web” de J. J. Garrett)

Estratégia

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Estratégia

Os objetivos do site e as necessidades do público.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo a Estratégia

A maioria dos sites fracassa

porque ninguém se preocupou
em responder duas questões:

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo a Estratégia

O que queremos com este site?

O que os nossos usuários

querem com este site?

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo a Estratégia

A resposta da primeira questão leva aos

objetivos do site.

A segunda resposta, às
necessidades dos usuários.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo a Estratégia

Objetivos do site (interno) +

Necessidades dos usuários (externo) =
Estratégia

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Objetivos do Site

Primeiro passo: examinar explicitamente

nossos objetivos para o site.

Ser explícito é a chave de tudo.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Objetivos do Site >
Metas de Negócio

Em nível fundamental, sites comerciais

servem para um ou mais destes objetivos:

» Fazer dinheiro
» Economizar dinheiro

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Objetivos do Site >
Identidade da Marca

“Branding” é muito mais do que logotipos,

paleta de cores, tipografia...

Para os usuários é inevitável associar a

interação com o site e a impressão da Empresa

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Objetivos do Site >
Métricas

Como saber quando nossos objetivos

foram atingidos?

Cuidado! Números isolados tendem a

gerar enganos. Analise sempre o todo.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário

É fácil cair na armadilha de projetar

um site para o usuário idealizado:
alguém exatamente como nós mesmos.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Segmentação de Usuários

Descobrir quem são e o que querem nossos

usuários pode ser complicado.

Segmentar pode ser uma ótima alternativa

para evitar esse problema.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Segmentação de Usuários

Segmentar: dividir em grupos a partir de

características chave.

No Marketing, normalmente são utilizados

critérios demográficos (gênero, idade,
escolaridade, estado civil, etc).

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Segmentação de Usuários

Perfil Psicográfico: atitudes e percepções do

usuário a respeito do mundo e/ou do assunto
relativo ao nosso site em particular.

Frequentemente critérios demográficos e

psicográficos frequentemente coincidem.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Segmentação de Usuários

Devemos considerar a atitude do usuário

frente à tecnologia e à web propriamente dita.

Além disso, também é importante considerar

o quanto o usuário conhece a respeito de
nosso produto/serviço.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Segmentação de Usuários

Às vezes, além de diferentes, as necessidades

de segmentos de usuários é oposta.

Se não podemos agradar a todos,

faremos escolhas.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Usabilidade e Pesquisa de Usuário

Usabilidade: tornar algo mais fácil para o usuário.

Pesquisa: conhecer o usuário para saber do

que ele precisa.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Usabilidade e Pesquisa de Usuário

Pesquisas, entrevistas e focus groups:

atitudes e percepções em geral.

Testes com usuários e estudos de campo:

aspectos específicos do comportamento e
interação com o site.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Necessidades do Usuário >
Usabilidade e Pesquisa de Usuário

Às vezes os testes com usuários sequer

envolvem o site propriamente dito.
Ex.: Card Sorting.

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul
Os Elementos da
Experiência do Usuário
Design para Web com Foco no Usuário

(Baseado no livro “The Elements of User Experience:

User-Centered Design for the Web” de J. J. Garrett)

Estratégia

Prof. Airton Jordani - Disciplina de Projeto Gráfico IV

Curso de Design Gráfico - Universidade de Caxias do Sul