Desenhos e Interfaces

Desenhos e Interfaces

1. Sketches

   • Forma rápida de rabiscar uma nova interface usando papel e caneta
   • Podem ser muito úteis para validar rapidamente conceitos de produtos e ideias de design com os membros da equipe e usuários

2. Wireframes

   • Guia visual que representa a estrutura da página, bem como sua hierarquia e os principais elementos que a compõem
   • Útil para discutir ideias com o time e com os clientes, e também para informar o trabalho dos diretores de arte e desenvolvedores

3. Protótipos navegáveis

   • É uma simulação da navegação e das funcionalidades de um site, composto normalmente por wireframes clicáveis ou layouts
   • Forma rápida de validar e testar um produto antes de desenvolvê-lo do começo ao fim

4. Biblioteca de padrões

   • Lista prática com exemplos dos padrões de interação que serão usados em todo o site
   • Ajuda a manter o design consistente em diferentes telas

5. Protótipo

   • Versão das ideias de projeto com o intuito de materializar a visão e permitir testes anteriores à realização do produto
   • Maquetes, esboços, rascunhos...

6. Fidelidade

   • Baixa fidelidade
     • Quando ele não tem características dinâmicas
       • Esboços (Sketch), Storyboards, "Post-it", Mágico de Oz
   • Alta fidelidade
     • Quando a interface de usuário pode ser executada, embora a funcionalidade da aplicação não esteja implementada