Ficha 02 · Responsivo, sistema e teste

Parte I · Responsivo

Exercício 1 · Mobile-first (15 pts)

a) O que significa "mobile-first" no design? (8 pts)

b) Que cuidado de toque há que considerar (e que não existe no rato)? (7 pts)

Exercício 2 · Breakpoints (10 pts)

O que é um breakpoint e como se decide onde o colocar?

Parte II · Sistema de design

Exercício 3 · Tokens e componentes (15 pts)

a) O que são "design tokens" e que vantagem trazem? (8 pts)

b) Lista 4 estados que um botão deve ter previstos no design. (7 pts)

Exercício 4 · Consistência (10 pts)

Porque é importante um sistema de design num projeto com várias páginas/pessoas?

Parte III · Figma

Exercício 5 · Funcionalidades (15 pts)

Liga a funcionalidade do Figma ao seu uso:

a) Componentes + variantes ___

b) Auto Layout ___

c) Prototype ___

d) Estilos partilhados ___

Exercício 6 · Handoff (10 pts)

O que é o "handoff" e o que deve um designer entregar ao programador?

Parte IV · Teste

Exercício 7 · Teste de usabilidade (25 pts)

Vais testar o protótipo do site da biblioteca.

a) Como conduzes o teste (passos)? (10 pts)

b) Quantos utilizadores chegam e porquê? (5 pts)

c) Que dados/observações recolhes? (5 pts)

d) O que fazes a seguir? (5 pts)