DESENHOS E INTERFACES

DESENHOS E INTERFACES

1. SKETCHES

   • rabiscar uma nova interface usando papel e caneta

2. WIREFRAMES

   • guia visual que representa a estrutura da página

3. PROTÓTIPOS NAVEGÁVEIS

   • simulação da navegação e das funcionalidades de um site
     • wireframes clicáveis ou layouts

4. BIBLIOTECA DE PADRÕES

   • lista prática com exemplos de padrões do que será usado no site
     • protótipo: versão das ideias iniciais do projeto
     • fidelidade
       • baixa: não tem características dinâmicas
         • esboço
         • storyboard: navegação dinâmica
         • menos tempo p/ construir / descartável
         • post-it
       • alta: interface executável, mesmo com funcionalidade não implementada
     • por quê fazer protótipos?
       • facilita comunicação
       • envolvimento stakeholders
       • ensaio de várias ideias alternativas sem alto custo
     • cartões: padronizados, fáceis de manipular nos testes