Download - Workshop - Service Design
![Page 1: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/1.jpg)
1 de 110
Design de Serviço
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 2: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/2.jpg)
2 de 110Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
Hoje• Imaterialização do design e o Design de Serviços
• Experiência do Usuário e o Design Centrado no Usuário
• Ideação (técnica de brainstorming)
• Requisitos de design de interação focado em serviços (Requerimentos, Personas, Cenários e Storyboard)
• Prototipação de serviços
• Avaliação da experiência do usuário
![Page 3: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/3.jpg)
3 de 110
Imaterializaçãodo design
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 4: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/4.jpg)
4 de 110
Forma, função e usabilidade causam grande impacto sobre nós. Segundo Donald Norman, há uma relação direta entre a forma e facilidade de uso do objeto (poder de atração que atua no sistema emocional).
O sistema emocional também controla os músculos do corpo e através de neurotransmissores químicos, muda a maneira como o cérebro funciona.
Serviços atraentes funcionam melhor
![Page 5: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/5.jpg)
5 de 110
![Page 6: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/6.jpg)
6 de 110
• Nível visceral: camada automática e pré-programada.
• Nível comportamental: parte que contém os processos cerebrais que controlam o comportamento quotidiano.
• Nível reflexivo: parte contemplativa do cérebro.
Três níveis de estruturas do cérebro
![Page 7: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/7.jpg)
7 de 110
visceral
comportamental
reflexivo
sensorial motor
perc
epçã
ope
nsam
ento
cont
role
cont
role
Os três níveis interagem entre si, cada um modulando o outro.
![Page 8: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/8.jpg)
8 de 110
• Ao ver, ouvir, sentir, ou de outra forma, perceber o meio ambiente, o sistema afetivo faz o julgamento para alertar outros centros do cérebro.
• O resultado é que ao mesmo tempo, um componente cognitivo e um componente afetivo.
Cognição e afeto
atribui significado atribui valor
![Page 9: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/9.jpg)
9 de 110
![Page 10: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/10.jpg)
10 de 110Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
Design de ServiçoDesign de serviços é o nome dado a essa ciência que
envolve o desenvolvimento de produtos manufaturados
ligados a um serviço específico e que incluem a
comunicação, o ambiente e o comportamento humano.
Para o design de serviço, o produto desenvolvido torna-
se o meio, uma interface para se chegar até a
experiência do usuário com o serviço criado.
![Page 11: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/11.jpg)
11 de 110
Design de ServiçoCria boas experiências para o consumidor
Gera um retorno dos investimentos e uma redução de custos
Cria novas oportunidades
![Page 12: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/12.jpg)
12 de 110
Design de ServiçoO design de serviço pode ser trabalhado de forma
tangível e intangível.
O que iremos trabalhar hoje é a tangibilização dos
serviços ao máximo, através de esboços, de
prototipações e simulações, procurando sempre criar
boas experiências ao nosso usuário.
![Page 13: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/13.jpg)
13 de 110
ServiçoÉ composto por várias interações através de inúmeros pontos de contatos (touchpoints) no decorrer da linha do tempo.
![Page 14: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/14.jpg)
14 de 110
ServiçoÉ composto por várias interações através de inúmeros pontos de contatos (touchpoints) no decorrer da linha do tempo.
Experiência do usuário
![Page 15: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/15.jpg)
15 de 110
Experiência do usuário
![Page 16: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/16.jpg)
16 de 110
Experiência do usuárioEngloba todos os aspectos de um produto ou serviço. Começa no momento em que o consumidor ficou sabendo que aquele produto ou serviço existe, passa pela busca de informação, compra, recebimento, utilização inicial e rotineira, suporte, e chega até o fim da vida útil daquele produto ou serviço. Uma boa experiência do usuário é tão importante quanto ter funcionalidades úteis.
![Page 17: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/17.jpg)
17 de 110
![Page 18: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/18.jpg)
18 de 110
Experiência do usuário
![Page 19: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/19.jpg)
19 de 110
Design Centrado
no Usuário
![Page 20: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/20.jpg)
20 de 110
design centrado no usuário
o "ser humano" é o elemento fundamental do desenvolvimento de um produto ou serviço
“
”
![Page 21: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/21.jpg)
21 de 110
Design Centrado no Usuário
O usuário pode ser enquadrado em diversas dimensões, tais como:
1) O usuário como sujeito em testes de usabilidade e prototipagem, onde o foco é saber a performance do sujeito com relação a um sistema particular ou a uma característica deste sistema ou serviço;
2) O usuário com alguém que tem preferências, particularmente com serviços comerciais;
3) O usuário como experiente em assuntos específicos, como provedor de informações.
![Page 22: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/22.jpg)
22 de 110
Identificar a necessidade do projeto centrado no usuário
Analisar e especificar o contexto de uso
Especificar as exigências dos usuários
Produzir soluções de projeto
Avaliar o projeto contra as exigências
O sistema satisfaz as exigências dos usuários
Design Centrado no Usuário
![Page 23: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/23.jpg)
23 de 110
Pesquisa
“Ideação”
Design
Prototipação
AvaliaçãoDesenvolvimento
Design Centrado no Usuário
![Page 24: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/24.jpg)
24 de 110
• Os usuários devem ser envolvidos no projeto para que seja resolvido um problema.
• Designers e usuários têm preocupações e repertórios um pouco diferentes.
• É muito difícil para o designer predizer que efeito determinada decisão de projeto terá no comportamento do usuário.
Design Centrado no Usuário
![Page 25: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/25.jpg)
25 de 110
pessoal
coletivo
Contexto
Design é um processo social -> Troca social
![Page 26: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/26.jpg)
26 de 110
Oficina de Idéias
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 27: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/27.jpg)
27 de 110
“A melhor maneira de ter uma boa idéia é ter várias idéias.” Linus Pauling
“A inovação é resultado de 1% inspiração e 99% transpiração.” Thomas Edison
“Erre logo para ser bem sucedido mais cedo.” IDEO
![Page 28: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/28.jpg)
28 de 110
“Espere o inesperado.” IDEO
“Estimule idéias malucas e absurdas.”
“Nunca diga NÃO.”
“Se à primeira vista a idéia não for absurda, não há esperança para ela.” Albert Einstein
![Page 29: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/29.jpg)
29 de 110
Regras da Oficina de Idéias
1. evite julgamentos
2. construa sobre as idéias dos outros
3. mantenha o foco
4. uma conversa de cada vez
5. estimule idéias loucas
6. desenhe as idéias
7. busque a quantidade e não a qualidade
![Page 30: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/30.jpg)
30 de 110
Prontos ?
![Page 31: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/31.jpg)
31 de 110
Torre de Babel [20 minutos]
Objetivo: Construir a torre mais alta.Em grupos de 3 ou 4.
Materiais
• 10 folhas de papel sulfite tamanho A4.
Regras
• Use apenas os materiais entregues.
• A torre só pode tocar a superfície da mesa.
• Pode apenas dobrar, vincar, enrolar, cortar e encaixar.
• A medição será em linha perpendicular a superfície e a partir da mesa.
• Serão realizadas 4 medições (uma a cada 5 minutos)
Seja rápido, planeje bem e trabalhe em equipe.
Aquecimento
![Page 32: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/32.jpg)
32 de 110
Lançamento da proposta
Tema: PARQUE DE DIVERSÃO
Subtemas: Localização (wayfinding)
Sustentabilidade do serviço
Personalização do serviço (adultos/crianças)
Processo de compra (tickets)
• Pensar um serviço que ajude o usuário de um parque de diversão a se divertir. Iremos caminhar para um sistema o mais globalizante possível.
• Serviço = sistema + artefatos + pessoas
![Page 33: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/33.jpg)
33 de 110
Exercício
Brainstorming – 15 minutos
![Page 34: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/34.jpg)
34 de 110
Exercício
Diagrama de afinidades – 15 minutos
![Page 35: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/35.jpg)
35 de 110
Requerimentos
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 36: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/36.jpg)
36 de 110
Conceito
Definição de requerimentos
Esta fase de definição de requerimentos determina “o que” dentro do design de interação. Que informações e capacidades os usuários utilizarão para conseguir realizar a tarefa ou atividade.
Outra determinação surge na busca pelo “como” o serviço e os usuários irão se comportar durante a a execução da atividade.
![Page 37: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/37.jpg)
37 de 110
Passos
Definição de requerimentos
1. Buscar o problema e a visão geral
2. Realizar oficina de idéias
3. Identificar as expectativas das personas
4. Construir contexto dos cenários
5. Identificar requerimentos e contextos de uso
![Page 38: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/38.jpg)
38 de 110
Definição de requerimentos
1. Buscar o problema e a visão geral
a) Problema: define onde queremos chegar e/ou o que queremos resolver
b) Visão: é a problematização através das necessidades dos usuários
![Page 39: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/39.jpg)
39 de 110
Definição de requerimentos
2. Realizar oficina de idéias
a) A ideação surge como um meio para ativar a pesquisa (descoberta) e a modelação do novo produto/serviço.
b) Testar novas idéias
![Page 40: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/40.jpg)
40 de 110
Definição de requerimentos
3. Identificar as expectativas das personas
a) Criar personas
b) Montar modelos mentais
c) Representar modelos de interações
![Page 41: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/41.jpg)
41 de 110
Definição de requerimentos
4. Construir contexto dos cenários
a) Criar histórias – ambientações onde as atividades serão desenroladas e onde os artefatos serão utilizados
b) O foco está na atividade da persona, suas motivações e seu modelo mental
![Page 42: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/42.jpg)
42 de 110
Definição de requerimentos
5. Identificar requerimentos e contextos de uso
a) Requerimentos de dados (persona, cenários e contextos)
b) Requerimentos funcionais (ações e/ou atividades)
c) Outros requerimentos (negócios, experiências, técnicos e configurações)
![Page 43: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/43.jpg)
43 de 110
Exercício
Dia na vida (Timeline) - 30 minutos
![Page 44: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/44.jpg)
44 de 110
Personas
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 45: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/45.jpg)
45 de 110
Conceito
Personas são arquétipos de pessoas que estão envolvidas com o
produto ou serviço. Personas é a técnica que dá “cara aos
usuários”.
São criadas através de observações e conversas com os usuários.
Personas é união de múltiplas pessoas que têm objetivos,
metas, motivações e comportamentos similares.
![Page 46: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/46.jpg)
46 de 110
Conceito
A persona é 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.
Vale destacar que cada detalhe da persona deve estar muito bem
embasado em dados reais, não em meras suposições.
![Page 47: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/47.jpg)
47 de 110
![Page 48: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/48.jpg)
48 de 110
Conceito
Personas são um meio muito eficaz de comunicação interna da
equipe.
As personas se aproveitam do poder das narrativas para
aumentar a atenção, a memorização e a organização dos
dados coletados sobre os usuários.
Não é porque a persona é fictícia que deixamos de tratá-la como
um ser humano de verdade.
![Page 49: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/49.jpg)
49 de 110
Vantagens
As vantagens dessa técnica são:
* engaja e conscientiza a equipe de projeto
* chega-se a 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
![Page 50: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/50.jpg)
50 de 110
![Page 51: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/51.jpg)
51 de 110
Baseado no livro de Alan Cooper que primeiro apresentou esta
técnica, seguem algumas dicas para criar personas:
* identifique o fluxo de trabalho (workflow) e os padrões de
comportamento em detalhes;
* especifique a habilidade 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 também;
Dicas
![Page 52: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/52.jpg)
52 de 110
* 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. Quanto mais personas,
mais risco de interesses conflitantes, confusão, etc; Número
mágico: 7 personas por projeto.
* não recicle as personas para novos projetos. Cada persona é
feita especificamente para o seu projeto;
* não viaje, mantenha o pé no chão, ou então a persona perde
credibilidade.
Dicas
![Page 53: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/53.jpg)
53 de 110
Quando se pensa e cria um persona deve-se ter em mente:
• Meta de experiência: visualiza como os usuários se sentem
ao usar o produto ou serviço;
• Meta final: descreve o que os usuários necessitam para
realizar a tarefa com o produto ou serviço;
• Meta de vida: resulta nas aspirações que os usuários
depositam sobre os produtos/serviços e o resultado do que o
produto/serviço significa para os usuários.
Três tipos de metas
![Page 54: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/54.jpg)
54 de 110
Cenários
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 55: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/55.jpg)
55 de 110
Conceito
Cenários é 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.
Cenários são protótipos construídos com palavras. São histórias
de como os produtos ou serviços estarão sendo usados. Eles
podem ser escritos formalmente, servindo como documentação de
projeto, ou criados enquanto se discute questões do projeto.
![Page 56: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/56.jpg)
56 de 110
Conceito
Os cenários, ao contrário, são descrições de legítimas situações
hipotéticas em que são colocadas pessoas que interessam ao
projeto. Essa técnica é usada de maneiras muito diferentes:
- Alguns utilizam para auxiliar numa decisão crucial de projeto
- Outros para avaliar as características do projeto
- Outros ainda para demonstrar as características do artefato
projetado em uso e por aí vai...
![Page 57: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/57.jpg)
57 de 110
Conceito
Cenários não se baseiam em dados reais, são apenas imaginados,
previstos. 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 58: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/58.jpg)
58 de 110
![Page 59: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/59.jpg)
59 de 110
![Page 60: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/60.jpg)
60 de 110
Exercício
Personas – 30 minutos
Cenário – 10 minutos
![Page 61: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/61.jpg)
61 de 110
Storyboard
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 62: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/62.jpg)
62 de 110
Storyboard (ou narrativa gráfica)
É uma representação das interações entre os usuários e o sistema em seu ambiente de trabalho. Ela 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.).
![Page 63: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/63.jpg)
63 de 110
Exemplo de storyboard
![Page 64: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/64.jpg)
64 de 110
Exemplo de storyboard
![Page 65: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/65.jpg)
65 de 110
Cenários e personagens
Cenários de uso informam as exigências por meio de exemplos de situações típicas de uso, descrevendo, em linguagem natural, como determinados usuários realizarão a tarefas específicas com o sistema e/ou aparato tecnológico em determinado contexto.
Pulando a identificação do usuário, é preciso decompor os objetivos dos usuários em operações necessárias para alcançá-los, identificando as atividades que deverão ser realizadas pelo usuário e as que serão de responsabilidade do programa ou aplicação (sistema).
Cada atividade é uma AÇÃO.
![Page 66: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/66.jpg)
66 de 110
![Page 67: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/67.jpg)
67 de 110
Exemplos de esboços
![Page 68: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/68.jpg)
68 de 110
Storyboard demonstrando como abastecer um carro com gasolina
![Page 69: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/69.jpg)
69 de 110
Exemplo de storyboard (fotos)
![Page 70: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/70.jpg)
70 de 110
Esboço de um PDA
![Page 71: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/71.jpg)
71 de 110
Esboço de um PDA
![Page 72: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/72.jpg)
72 de 110
CabinetBy Ianus Keller
(2005)
Technical University of Delft
![Page 73: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/73.jpg)
73 de 110
![Page 74: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/74.jpg)
74 de 110
Exemplo de uma ferramenta
![Page 75: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/75.jpg)
75 de 110
Exemplo de uma ferramenta
![Page 76: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/76.jpg)
76 de 110
![Page 77: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/77.jpg)
77 de 110
![Page 78: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/78.jpg)
78 de 110
Exercício
Contexto de uso através de storyboard – 60 minutos
![Page 79: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/79.jpg)
79 de 110
![Page 80: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/80.jpg)
80 de 110
![Page 81: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/81.jpg)
81 de 110
Exercício
Jornada – 30 minutos
![Page 82: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/82.jpg)
82 de 110
![Page 83: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/83.jpg)
83 de 110
![Page 84: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/84.jpg)
84 de 110
![Page 85: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/85.jpg)
85 de 110
Exercício
Blueprint – 30 minutos
![Page 86: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/86.jpg)
86 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
Érico Fernandes Fileno. MSc – Designer de Interação www.faberludens.com.br
![Page 87: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/87.jpg)
87 de 110
PROTÓTIPO
Neste módulo prototipar = fazer protótipos, modelos, mock-ups ou maquetes.
Prototipagem é a simplificação da informação.Um bom protótipo vale mais que mil imagens.
![Page 88: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/88.jpg)
88 de 110
A prototipagem é uma cultura de projeto:
1 Ferramenta de colaboração
2 Ajuda a controlar o risco
3 Propicia descobertas felizes (sorte!)
4 Modo rápido e barato de resolver problemas
A IMPORTÂNCIA DA PROTOTIPAGEM
![Page 89: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/89.jpg)
89 de 110
1 Ferramenta de colaboração
A IMPORTÂNCIA DA PROTOTIPAGEM
• Os limites da linguagem [e dos desenhos] Palavras criam imagens diferentes para cada pessoa.
• O protótipo torna as idéias concretas
• Participação de toda equipe: empresário, designer, engenheiros, marketing, etc;
• Otimiza as contribuições de cada um ao projeto - menos re-trabalho.
![Page 90: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/90.jpg)
90 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
1 Ferramenta de colaboraçãoJames Watson e Francis Crick,
descobriram a estrutura do DNA sem trabalhando apenas com modelos. Foram construindo
estruturas até chegarem à solução. “Mutações, replicação da molécula
por um mecanismo de molde / cópia complementar, linearidade da codificação genética, tudo podia ser
percebido pelo simples exame do modelo proposto”.
Darcy Almeida. Ciência Hoje, Vol 32, no192
Nobel 1962
![Page 91: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/91.jpg)
91 de 110
2 Ajuda a controlar o risco
A IMPORTÂNCIA DA PROTOTIPAGEM
O único jeito de você descobrir se aquela idéia funciona ou não é com um protótipo!
Não acumular riscos, prototipar (e checar) a cada etapa.
“Erre logo para ser bem sucedido mais cedo.” IDEO
![Page 92: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/92.jpg)
92 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
É muito mais seguro decidir diante de um protótipo do que baseado em desenhos ou relatórios.
2 Ajuda a controlar o risco
Protótipo de papelão do Pelicano Criação Paraná – Centro de Design Paraná 2001
![Page 93: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/93.jpg)
93 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
Em projetos complexos, as variáveis são muito numerosas para serem controladas ao mesmo tempo. A prototipagem localizada permite solucionar pequenos problemas cruciais, um a um.
![Page 94: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/94.jpg)
94 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
Decisões mais fáceis. Problemas melhor compreendidos.
2 Ajuda a controlar o risco
![Page 95: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/95.jpg)
95 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
• Manipular o objeto é mais rico do que lidar com desenhos;
• Possibilita encontrar diversas soluções e até novos caminhos;
• Possibilita conhecer o entorno da idéia.
A prototipagem estimula pequenas inovações não planejadas.
É o mesmo método que tem ajudado cientistas a revelar alguns dos maiores segredos da natureza.
3 Propicia descobertas felizes
![Page 96: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/96.jpg)
96 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
• Pode ser feito em qualquer material (dirty prototyping)
• Não precisa fazer todo, apenas o problema a ser detalhado;
• Não precisa ser perfeito e com acabamento.
4 Modo rápido e barato
![Page 97: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/97.jpg)
97 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
• Construir para aprender
• Agir antes de ter todas as respostas; depois vai melhorando o que estiver ruim;
• Se você estiver sem saber como agir, faça um protótipo!
O processo de “edição” do projeto
IDÉIA PRODUTO
Acumulação de Risco
![Page 98: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/98.jpg)
98 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
Pode-se [deve-se!] fazer protótipos também de uma experiência.
![Page 99: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/99.jpg)
99 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
Experimente viver o papel do usuário / consumidor
![Page 100: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/100.jpg)
100 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
Visualize o processo de serviço através de modelos reduzidos.
![Page 101: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/101.jpg)
101 de 110
A IMPORTÂNCIA DA PROTOTIPAGEM
• Equipamentos de precisão que trabalham a partir de um arquivo em 3D do produto: estereolitografia / sinterização a laser / CNC
• Solução barata para um teste antes da ferramentaria final: pre-série. Molde de silicone.
Prototipagem rápida
IDÉIA PRODUTO
![Page 102: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/102.jpg)
102 de 110
Teste com componentes reais, como se fosse o produto final.
A IMPORTÂNCIA DA PROTOTIPAGEM
Érico Fernandes Fileno. MSc – Designer de Interação www.faberludens.com.br
![Page 103: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/103.jpg)
103 de 110
![Page 104: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/104.jpg)
104 de 110
Exercício
Prototipação do serviço – 60 minutos
![Page 105: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/105.jpg)
105 de 110
Avaliação
Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
![Page 106: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/106.jpg)
106 de 110
Não tem segredo
Avaliar a experiência do usuário é:
Escutar o cliente (pedir sempre para ele vocalizar o que
está fazendo ou pensando)
Vê-lo utilizar o serviço prototipado e fazer anotações no
sketchbook
Refazer exaustivamente o ciclo do serviço modificando
sempre os equívocos.
Design, De-design e Redesign
![Page 107: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/107.jpg)
107 de 110
Exercício
Avaliação da experiência do usuário – 30 minutos
![Page 108: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/108.jpg)
108 de 110
Recapitulando
• Imaterialização do design e o Design de Serviços
• Experiência do Usuário e o Design Centrado no Usuário
• Ideação (técnica de brainstorming)
• Requisitos de design de interação focado em serviços (Requerimentos, Personas, Cenários e Storyboard)
• Prototipação de serviços
• Avaliação da experiência do usuário
![Page 109: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/109.jpg)
109 de 110
Design de ServiçoÉ composto por várias interações através de inúmeros pontos de contatos (touchpoints) no decorrer da linha do tempo.
Experiência do usuário
![Page 110: Workshop - Service Design](https://reader033.vdocuments.pub/reader033/viewer/2022061214/5499a11cb4795925368b4727/html5/thumbnails/110.jpg)
110 de 110
Érico Fernandes Fileno, M.Sc. - Designer de Interação - Especialista em Experiência do Usuário- Pesquisador em Usabilidade
[email protected] http://ericofileno.wordpress.com @efileno
OBRIGADO!