Ficha 01 · Plataformas, planeamento e design UI sem código
Exercício 1 · Categorias de plataformas NoCode
Associa cada situação à categoria de plataforma NoCode mais adequada (apresentações/infográficos interativos, prototipagem de interfaces, construtor de sites, e-learning interativo): (a) prototipar a navegação de uma nova app de banco antes de a construir; (b) criar um quiz de fim de curso, com pontuação, para publicar online; (c) construir um site institucional completo com animações ao fazer scroll; (d) criar uma simulação interativa de um procedimento de segurança para formação.
Exercício 2 · Critérios para escolher plataforma
Uma agência precisa de escolher entre duas ferramentas para um projeto de catálogo interativo de produtos, a publicar no site de um cliente. Enumera quatro critérios que deve avaliar antes de decidir, e explica porque cada um importa.
Exercício 3 · Ordenar o planeamento
Ordena corretamente as fases do planeamento de um conteúdo interativo: (i) wireframe; (ii) produção na ferramenta NoCode; (iii) briefing; (iv) mapa de ecrãs; (v) inventário de conteúdo.
Exercício 4 · Gestão de dados e conteúdos
Um colega entrega-te um projeto com ficheiros chamados "Sem título 2.svg", "final_v3_definitivo.png" e uma única pasta com 80 imagens misturadas com áudios. Identifica três problemas e propõe a correção para cada um.
Exercício 5 · Princípios de design UI
Explica, com um exemplo próprio para cada, os quatro princípios de design UI: hierarquia visual, consistência, feedback e affordance.
Exercício 6 · Estados de um botão
Desenha (em texto ou tabela) os quatro estados que um botão "Adicionar ao carrinho" deve ter, e descreve o que muda visualmente em cada um.
Exercício 7 · Tipografia e cor
Um ecrã usa cinco fontes diferentes, texto de corpo a 11px e assinala erros de formulário apenas com a cor vermelha no contorno do campo. Identifica três problemas e corrige-os.
Exercício 8 · Design responsivo
Um site tem um menu horizontal com 8 opções, desenhado só para desktop. Explica o que acontece quando é aberto num telemóvel sem qualquer regra responsiva, e propõe uma solução.