SlideShare a Scribd company logo
1 of 28
Trabalho do Futuro 
2013-1
Alunos: 
Nilton Guedes 
Pedro de Vasconcellos
Capítulo 8 
Design, Prototipação e Construção
Protótipo 
Representação limitada de um design que permite 
aos usuários interagir com ele e explorar a sua 
conveniência.
Protótipo
Protótipo 
Protótipo de celular 
Apple, 1985
Protótipo 
Protótipo de controle de N64
Protótipo 
Úteis para a realização de testes: 
• Viabilidade técnica de uma idéia 
• Esclarecer requisitos vagos 
• Realizar testes com usuários e 
avaliações 
• Verificar compatibilidade entre o 
design e o restante do sistema
Prototipação 
Baixa 
Fidelidade 
Alta Fidelidade
Prototipação de Baixa 
Fidelidade 
Não se assemelha 
muito ao produto final 
Mais 
simples 
Mais 
baratos 
Rápida 
produção 
Facilidade de 
modificação
Prototipação de Baixa Fidelidade 
Storyboard 
de um novo 
scanner
Prototipação de Baixa Fidelidade 
Prototipação em papel
Prototipação de Alta Fidelidade 
Usa material final e se assemelha 
ao produto final
Prototipação de Alta Fidelidade 
Protótipo de um site
Prototipação de Alta Fidelidade 
GreenGT H2: carro automobilístico movido a eletricidade e hidrogênio
Baixa Fidelidade x Alta Fidelidade
Baixa Fidelidade x Alta Fidelidade
Prototipação Horizontal x Vertical
Prototipação 
Evolutiva 
Protótipo evolui 
para o produto 
final 
Prototipação 
Descartável 
Protótipos são 
pontos de apoio e 
então descartados 
Exige testes e tempo, 
mas permite reutilização 
Rápidos, porém esforço 
excessivo se torna 
desperdício
Design Conceitual 
Transformação dos requisitos e 
necessidades dos usuários em um 
modelo conceitual
Design Conceitual 
Princípios: 
• Mente aberta, sem esquecer os 
usuários e seu contexto 
• Discutir ideias com outros 
stakeholders 
• Usar prototipação de baixa 
fidelidade para rápido feedback 
• Iteração (“para ter uma boa idéia, 
tenha muitas idéias”)
Design Conceitual 
Decisões: 
• Quais serão as funções do produto 
(divisão das tarefas entre humano e 
máquina; divisão entre software e 
hardware) 
• Como as funções se relacionam 
(separadas, paralelas, restritivas, 
etc.) 
• Informações a serem consideradas
Design Conceitual 
Utilização de cenários para 
trabalhar com possíveis situações 
de uso do produto.
Design Conceitual
Design Físico 
Mais concreto e detalhado: 
que interface , ícones, menu, etc. 
Envolve conciliar conflitos (ex.: 
celular, muitas funcionalidades, 
tamanho limitado)
Design Físico 
Regras de Ouro: 
• Buscar consistência 
• Habilitar atalhos 
• Oferecer feedback informativo 
• Diálogos que concluam uma ação 
• Oferecer prevenção de erros e conserto 
simples 
• Permitir reverter uma ação 
• Deixar o usuário no controle 
confortavelmente 
• Reduzir a carga de memória do usuário a 
curto prazo
Design Físico 
Menu: drop-down, pop-up, 
single, etc. 
Ícones 
Tela: como tarefas são 
divididas em número e 
individualmente
Design Físico 
Ferramentas

More Related Content

What's hot

Pp1 f8 02 - projeto de produtos, serviços e processos
Pp1 f8   02 - projeto de produtos, serviços e processosPp1 f8   02 - projeto de produtos, serviços e processos
Pp1 f8 02 - projeto de produtos, serviços e processosLuciana C. L. Silva
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de softwareleopp
 
Aula 1 exercicio word 1
Aula 1   exercicio word 1Aula 1   exercicio word 1
Aula 1 exercicio word 1Joyce Bts
 
Lógica e algoritmos
Lógica e algoritmosLógica e algoritmos
Lógica e algoritmosJocelma Rios
 
Perfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCPerfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCRos Galabo, PhD
 
Protótipos em Papel
Protótipos em PapelProtótipos em Papel
Protótipos em Papelelliando dias
 
Modelo de Negócios - Canvas
Modelo de Negócios - CanvasModelo de Negócios - Canvas
Modelo de Negócios - CanvasThiago Paiva
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de softwareMarcio Costa
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
Apostila Microsoft Office Power Point 2016
Apostila Microsoft Office Power Point 2016Apostila Microsoft Office Power Point 2016
Apostila Microsoft Office Power Point 2016Cibele Kanegae
 
Plano de Captação de Recursos
Plano de Captação de RecursosPlano de Captação de Recursos
Plano de Captação de RecursosABCR
 
Projeto final - tecnico em informática
Projeto final - tecnico em informáticaProjeto final - tecnico em informática
Projeto final - tecnico em informáticaJonathan Cabral
 
