Técnica de PrototipaçãoProf.: Guilherme Torres

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

Modelo linear – wireframe baixa fidelidade

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

Modelo linear – wireframe média fidelidade

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

Modelo linear – wireframe alta fidelidade

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

Por onde começ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

O que considerar ao prototipar

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.

Think aloud - Metodologia auxiliar

Think aloud - 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.