Ficha 01 · UX, pesquisa e estrutura
- Distinguir UX/UI
- Definir personas/stories
- Estruturar informação
- Fazer wireframes
Parte I · UX vs UI
Exercício 1 · Classificar (15 pts)
Indica se é UX ou UI:
a) Escolher a cor e o estilo dos botões. ___
b) Decidir o número de passos para finalizar uma compra. ___
c) Definir a tipografia do site. ___
d) Reorganizar o menu porque os utilizadores não encontram o contacto. ___
e) Desenhar o estado "hover" de um link. ___
Exercício 2 · Relação (10 pts)
"O site está lindíssimo mas ninguém consegue comprar." Que problema descreve isto e o que ensina sobre UX/UI?
Parte II · Pesquisa
Exercício 3 · Persona (15 pts)
Cria uma persona breve para o site da biblioteca escolar (nome, idade, objetivo, contexto, frustração).
Exercício 4 · User stories (10 pts)
Escreve 2 user stories para esse site (formato "Como… quero… para…").
Parte III · Arquitetura de informação
Exercício 5 · Sitemap (15 pts)
Esboça o sitemap (estrutura de páginas) do site da biblioteca escolar.
Exercício 6 · Navegação (10 pts)
Que regra prática há sobre profundidade de navegação e porque importa?
Parte IV · Wireframe
Exercício 7 · Fidelidade (25 pts)
a) Ordena por fidelidade crescente: Mockup, Esboço, Protótipo, Wireframe. (8 pts)
b) Porque não se deve começar logo pelo mockup colorido? (9 pts)
c) Descreve o que incluirias no wireframe mobile da ficha de um livro. (8 pts)