Plano de curso informatica
Plano de curso informaticaPlano de curso informatica
Plano de curso informaticaF Guanambi
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Wellington Oliveira
 

What's hot (20)

Pp1 f8 02 - projeto de produtos, serviços e processos
Pp1 f8   02 - projeto de produtos, serviços e processosPp1 f8   02 - projeto de produtos, serviços e processos
Pp1 f8 02 - projeto de produtos, serviços e processos
 
Design Centrado no Ser Humano
Design Centrado no Ser HumanoDesign Centrado no Ser Humano
Design Centrado no Ser Humano
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
Tipos de-pesquisa
Tipos de-pesquisaTipos de-pesquisa
Tipos de-pesquisa
 
Aula 1 exercicio word 1
Aula 1   exercicio word 1Aula 1   exercicio word 1
Aula 1 exercicio word 1
 
Lógica e algoritmos
Lógica e algoritmosLógica e algoritmos
Lógica e algoritmos
 
Perfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCPerfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHC
 
Protótipos em Papel
Protótipos em PapelProtótipos em Papel
Protótipos em Papel
 
Pesquisa De Campo
Pesquisa De CampoPesquisa De Campo
Pesquisa De Campo
 
Modelo de Negócios - Canvas
Modelo de Negócios - CanvasModelo de Negócios - Canvas
Modelo de Negócios - Canvas
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Apostila Microsoft Office Power Point 2016
Apostila Microsoft Office Power Point 2016Apostila Microsoft Office Power Point 2016
Apostila Microsoft Office Power Point 2016
 
Exercícios de Excel
Exercícios de ExcelExercícios de Excel
Exercícios de Excel
 
Oficina App Inventor
Oficina App InventorOficina App Inventor
Oficina App Inventor
 
Plano de Captação de Recursos
Plano de Captação de RecursosPlano de Captação de Recursos
Plano de Captação de Recursos
 
Projeto final - tecnico em informática
Projeto final - tecnico em informáticaProjeto final - tecnico em informática
Projeto final - tecnico em informática
 
Plano de curso informatica
Plano de curso informaticaPlano de curso informatica
Plano de curso informatica
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Apresentação do MS-DOS
Apresentação do MS-DOSApresentação do MS-DOS
Apresentação do MS-DOS
 

Viewers also liked

Viewers also liked (20)

Editor de Video Sony Vegas PRO
Editor de Video Sony Vegas PROEditor de Video Sony Vegas PRO
Editor de Video Sony Vegas PRO
 
DQguru
DQguruDQguru
DQguru
 
Memória Compartilhada Distribuída (DSM)
Memória Compartilhada Distribuída (DSM)Memória Compartilhada Distribuída (DSM)
Memória Compartilhada Distribuída (DSM)
 
Curso de Java - Antonio Alves - Aula 03
Curso de Java - Antonio Alves - Aula 03Curso de Java - Antonio Alves - Aula 03
Curso de Java - Antonio Alves - Aula 03
 
Análise Comparativa: MP3 e AAC
Análise Comparativa: MP3 e AACAnálise Comparativa: MP3 e AAC
Análise Comparativa: MP3 e AAC
 
FEBRL
FEBRLFEBRL
FEBRL
 
cARdapp - cardápio em realidade aumentada
cARdapp - cardápio em realidade aumentadacARdapp - cardápio em realidade aumentada
cARdapp - cardápio em realidade aumentada
 
Modelos de Cor
Modelos de CorModelos de Cor
Modelos de Cor
 
BitTorrent
BitTorrentBitTorrent
BitTorrent
 
Managing Innovation - 3rd edition – Capítulos 10 e 11
Managing Innovation - 3rd edition – Capítulos 10 e 11Managing Innovation - 3rd edition – Capítulos 10 e 11
Managing Innovation - 3rd edition – Capítulos 10 e 11
 
Curso de Java - Antonio Alves - Aula 01
Curso de Java - Antonio Alves - Aula 01Curso de Java - Antonio Alves - Aula 01
Curso de Java - Antonio Alves - Aula 01
 
Trabalhando com Chromakey
Trabalhando com ChromakeyTrabalhando com Chromakey
Trabalhando com Chromakey
 
Sistema gerenciadores de bancos de dados
Sistema gerenciadores de bancos de dadosSistema gerenciadores de bancos de dados
Sistema gerenciadores de bancos de dados
 
Efeitos Visuais
Efeitos VisuaisEfeitos Visuais
Efeitos Visuais
 
Edición de Video - Sony Vegas Pro
Edición de Video - Sony Vegas Pro Edición de Video - Sony Vegas Pro
Edición de Video - Sony Vegas Pro
 
Lógica de programação em java
Lógica de programação em javaLógica de programação em java
Lógica de programação em java
 
Modelos de Cor
Modelos de Cor Modelos de Cor
Modelos de Cor
 
Curso de java - Antonio Alves - aula 04
Curso de java - Antonio Alves -  aula 04Curso de java - Antonio Alves -  aula 04
Curso de java - Antonio Alves - aula 04
 
