Aula 1 de prototipação no curso de Design de Interação no IEC-PUC Minas.

1. Técnica de Prototipação
Prof.:GuilhermeTorres

2. Prós
• Esquemas feitos a mão ou com
auxilio de computador
• Representação estática
• Baixo custo
• Pode ser feito com material de
escritório
• Maior empatia do usuário
• Útil para avaliação inicial de
projetos
Contras
• Baixo grau de detalhamento
• Apresenta apenas visualmente
a funcionalidade
• Não possui recursos interativos
Modelolinear–wireframebaixafidelidade

4. Prós
• Exibido no suporte final
• Visual próximo do definitivo
• Conteúdo próximo do final
• Variedade de ferramentas
(Balsamiq, Power Point, Visio, Axure, POP, etc)
• Útil em qualquer etapa do
projeto
Contras
• Funcionalidade e Similaridade da
interação não são fundamentais
• Auxilio de softwares
• Exige mais esforço que protótipo
em papel
• Pode confundir o usuário sobre a
parte visual
Modelolinear–wireframemédiafidelidade

5. http://goo.gl/iIc0XG

6. protótipo

7. Prós
• Exibido no suporte final
• Visual muito próximo do
definitivo
• Conteúdo real
• Variedade de ferramentas
(Axure, UxPin, Proto.io, html, etc)
• Funcionalidade e Similaridade da
interação não são fundamentais
• Útil em etapas avançadas do
projeto
Contras
• Exige muito esforço
•Auxilio de softwares
• Dificuldade de alteração
• Pode confundir o usuário sobre a
parte visual
Modelolinear–wireframealtafidelidade

8. protótipo

9. protótipo

10. protótipo

11. • Entenda quais são os requisitos
• Defina qual será o público alvo
• Levante as tarefas mais importantes
• Cortem funcionalidades que não fazem parte do core
• Defina as 3 tarefas com maior impacto no negócio
• Defina suas métricas
• Permita que usuário execute essas tarefas através do protótipo
Porondecomeçar

12. • Padrões de interação
• Definir Elementos padrões para o design de interfaces
• Soluções já aplicadas que foram bem sucedidas
• Guideline das interfaces
• Modelos mentais do público alvo
Oqueconsideraraoprototipar

13. Consiste em solicitar a um indivíduo que pense em voz alta enquanto
resolve uma tarefa. Metodologia usada para vislumbrar um traçado
dos processos cognitivos que as pessoas apresentam ao realizarem
uma tarefa.
Thinkaloud-Metodologia auxiliar

14. Thinkaloud-Metodologia auxiliar

15. Atividade em grupo – 40 pts
Exercício:
• Documentar ideia (Esboço, Visual thinking, Storyboard ou Mapa Mental)
• Criar personas (quantas forem “usuários” do produto)
• Definição da(s) funcionalidade(s) principais
• Prototipação em papel
• Aplicação de teste com stakeholders
Documente tudo, isso será avaliado.