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

79
Prototipação a arte de gerar, refinar e comunicar idéias Fabrício Fava

Upload: fabriciofava

Post on 19-May-2015

1.392 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Fabrício Fava

Page 2: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 3: Prototipação: a arte de gerar, refinar e comunicar idéias

O design é um ato evolutivo

Page 4: Prototipação: a arte de gerar, refinar e comunicar idéias

Pressão constante para gerar idéias

Page 5: Prototipação: a arte de gerar, refinar e comunicar 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”

Page 6: Prototipação: a arte de gerar, refinar e comunicar idéias

Processo:

PrototiparRevisarRefinar

Page 7: Prototipação: a arte de gerar, refinar e comunicar idéias

Criar opções Fazer escolhasExploração Refinamento

Page 8: Prototipação: a arte de gerar, refinar e comunicar idéias

Os protótipos podem ser:

Baixa fidelidade (low fidelity)

Alta fidelidade (high fidelity)

Page 9: Prototipação: a arte de gerar, refinar e comunicar idéias

Filosofia:RoughRapidRight

Page 10: Prototipação: a arte de gerar, refinar e comunicar idéias

PersonasPrototipando perfis de usuários

Page 11: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 12: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 13: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 14: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 15: Prototipação: a arte de gerar, refinar e comunicar idéias

MoodboardPrototipando características dos

usuários

Page 16: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 17: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 18: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 19: Prototipação: a arte de gerar, refinar e comunicar idéias

Modelo que estamos desenvolvendo

Page 20: Prototipação: a arte de gerar, refinar e comunicar idéias

Protótipos em papelPrototipando com rapidez

Page 21: Prototipação: a arte de gerar, refinar e comunicar idéias

Auxiliam na definição do design conceitual do produto

Page 22: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 23: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 24: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 25: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 26: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 27: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 28: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 29: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 30: Prototipação: a arte de gerar, refinar e comunicar idéias

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

http://www.uxpin.com/

Page 31: Prototipação: a arte de gerar, refinar e comunicar idéias

WireframePrototipando para comunicar idéias

Page 32: Prototipação: a arte de gerar, refinar e comunicar idéias

Auxiliam na definição do design conceitual do produto

Page 33: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 34: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 35: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 36: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 37: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 38: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 39: Prototipação: a arte de gerar, refinar e comunicar idéias

Wireframes podem ser detalhados

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

Page 40: Prototipação: a arte de gerar, refinar e comunicar idéias

MockupPrototipando dispositivos físicos

Page 41: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 42: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 43: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 44: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 45: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 46: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 47: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 48: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 49: Prototipação: a arte de gerar, refinar e comunicar idéias

StoryboardingPrototipando cenários de uso

Page 50: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 51: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 52: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 53: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 54: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 55: Prototipação: a arte de gerar, refinar e comunicar idéias

SketchboardPrototipando para comunicar idéias

Page 56: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 57: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 58: Prototipação: a arte de gerar, refinar e comunicar idéias

Skecthboard Adaptive Path

Page 59: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 60: Prototipação: a arte de gerar, refinar e comunicar idéias

Protótipo de alta fidelidadePrototipando o design físico

Page 61: Prototipação: a arte de gerar, refinar e comunicar idéias

Representam o design físico do produto

Page 62: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 63: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 64: Prototipação: a arte de gerar, refinar e comunicar idéias
Page 65: Prototipação: a arte de gerar, refinar e comunicar idéias

O lado ruim...

Page 66: Prototipação: a arte de gerar, refinar e comunicar idéias

As pessoas se apegam ao design

Page 67: Prototipação: a arte de gerar, refinar e comunicar idéias

Protótipo executávelPrototipando a interação

Page 68: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 69: Prototipação: a arte de gerar, refinar e comunicar idéias

Podem ser de baixa ou alta fidelidade

Page 70: Prototipação: a arte de gerar, refinar e comunicar idéias

São bastante utilizados pela indústria de games

E para avaliar novas aplicações para celular

Page 71: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 72: Prototipação: a arte de gerar, refinar e comunicar idéias

Como saber que funcionalidades projetar?

Page 73: Prototipação: a arte de gerar, refinar e comunicar idéias

Como obter o melhor da prototipação?

Page 74: Prototipação: a arte de gerar, refinar e comunicar idéias

Defina os seus objetivos

Page 75: Prototipação: a arte de gerar, refinar e comunicar idéias

Identifique o tipo de protótipo mais adequado

Page 76: Prototipação: a arte de gerar, refinar e comunicar idéias

Escolha tecnologia e ferramenta adequadas

Page 77: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Page 78: Prototipação: a arte de gerar, refinar e comunicar idéias

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

Albert Einstein

Page 79: Prototipação: a arte de gerar, refinar e comunicar idéias

Fabrício FavaDesigner de Interação

[email protected]