prototipação: a arte de gerar, refinar e comunicar idéias

Prototipaçãoa arte de gerar, refinar e comunicar idéias

Fabrício Fava

Design de interação . Interação Humano-Computador . Análise de Usabilidade . Game design . Arquitetura de informação . User Experience . Acessibilidade

Fabrício Fava . Designer de Interação . Atlântico

O design é um ato evolutivo

Pressão constante para gerar idéias

As pessoas não sabem dizer exatamente o que querem

Mas quando vêem ou interagem com algo, elas logo sabem o que não querem”

Processo:

PrototiparRevisarRefinar

Criar opções Fazer escolhasExploração Refinamento

Os protótipos podem ser:

Baixa fidelidade (low fidelity)

Alta fidelidade (high fidelity)

Filosofia:RoughRapidRight

PersonasPrototipando perfis de usuários

Conheça seu usuário antes de começar a codificar

Personas estão para os usuários,como o álbum de fotografias está para uma viagem

Personas são úteis para:Comunicar requisitosConhecer características dos usuáriosPersonificar os usuários

MoodboardPrototipando características dos

usuários

Quadros de humor que representam estado de espírito, estilo de vida, hábitos de consumo de uma persona

Moodboards são úteis para:Comunicar requisitosConhecer características dos usuáriosPersonificar os usuários

Modelo que estamos desenvolvendo

Protótipos em papelPrototipando com rapidez

Auxiliam na definição do design conceitual do produto

Encorajam a participação das pessoas no processo de design

Protótipos em papel são úteis para:Coletar e identificar requisitosDiscutir e comunicar idéiasAvaliar soluções

Você pode utilizar templates para auxiliar na geração de protótipos em papel

http://www.uxpin.com/

WireframePrototipando para comunicar idéias

Auxiliam na definição do design conceitual do produto

Recomenda-se aumentar gradativamente a fidelidade das informações

Wireframes são úteis para:Comunicar idéiasValidar a hierarquia do conteúdoAvaliar soluções de design

Wireframes podem ser detalhados

Mesmo assim, recomenda-se apresentá-los ao invés de enviá-los

MockupPrototipando dispositivos físicos

Réplicas, geralmente em tamanho natural, de artefatos físicos

Mockups são úteis para:Gerar idéiasInserir o produto no contexto de usoAvaliar aspectos físicos do produto

Objetos do cotidiano também podem lhe ajudar a ter grandes idéias

StoryboardingPrototipando cenários de uso

Seqüência de desenhos comentados ilustrando um cenário de uso específico

É interessante combinar o storyboard com o wireframe para tornar a visualização da interação mais rica.

Storyboards são úteis para:Compreender o contexto de usoRefinar e avaliar requisitosAvaliar modelo de interação

SketchboardPrototipando para comunicar idéias

Quadro de protótipos que apresenta requisitos e fluxos de navegação do sistema

Sketchboards são úteis para:Comunicar soluções de designAvaliar soluções de designGerenciar as mudanças de projetoIntegrar o time no processo de design

Skecthboard Adaptive Path

Protótipo de alta fidelidadePrototipando o design físico

Representam o design físico do produto

Protótipos de alta fidelidade são úteis para:Comunicar idéiasAvaliar aspectos físicos do designVender uma solução

O lado ruim...

As pessoas se apegam ao design

Protótipo executávelPrototipando a interação

Implementação de soluções para funcionalidades do produto

Podem ser de baixa ou alta fidelidade

São bastante utilizados pela indústria de games

E para avaliar novas aplicações para celular

Protótipos executáveis são úteis para:Avaliar o fluxo de interação com o produtoRealizar testes de usabilidade

Como saber que funcionalidades projetar?

Como obter o melhor da prototipação?

Defina os seus objetivos

Identifique o tipo de protótipo mais adequado

Escolha tecnologia e ferramenta adequadas

Ouça as idéias do outro e trabalhe para evoluí-la de forma coletiva

“If at first the idea is not absurd,then there is no hope for it.”

Albert Einstein

Fabrício FavaDesigner de Interação

fabriciofava@gmail.com