Desenhos e Interfaces

Desenhos e Interfaces

1. Sketches (Esboços)

   • Forma rápida de rabiscar uma nova interface usando papel e lapís

2. Wireframes

   • Guia visual que mostra como vai ser a estrutura da página, útil para discutir possíveis mudanças com o cliente

3. Protótipos Navegáveis

   • Protótipo/Simulação da utilização e das funcionalidades do site

4. Biblioteca de padrões

   • Lista prática com exemplos de padrões; mantem o design consistente em varias telas; facilita a vida dos desenvolvedores na hora da implementação; lista bastante ampla, podendo não ser dominada

5. Esboço Wireframes

   • Esboço mais bem feito

6. Cartões

   • Padronizados; Fáceis de manipular nos teste

7. Porque Fazer Protótipos

   • Mudanças podem ser feitas antes da conclusão

8. Protótipo

   • Versão das ideias de projeto

9. Vídeo Conceitual

   • Apresenta um conceito do produto como se fosse o produto real

10. Mágico de Oz

    • Formas de prototipar

11. Fidelidade

    • Baixa: Não é dinâmico Alta: Interface exetutavel