protótipos de papel
DESCRIPTION
Definição de protótipos e exemplos de protótipos de papelTRANSCRIPT
![Page 1: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/1.jpg)
PROTÓTIPOS DE PAPEL
Comunicando as interações
![Page 2: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/2.jpg)
Robson Santos Doutor em Design, PUC-Rio, Departamento de Artes e Design
Mestre em Design, PUC-Rio, Departamento de Artes e Design
Bacharel em Desenho Industrial Escola Superior de Desenho Industrial/Uerj
Especialista em Usabilidade e Experiência do Usuário no grupo Itaú Unibanco
![Page 3: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/3.jpg)
O QUE É UM PROTÓTIPO
![Page 4: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/4.jpg)
Protótipos são modelos construídos para simular a aparência e a funcionalidade de um produto em desenvolvimento.
![Page 5: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/5.jpg)
![Page 6: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/6.jpg)
![Page 7: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/7.jpg)
![Page 8: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/8.jpg)
![Page 9: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/9.jpg)
Um protótipo é uma representação da interface com a qual o usuário pode interagir e oferece informações para propor mudanças e melhorias.
![Page 10: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/10.jpg)
Por meio de um protótipo, os futuros usuários do software e desenvolvedores, podem interagir, avaliar, alterar e aprovar as características mais marcantes da interface e da funcionalidade da aplicação.
![Page 11: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/11.jpg)
Ao se desenvolver um protótipo não é necessário representar toda a funcionalidade do produto.
Pelo contrário, somente deve ser representada a funcionalidade que atenda aos objetivos do teste ou da avaliação.
![Page 12: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/12.jpg)
TIPOS DE PROTÓTIPOS
![Page 13: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/13.jpg)
PROTOTIPAGEM HORIZONTAL
• Apresenta toda a funcionalidade do nível mais alto projetada e habilitada.
• Permite testar a organização geral do sistema.
• Representa a tela inicial com todas as chamadas principais, com cada link ligado apelo menos uma página.
• Permite testar o nível de compreensão das categorias principais.
![Page 14: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/14.jpg)
PROTOTIPAGEM VERTICAL
• Permite verificar como o usuário se desloca pelos níveis da hierarquia.
• Representa a funcionalidade do sistema em um grupo de atividades.
• Permite que o usuário interaja em níveis aprofundados.
• Apenas um pequeno número de caminhos é implementado totalmente.
![Page 15: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/15.jpg)
Página index
Prototipagem horizontal
Prototipagem vertical
Seções não implementadas
![Page 16: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/16.jpg)
PROTOTIPAGEM DE CENÁRIO
• É orientada à tarefa. • Em teste devem ser estabelecidas três
tarefas importantes que exponham a funcionalidade devem ser planejadas.
• É o formato ideal para avaliar usabilidade, pois o tamanho limitado o torna fácil de ser alterado a partir das respostas do usuário.
![Page 17: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/17.jpg)
![Page 18: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/18.jpg)
PROTÓTIPOS ESTÁTICOS • feitos em papel
PROTÓTIPOS INTERATIVOS ou NAVEGÁVEIS • desenvolvidos com aplicativos específicos
![Page 19: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/19.jpg)
![Page 20: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/20.jpg)
![Page 21: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/21.jpg)
![Page 22: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/22.jpg)
![Page 23: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/23.jpg)
![Page 24: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/24.jpg)
![Page 25: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/25.jpg)
![Page 26: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/26.jpg)
ATIVIDADE PRÁTICA
![Page 27: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/27.jpg)
DESAFIO
Como u8lizar a tecnologia de redes sociais e computação distribuída para atender a necessidades locais da cidade de Manaus?
![Page 28: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/28.jpg)
• Par8r dos resultados do estudo, feito em lanhouses, sobre hábitos de uso de redes sociais
• Criar persona e cenários • Iden8ficar desafios sociais locais • Iden8ficar oportunidades de atuação • Gerar ideias e criar conceito • Criar provas de conceito • Avaliar os conceitos com usuários
![Page 29: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/29.jpg)
Necessidades locais
Desafios Oportunidades
Ideias
Conceitos
Comunicação do conceito
![Page 30: Protótipos de papel](https://reader031.vdocuments.site/reader031/viewer/2022012309/5407a29f8d7f72d8088b4d65/html5/thumbnails/30.jpg)
Robson Santos Usabilidade mentor & UX strategist
www.interfaceando.com
@interfaceando
Muito obrigado!