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)

Escopo

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

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

Especificações funcionais e
requisitos de conteúdo

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo o Escopo

Definir o escopo do processo:

um processo valioso que
resulta num produto valioso.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo o Escopo

O processo é valioso porque nos faz encontrar

possíveis conflitos e imperfeições no produto
tudo ainda é apenas hipotético.

O produto é valioso porque dá a equipe inteira

uma referência de todo o trabalho a ser feito e
uma linguagem comum a todos para falar do projeto.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo o Escopo >
Razão #1: Você sabe o que
está construindo

Parece óbvio, mas pode ser uma surpresa para

a equipe que está desenvolvendo a aplicação web.

Se colocarmos no papel a descrição exata do que

vamos construir, todos saberão quais são as metas
do projeto e quando deveremos alcançá-las
(evitando assim o chamado “telefone sem fio”).

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Definindo o Escopo >
Razão #2: Você sabe o que
NÃO está construindo

Muitas funcionalidades soam como uma excelente

idéia, mas não estão, necessariamente, alinhadas
com os objetivos estratégicos do projeto.

“Não estar construindo algo” pode significar “não

construir agora”. Boas idéias são sempre bem-vindas.
Elas podem e devem ser encaixadas em nossos planos.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Funcionalidade e Conteúdo

No Escopo, saímos da questão abstrata

“Por que estamos construindo este site?”
para uma nova questão:

“O que nós vamos fazer?”

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Funcionalidade e Conteúdo

Aqui surge a separação entre

“web como interface de software”
e a “web como um sistema de hipertexto”.
web como interface web como sistema
O de software de hipertexto
P
O
C
S
E

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Funcionalidade e Conteúdo

Em se tratando de um software a preocupação

é com a funcionalidade (baseada em características
de um produto de software).

Já em um sistema de hipertexto,
estamos lidando com conteúdo (tradicional domínio
de grupos editoriais e de comunicação de marketing).

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Funcionalidade e Conteúdo

Requisitos de conteúdo frequentemente tem

implicações funcionais.

Nos dias de hoje, o conteúdo é usualmente

manuseado através de um software do tipo CMS
(content management system).

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

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

Alguns requisitos se aplicam ao site como um todo.

Identidade visual, browsers suportados e
sistemas operacionais são bons exemplos disso.

Outros, aplicam-se à especificidades do site.

Perguntar ao usuário é a melhor opção para mapear
estes requisitos.

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

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

As vezes o usuário sugere soluções mágicas,

impossíveis de serem implementadas.

Elas devem, na verdade, ser encaradas como uma

maneira de descobrir o que o usuário precisa,
não como uma maneira de chegar à solução.

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

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

Não raro, o usuário não sabe o que quer. No entanto,

em seções de brainstorming, grandes idéias podem
surgir, de onde menos se espera.

O grupo deve abranger as mais diferentes

áreas da empresa e representar diversos grupos de
usuários.

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

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

Benchmarking é uma excelente fonte de inspiração.

Outras empresas no mesmo negócio buscam entender

os requisitos de um público muito próximo ao nosso.
Por consequência, os objetivos de seu site, também.

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

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

Empresas que atuem em outras áreas também

podem servir de inspiração.

Por exemplo: a forma como uma empresa publica

informações sobre suas oportunidades de emprego
em seu site, pode servir de inspiração, ainda que
seu ramo de atividade seja completamente diferente.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Especificações Funcionais

Tendem a ter má reputação entre os desenvolvedores.

Programadores frequentemente odeiam
especificações, pois elas costumam ser chatas
de ler, e o tempo de leitura significaria tempo perdido
para digitar códigos.
Como não são lidas, reforça-se a impressão de que
são perda de tempo.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Especificações Funcionais

As especificações tendem a sofrer alterações

durante o desenvolvimento. O segredo é manter o
equilíbrio entre as especificações e o que está
sendo desenvolvido.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Especificações Funcionais

Não importa quão grande seja o projeto, algumas

regras são fundamentais para escrever as
especificações funcionais:

Seja positivo. Não descreva uma coisa ruim que pode

acontecer, descreva o que pode ser feito para prevení-la.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Especificações Funcionais

Seja específico. Evite ao máximo deixar brechas para

interpretações equivocadas ou incompreendidas.

Evite linguagem subjetiva. Isto pode dar margem a

ambiguidades e mal-entendidos.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Requisitos de Conteúdo

Muitas vezes, quando falamos de conteúdo, nos

referimos a texto.

Deve-se ter em mente que imagens, áudio e vídeo

também são tipos de conteúdo. Eles podem ser
utilizados combinados ou isoladamente.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Requisitos de Conteúdo

Evite confundir o formato de determinado

conteúdo com seu propósito.

Os requisitos devem estimar o tamanho dos conteúdos.

Quantidade aproximada de palavras ou tamanhos
em pixel de imagens são um bom exemplo.

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

Curso de Design Gráfico - Universidade de Caxias do Sul
Requisitos de Conteúdo

É importante elencar responsáveis por cada elemento

do conteúdo, o mais claramente possível.

Deve-se, também, estimar o prazo de atualização

desejado para cada conteúdo.

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

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

Coletar ideias para conteúdo não é difícil.

A parte complicada tende a ser quais farão parte
do escopo do projeto.

A vezes um objetivo estratégico resultará em múltiplos

requerimentos. Em outros casos, um requerimento
pode servir a múltiplos objetivos estratégicos.

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

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

Negociar prioridades dentro de uma equipe

pode ser mais difícil do que se pensa.

Ouça todas as partes e lembre-se que

por mais técnico que um trabalho seja, sempre
será executado por um ser humano.

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)

Escopo

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

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