Ficha 01 · Interativo, plataformas, sistema de design

Parte I · Linear vs interativo

Exercício 1 · Distinção (10 pts)

Indica diferenças entre conteúdo linear e interativo (3 diferenças).

Exercício 2 · Onde está a complexidade (5 pts)

Onde está a maior dificuldade ao desenhar interativo (vs linear)?

Parte II · Plataformas e inputs

Exercício 3 · Plataforma certa (10 pts)

Indica o tipo/stack adequado:

a) App para consultar o cardápio num restaurante via QR code. ___

b) Ecrã interativo num museu (público em pé, toque). ___

c) App móvel iOS/Android com 1 código-base. ___

Exercício 4 · Inputs (15 pts)

Que cuidados de design ter para cada input:

a) Toque (mobile). ___

b) Controlador (smart TV). ___

c) Rato + teclado (desktop web). ___

Parte III · Sistema de design

Exercício 5 · Tokens (10 pts)

O que são "design tokens" e que vantagem trazem num app com light/dark mode?

Exercício 6 · Estados de componente (15 pts)

Para um botão, lista 5 estados que o design tem de prever e desenhar.

Parte IV · Estados de ecrã

Exercício 7 · 5 estados (15 pts)

Numa lista de "Encomendas" no app, lista os 5 estados que cada ecrã deve prever e o que mostrar em cada.

Parte V · Aplicação

Exercício 8 · Microinterações (10 pts)

Dá 3 exemplos de microinterações úteis num app e explica brevemente o porquê de cada uma.

Exercício 9 · Reduced motion (10 pts)

O que é prefers-reduced-motion e como o respeitar no design de microinterações?