aula 5 - tecnicas de prototipação i

25
Disciplina Técnicas de Prototipação 1 Prof.: Paolo Domenico Passeri

Upload: paolo-passeri

Post on 18-Dec-2014

1.752 views

Category:

Design


0 download

DESCRIPTION

Aula 5 da matéria de Técnicas de Prototipação da pós-graduação em Design de Interação do Instituto Faber-Ludens. - Protótipos Vivos - Storyboarding - Role-playing

TRANSCRIPT

Page 1: Aula 5 - Tecnicas de Prototipação I

Disciplina Técnicas de Prototipação 1Prof.: Paolo Domenico Passeri

Page 2: Aula 5 - Tecnicas de Prototipação I

ESTRUTURA Aula 1Apresentação da Disciplina | Introdução a Prototipação | Sketch | Mind Map | Visual Thinking | Lançamento do Projeto

Aula 2Tipos de Protótipos | Métodos de Interação | Diagrama de Fluxo | Prototipação em Papel

Aula 3Modelagem | Prototipação Física

Aula 4Oficina de Ideias | Prototipação do Projeto Final

Aula 5Protótipos Vivos | Storyboarding | Role-playing

Aula 6Business Design

Page 3: Aula 5 - Tecnicas de Prototipação I

Protótipos Vivos

Page 4: Aula 5 - Tecnicas de Prototipação I

TÉCNICA Storyboards(narrativa gráfica)

Page 5: Aula 5 - Tecnicas de Prototipação I

Ori

gem

Page 6: Aula 5 - Tecnicas de Prototipação I
Page 7: Aula 5 - Tecnicas de Prototipação I
Page 8: Aula 5 - Tecnicas de Prototipação I
Page 9: Aula 5 - Tecnicas de Prototipação I

Co

ncei

to

É uma representação das interações entre os usuários e o sistema em seu ambiente de trabalho.

Corresponde ao detalhamento de um cenário de uso especificado para o sistema, consistindo em uma seqüência de desenhos representando não só esboços de telas, mas também elementos do contexto (usuário, equipamento, móveis, telefones, pessoas, etc.).

Assim como para os filmes de Walt Disney, nossos Story-boards precisam de Personágens e Cenas.

Page 10: Aula 5 - Tecnicas de Prototipação I

PERSONAS e CENÁRIOS

Page 11: Aula 5 - Tecnicas de Prototipação I

Per

sona

s • São arquétipos de pessoas que estão/estarão envolvidas com o produto ou serviço.

• É a técnica que dá “cara aos usuários”.

• São criadas através de observações e conversas com os usuários.

• É a união de múltiplas pessoas que têm objetivos, metas, motivações e comportamentos similares.

Page 12: Aula 5 - Tecnicas de Prototipação I

• É como uma ficha de personagem de RPG do usuário-modelo criado a partir de dados reais. Contém seu nome, seus gostos, seus hábitos, suas habilidades e outros dados.

• Essas informações podem ser obtidas através de entrevistas com usuários potenciais ou através de conversas com quem lida freqüentemente com esse público.

• Cada detalhe da persona deve estar muito bem embasado em dados reais, não em meras suposições.

Per

sona

s

Page 13: Aula 5 - Tecnicas de Prototipação I

• Personas são um meio muito eficaz de comunicação interna da equipe.

• Engaja e conscientiza a equipe de projeto

• Obter um consenso dos interesses do usuário.

• Mantém o foco no usuário durante todo o projeto

• Agiliza a tomada de decisões porque não é preciso consultar usuários reais a cada etapa do projeto

Vant

egen

s

Não é porque a persona é fictícia que deixamos de tratá-la como um ser humano de verdade.

Page 14: Aula 5 - Tecnicas de Prototipação I

• Identifique o fluxo de trabalho e os padrões de comportamento da persona em detalhes;

• Especifique suas habilidades com as tecnologias;

• Inclua detalhes sobre a vida da pessoa para torná-la mais fácil de memorizar. Escolha alguns detalhes bem pessoais, só para torná-la mais interessante;

