1

Prototipação

Prof. Msc. Adailton Magalhães Limaadailton@ufpa.br

Universidade Federal do ParáCampus Universitário de Castanhal

Curso Bacharelado em Sistemas de Informação

2

Prototipação

Protótipo em papel

Modelo de Volume

Encenação

Storyboard

Protótipo de Serviços

3

Protótipo

Tangibilização de uma ideia, a passagem do abstrato para o físico de forma a representar a realidade - mesmo que simplificada e propiciar validações.

4

Protótipo1. Ótica da equipe de projeto

Dá uma forma à ideia; A elabora com mais detalhes; Aumenta os níveis de fidelidade da solução.

2. Ponto de vista do usuário Interação com o modelo criado (avaliação); Fornece insumos para evolução e aperfeiçoamento.

5

Protótipo

6

Protótipo Níveis de fidelidade

Baixa Média Alta

Conceitual/análoga à ideia

Aspectos da ideia “Mock-up” da idea

7

Protótipo

Níveis de contextualidade

Restrita Geral Parcial Total

Em ambiente controlado

Qualquer usuárioQualquer ambiente

Usuário final ou ambiente final

Usuário final e ambiente final

8

Por que prototipar? Redução de incertezas no projeto; Solução final mais assertiva; Antecipar eventuais gargalos e problemas,

reduzindo riscos e otimizando gastos.

9

Protótipo em papel Representações de interfaces gráficas wireframe

10

Protótipo em papel Utilizado para avaliar o fluxo de informações e

a navegação de um sistema;

Explorar possibilidades de comunicação de um produto;

Tangibilizar a apresentação de uma ideia a usuários, empresa ou a própria equipe de projeto.

11

Protótipo em papel

Feito a mão;

Rascunho de uma solução;

Auxílio de um computador;

Finalidade: avaliar detalhes de uma interface

produto ou comunicar serviços.

12

Modelo de volume Representações de um produto que pode variar

os níveis de fidelidade. baixa - poucos detalhes alta - com a aparência do produto final

Pode apresentar: textura e detalhes (como botões deslizantes), mas ainda não

funcional.

13

Modelo de volume Tira-se a ideia do conceitual para o concreto

para validar. Visualização tridimensional de um conceito; Críticas de usuários; Refinamento; Auxilia na “venda” do projeto.

14

Modelo de volume Pode ser construído simples:

papel, cartolina, massa de modelar, etc.

Ou mais elaboradora: composto por diversos materiais e pintado para simular a cor

e acabamento do produto.

15

Encenação Simulação improvisada de uma situação

interação de uma pessoa com uma máquina diálogo entre pessoas para encenar aspectos de um serviço.

Testar uma interação para construir e detalhar as etapas, e melhorar a experiência.

16

Encenação Como ocorre:

Um grupo ou apenas duas pessoas; Diálogo; Objetos; Improvisam e agem da maneira mais natural possível. Cada “ator” tem um papel;

Ex.: atendente de call center registrando uma reclamação com um cliente insatisfeito.

17

Storyboard Representação visual de uma história através de

quadros estáticos. desenhos, colagens, fotografias, etc.

Serviço online: http://www.storyboardthat.com/

18

Storyboard Comunicar uma ideia; Visualizar o encadeamento de uma solução; Objetivo:

detectar aspectos em aberto no produto ou refinar um serviço final.

19

Storyboard

Aplicando:

Definir ideia que se quer comunicar e testar;

Elaborar um roteiro por escrito;

Separar a história em seções levando em conta:

os cenários, atores e enquadramento.

Escolher a técnica de representação gráfica.

20

Protótipo de serviços Simulação de

artefatos materiais, ambientes relações interpessoais

Representação de um ou mais aspectos de um serviço.

Envolver o usuário e simular a prestação da solução proposta.

21

Protótipo de serviços Simular: aspectos abstratos dos serviços Validar: entendimento e as sensações.

Serviços são experiências fluidas e dinâmicas, que se desenrolam ao longo de um período de tempo, através de uma sequência de eventos.

22

Protótipo de serviços

Aplicar

Em um ambiente adequado é construindo

pequenos elementos que viabilizem as

interações para que o serviço se desenrole.

Cria-se o contexto;

As pessoas interagem com os poucos elementos

físicos projetados.

23

Prototipação

Prof. Msc. Adailton Magalhães Limaadailton@ufpa.br

Universidade Federal do ParáCampus Universitário de Castanhal

Curso Bacharelado em Sistemas de Informação