Escopo de variaveis
Escopo de variaveisEscopo de variaveis
Escopo de variaveis
 
Bluetooth Low Energy
Bluetooth Low EnergyBluetooth Low Energy
Bluetooth Low Energy
 

Similar to Protótipos e design de produtos

Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Prototipagem de Software para Devs
Prototipagem de Software para DevsPrototipagem de Software para Devs
Prototipagem de Software para DevsMarcos Marcolin
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De InterfacesBruno Brant
 
Design Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoas
Design Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoasDesign Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoas
Design Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoasBruno Eugênio
 
Interação Humano Computador Plataforma Mobile - Wellington Pinto de Oliveira
Interação Humano Computador Plataforma Mobile - Wellington Pinto de OliveiraInteração Humano Computador Plataforma Mobile - Wellington Pinto de Oliveira
Interação Humano Computador Plataforma Mobile - Wellington Pinto de OliveiraWellington Oliveira
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeLeandro Biazon
 
Prototipagem e MVP para startups
Prototipagem e MVP para startupsPrototipagem e MVP para startups
Prototipagem e MVP para startupsJennifer Payne
 
Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2Guilherme Torres
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Talita Pagani
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no UsuárioDavi Busanello
 
Interação Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoInteração Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoWellington Oliveira
 
Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papelelliando dias
 
Cap. 13 variações no método básico
Cap. 13   variações no método básicoCap. 13   variações no método básico
Cap. 13 variações no método básicoLuiz Agner
 
Um processo de inovação contínua de software baseado em prototipagem
Um processo de inovação contínua de software baseado em prototipagemUm processo de inovação contínua de software baseado em prototipagem
Um processo de inovação contínua de software baseado em prototipagemCarlos Carvalho
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeBernardo Mattos
 
Proposta para especificação de histórias de usuários alinhadas a IEEE 830
Proposta para especificação de histórias de usuários alinhadas a IEEE 830Proposta para especificação de histórias de usuários alinhadas a IEEE 830
Proposta para especificação de histórias de usuários alinhadas a IEEE 830André Agostinho
 

Similar to Protótipos e design de produtos (20)

Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Prototipagem de Software para Devs
Prototipagem de Software para DevsPrototipagem de Software para Devs
Prototipagem de Software para Devs
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De Interfaces
 
Design Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoas
Design Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoasDesign Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoas
Design Thinking e Desenvolvimento Ágil: Desenvolvimento centrado em pessoas
 
Interação Humano Computador Plataforma Mobile - Wellington Pinto de Oliveira
Interação Humano Computador Plataforma Mobile - Wellington Pinto de OliveiraInteração Humano Computador Plataforma Mobile - Wellington Pinto de Oliveira
Interação Humano Computador Plataforma Mobile - Wellington Pinto de Oliveira
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidade
 
Prototipagem e MVP para startups
Prototipagem e MVP para startupsPrototipagem e MVP para startups
Prototipagem e MVP para startups
 
Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
 
Agile User Experience
Agile User ExperienceAgile User Experience
Agile User Experience
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Interação Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoInteração Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - Antecipação
 
Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papel
 
Prototipagem - Validação de ideias através de Design Thinking
Prototipagem - Validação de ideias através de Design ThinkingPrototipagem - Validação de ideias através de Design Thinking
Prototipagem - Validação de ideias através de Design Thinking
 
Cap. 13 variações no método básico
Cap. 13   variações no método básicoCap. 13   variações no método básico
Cap. 13 variações no método básico
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
 
Um processo de inovação contínua de software baseado em prototipagem
Um processo de inovação contínua de software baseado em prototipagemUm processo de inovação contínua de software baseado em prototipagem
Um processo de inovação contínua de software baseado em prototipagem
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em Usabilidade
 
Proposta para especificação de histórias de usuários alinhadas a IEEE 830
Proposta para especificação de histórias de usuários alinhadas a IEEE 830Proposta para especificação de histórias de usuários alinhadas a IEEE 830
Proposta para especificação de histórias de usuários alinhadas a IEEE 830
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
 

More from Pedro de Vasconcellos

More from Pedro de Vasconcellos (6)

Gestão da Inovação - Produção acadêmica no Brasil
Gestão da Inovação - Produção acadêmica no BrasilGestão da Inovação - Produção acadêmica no Brasil
Gestão da Inovação - Produção acadêmica no Brasil
 
Redes Sociais
Redes SociaisRedes Sociais
Redes Sociais
 
Créditos de Carbono e MDL
Créditos de Carbono e MDLCréditos de Carbono e MDL
Créditos de Carbono e MDL
 
MapReduce
MapReduceMapReduce
MapReduce
 
Inteligência de enxames - Cardume (PSO + AFSA)
Inteligência de enxames - Cardume (PSO + AFSA)Inteligência de enxames - Cardume (PSO + AFSA)
Inteligência de enxames - Cardume (PSO + AFSA)
 
O computador e a contracultura
O computador e a contraculturaO computador e a contracultura
O computador e a contracultura
 

Protótipos e design de produtos