Técnica de Prototipação
Prof.:GuilhermeTorres
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
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
http://goo.gl/iIc0XG
protótipo
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
protótipo
protótipo
protótipo
• 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
• 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
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
Thinkaloud-Metodologia auxiliar
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.

Técnica de prototipação - Aula 2

  • 1.
  • 2.
    Prós • Esquemas feitosa 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 nosuporte 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.
  • 6.
  • 7.
    Prós • Exibido nosuporte 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.
  • 9.
  • 10.
  • 11.
    • Entenda quaissã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 deinteraçã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 solicitara 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.
  • 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.