• Não use uma pessoa conhecida como uma persona. Além de expor a pessoa, acorrenta as características da persona à pessoa real. Crie um arquétipo baseado em pesquisas e dados, mas seja realista;

• Mantenha o número de personas pequeno, entre 3 e 7, dependendo da variedade do público.

• Não recicle as personas para novos projetos;

Dic

as

Page 15: Aula 5 - Tecnicas de Prototipação I

Exe

mp

lo

Page 16: Aula 5 - Tecnicas de Prototipação I

Cen

ário

s• Uma técnica simples e eficaz para analisar e comunicar

uma parte de especificações de requisitos produzidas para a interação com os produtos e/ou serviços.

• São um rápido e efetivo meio de imaginar os protótipos em uso.

• São protótipos construídos com palavras ou diagramas.

• São histórias de como os produtos ou serviços estarão sendo usados.

• Podem ser escritos formalmente, servindo como documentação de projeto, ou criados enquanto se discute questões do projeto.

Page 17: Aula 5 - Tecnicas de Prototipação I

Cen

ário

s

• Cenários se baseiam em uma pequena dose de dados reais mas são imaginados (até sonhados).

• No entanto, se criados para dar vida às personas, eles não levarão a concepções errôneas. Se a persona estiver bem baseada na realidade, o cenário também estará e, conseqüentemente, a situação prevista terá alta probabilidade de se realizar.

• Colocando as personas dentro de um cenários estamos criando um contexto: CONTEXTO DE USO.

Page 18: Aula 5 - Tecnicas de Prototipação I
Page 19: Aula 5 - Tecnicas de Prototipação I
Page 20: Aula 5 - Tecnicas de Prototipação I
Page 21: Aula 5 - Tecnicas de Prototipação I
Page 22: Aula 5 - Tecnicas de Prototipação I

ATIVIDADE 1

PERSONAS

• Criar uma (ou duas) personas que serão potências clientes da sua solução;

• Traçar o perfil de uma pessoa (nome, idade, endereço, características físicas e psíquicas, etc.)

• Como é sua casa e sua família? Como é seu dia? Como é no ambiente de trabalho? E de casa? Como é seu almoço? E as outras refeições? Como ele retorna para casa? Há algo mais antes de dormir? O que gosta de comer?

• Grupo A: cozinheiro, especialista, garçom, etc.

• Grupo B: cliente potencial do restaurante

30 minutos• Papel

• Lápis/Caneta

Page 23: Aula 5 - Tecnicas de Prototipação I

ATIVIDADE 2

CENÁRIOS

• Listar todas as tarefas que encontrar (coloque-se na pele desse personagem).

• Elencar e criar cenários hipotéticos das principais tarefas, pensano sempre no uso do sistema/restaurante.

• Apontar todas as interações que encontrar que se pode fazer no restaurante.

• OBS: perceber que são verbos!

1 hora

• Papel

• Lápis/Caneta

• Post-it`s

Page 24: Aula 5 - Tecnicas de Prototipação I

ATIVIDADE 3

1 hora• Papel

• Lápis/Caneta

STORY-BOARD

• Desenhar os Story-boards das cenas utilizando os frameworks.

• Não esqueça de listar os elementos, personagens e locais que vão aparecer em cada cena.

• O Story-board será o guia para gravação do vídeo e finalização do projeto.

Page 25: Aula 5 - Tecnicas de Prototipação I

ATIVIDADE FINAL

MindMap +Visual

Thinking

Declaração + Diagrama de

Fluxo

UI + Paper Protorype

Dirty-Prototyping

Story-boarding

Criação de um vídeo, baseado no story-board, que mostre os cenários criados os protópipos em papel e físicos do projeto.

A nota final da disciplina será baseada neste vídeo..caprichem!

Conceitos de Business Prototyping e Design Thinking (30 mins.); 2 horas para finalização do vídeo; 1 hora para apresentação dos projetos e 30 mins para debates finais.

Próxima Aula (Final)

Vídeo do Projeto

Conceito Detalhamento Interface Protótipos Físicos

Protótipos Vivos