SlideShare uma empresa Scribd logo
2
Mais lidos
4
Mais lidos
8
Mais lidos
PrototipaçãoPrototipação
Betley de Jesus
Leonardo Paixão
Marcelo Helt
Watson Willian
O que é ProtótipoO que é Protótipo
 É uma representação visual do produto que está sendo
desenvolvido.
 É construído geralmente com os mesmos materiais do
produto final e já traz os mecanismos necessários para o
fazer funcionar.
 Toda a idéia que envolve a prototipação está voltada para o
tempo e o custo de desenvolver algo que possa ser testado
pelos usuários.
Classificações de NielsenClassificações de Nielsen
Quanto ao objetivo dos protótipos, Nielsen os
classifica como:
 Horizontal: Exibe a interface do usuário sem ter o foco
nas funcionalidades por trás dos botões, demonstrando
superficialmente toda a interface. Este tipo de protótipo
permite testar a interface como um todo.
 Vertical: Tem seu foco nas funcionalidades do sistema.
Possui poucas tarefas, mas funcionalmente aprofundadas.
Este tipo de protótipo permite testar uma pequena parte
do sistema.
Classificações de PreeceClassificações de Preece
Quanto a sua fidelidade, Preece classifica os
protótipos como:
 De Alta Fidelidade: Possui muita proximidade com a
interface final do sistema. Protótipos de alta fidelidade
tornam o produto esteticamente agradável.
 De Baixa Fidelidade: Envolve a utilização de materiais
que estão mais longe da versão final do sistema. Este tipo
de protótipo é uma representação artística que omite
bastante detalhes do produto real.
O processo de prototipação utiliza-
se de quatro fases:
 Definição dos objetivos do protótipo: É feito um estudo
das regras de negócio do sistema que deverá ser criado.
O objetivo é verificar a viabilidade da prototipação, o
material a ser utilizado.
 Definição das funcionalidades do protótipo: Este é o
momento em que são combinadas e registradas quais são
as funcionalidades mais desejadas e mais importantes que
devem estar presentes.
 Desenvolvimento do protótipo: Nesta fase é construído
o protótipo de acordo com as especificações geradas nas
fases anteriores.
 Entrega e avaliação do protótipo: O final de uma iteração
no desenvolvimento de um protótipo é a entrega do
mesmo, podendo este ser demonstrado aos usuários,
extraindo a opinião dos mesmos a respeito do protótipo,
verificando assim, as possibilidades de modificações e
novas idéias sobre o objeto final a ser entregue.
Tipos de PrototipaçãoTipos de Prototipação
Prototipação em Papel
 Utiliza meios físicos como papéis, cartolina e papelão
para a criação de objetos que irão demonstrar como será
o objeto final desejado.
Wireframe
 É o documento que apresenta a estrutura e o conteúdo
da interface, indicando o peso e relevância de cada
elemento do layout e sua relação com os demais
elementos formadores do todo.
Mock-up
 O mock-up é uma peça do tamanho real ou exagerado
do produto.
 Apresenta o fluxo de uma interação com a interface, e,
além disto, possui elementos como botões e menus
entre outros objetos possibilitando ao usuário interagir
com a interface.
Prototipação com enfoque emPrototipação com enfoque em
Engenharia de SoftwareEngenharia de Software
Prototipação Evolucionária
 A prototipação evolucionária traz a vantagem de
possibilitar a rápida entrega do sistema, diminui o tempo
entre a especificação e a implementação do software.
Prototipação Descartável
• Esta abordagem utiliza a criação de um protótipo com o
intuito de esclarecer os requisitos e fornecer
informações adicionais para os gerentes avaliarem riscos
de processo.
Prototipação com enfoque emPrototipação com enfoque em
Interação Humano-ComputadorInteração Humano-Computador
Prototipação no ciclo de vida Estrela
 Neste ciclo o sistema é desenvolvido de forma iterativa
até a criação da versão final do produto. A avaliação e a
prototipação geram subsídios para o desenvolvimento
dos testes e a extração dos requisitos do sistema.
Benefícios da prototipaçãoBenefícios da prototipação
 Equívocos entre os usuários de software e
desenvolvedores são expostos.
 Serviços esquecidos podem ser detectados e serviços
confusos podem ser identificados.
 Um sistema funcionando está disponível nos primeiros
estágios no processo de desenvolvimento.
 O protótipo pode ser usado para treinamento do
usuário e teste de sistema.
 Maior aproximação do sistema com as necessidades dos
usuários.
 Melhoria da qualidade do projeto.
 Melhoria na facilidade de manutenção.
 Redução no esforço de desenvolvimento
SOFTWARES PARASOFTWARES PARA
PROTOTIPAÇÃO DE INTERFACESPROTOTIPAÇÃO DE INTERFACES
 Ferramentas de prototipação são utilizadas durante os
primeiros estágios de design quando avaliações tendem a
ser feitas para prever a possibilidade de utilização do
produto ou uma parte do produto.
 Uma ferramenta de prototipação precisa ser fácil de usar,
devendo possibilitar rapidez na construção de um
protótipo.
Serena Prototype Composer
 Possibilita a criação de um projeto de interface bastante
completo, contendo documentação e regras de interface,
e possui diversos elementos de tela para serem usados
na prototipação.
BlenderBlender
 É uma ferramenta que permite a criação de vastos
conteúdos de 3D. Oferece funcionalidades completas
para modelagem, renderização, animação, pós-produção,
criação e visualização de conteúdo 3D interativo.
SilverlightSilverlight
 O Silverlight é um plug-in cross-browser e cross-
platform para disponibilizar a próxima geração de
conteúdo interativo e multimídia para aplicações web
baseadas no Microsoft.NET.
SilverlightSilverlight
Referências
http://www.serena.com/products/composer
http://www.balsamiq.com
http://prototipoonline.googlecode.com/svn/bran
ches
http://blendertotal.wordpress.com/o-que-e-
blender/
http://msdn.microsoft.com/pt-br/silverlight/bb18740
aspx

Mais conteúdo relacionado

PPT
Prototipagem
PDF
Teste de software
PDF
Usabilidade aula-01 Introdução
PPTX
Introdução a IHC
PDF
IHC - Slide 2 - Usabilidade e Princípios de Design
PDF
UX e UI Design - O que é? Quais as diferenças?
PPTX
Prototipação de software
PDF
Ux design - Conceitos Básicos
Prototipagem
Teste de software
Usabilidade aula-01 Introdução
Introdução a IHC
IHC - Slide 2 - Usabilidade e Princípios de Design
UX e UI Design - O que é? Quais as diferenças?
Prototipação de software
Ux design - Conceitos Básicos

Mais procurados (20)

PDF
Aula UML - Unified Modeling Language
PPT
Prototipagem
PPT
Interface Humano-Computador (IHC)
PPT
Apresentação Scratch
ODP
Aula01 - Logica de Programação
PPTX
Criação de tabelas com HTML
PPTX
Aula - Metodologias Ágeis
KEY
Projecto multimédia
PDF
Aula 2 - Processos de Software
PDF
Aula 1 - Introdução a POO
PDF
Banco de dados exercícios resolvidos
PDF
Curso de HTML5 - Aula 01
PPT
Interação Homem Computador Aula 02
PDF
Aula - Introdução a Engenharia de Software
PDF
Aula Lógica de Programação - cap1
PDF
Projeto multimedia tutorial
PPTX
Metodologias de Desenvolvimento de Software
PPT
Prototipação
PPTX
Processos de Desenvolvimento de Software - teoria e prática
PPTX
Introdução a Algoritmos: Conceitos Básicos
Aula UML - Unified Modeling Language
Prototipagem
Interface Humano-Computador (IHC)
Apresentação Scratch
Aula01 - Logica de Programação
Criação de tabelas com HTML
Aula - Metodologias Ágeis
Projecto multimédia
Aula 2 - Processos de Software
Aula 1 - Introdução a POO
Banco de dados exercícios resolvidos
Curso de HTML5 - Aula 01
Interação Homem Computador Aula 02
Aula - Introdução a Engenharia de Software
Aula Lógica de Programação - cap1
Projeto multimedia tutorial
Metodologias de Desenvolvimento de Software
Prototipação
Processos de Desenvolvimento de Software - teoria e prática
Introdução a Algoritmos: Conceitos Básicos
Anúncio

Destaque (20)

PPTX
Modelo de Prototipação
PPTX
Engenharia de software - Prototipo
PPT
Modelo Espiral
PDF
Ferramentas de prototipação
PDF
Modelo em Espiral
PDF
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
PDF
Prototipos de Baixa e Alta Fidelidade
ODP
Modelos de processos de software
PDF
CPBR7 - Pensamento Visual e Prototipagem
PDF
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
PDF
Modelos de processos de software
PDF
Questionário Sobre Teste de Software
PDF
Ficha de avaliação
PDF
Desenvolvimento Iterativo-Incremental
PPTX
Os 12 Princípios Ágeis
PPT
Modelo cascata apresentação
PDF
Modelo de prototipo
PDF
Aspectos Teóricos da Linguagem de Programação Smalltalk
PDF
Meu primeiro prototipo_axure
PDF
Trabalho es prototipagem
Modelo de Prototipação
Engenharia de software - Prototipo
Modelo Espiral
Ferramentas de prototipação
Modelo em Espiral
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
Prototipos de Baixa e Alta Fidelidade
Modelos de processos de software
CPBR7 - Pensamento Visual e Prototipagem
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Modelos de processos de software
Questionário Sobre Teste de Software
Ficha de avaliação
Desenvolvimento Iterativo-Incremental
Os 12 Princípios Ágeis
Modelo cascata apresentação
Modelo de prototipo
Aspectos Teóricos da Linguagem de Programação Smalltalk
Meu primeiro prototipo_axure
Trabalho es prototipagem
Anúncio

Semelhante a Prototipação de software (20)

DOCX
Atividade 10
PDF
Prototipagem em Papel - Oficina
PDF
Aula8. Projeto de Interface com o usuário
PDF
Personal Chef - Artigo individual
PDF
Ux Presentation
PPTX
Introducao-as-ferramentas-de-prototipagem.pptx
PDF
Prototipagem de Software para Devs
PPS
Conceitos de Usabilidade
PPT
Design De Interfaces
PDF
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
PDF
Usabilidade de Interfaces - Parte 3
PDF
Cap. 13 variações no método básico
PPT
Palestra - Testes de Usabilidade
PDF
INTRODUÇÃO AOS TESTES NO FRONT-END COM REACT JS E REACT NATIVE.pdf
PDF
Projeto e interface_com_usuário_resumo
PPTX
Técnica de prototipação - Aula 1
PPT
Testes De Software - Uma Visão Geral
PDF
_Prototipagem Digital e Usabilidade -Artur.pdf
PDF
Aulas 7. IHC – Projeto de Interface com o Usuário
PPT
Engenharia de-software-1217199594686494-9
Atividade 10
Prototipagem em Papel - Oficina
Aula8. Projeto de Interface com o usuário
Personal Chef - Artigo individual
Ux Presentation
Introducao-as-ferramentas-de-prototipagem.pptx
Prototipagem de Software para Devs
Conceitos de Usabilidade
Design De Interfaces
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Usabilidade de Interfaces - Parte 3
Cap. 13 variações no método básico
Palestra - Testes de Usabilidade
INTRODUÇÃO AOS TESTES NO FRONT-END COM REACT JS E REACT NATIVE.pdf
Projeto e interface_com_usuário_resumo
Técnica de prototipação - Aula 1
Testes De Software - Uma Visão Geral
_Prototipagem Digital e Usabilidade -Artur.pdf
Aulas 7. IHC – Projeto de Interface com o Usuário
Engenharia de-software-1217199594686494-9

Último (11)

PPTX
Utilizando code blockes por andre backes
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Tipos de servidor em redes de computador.pptx
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Design - Introdução a Gestalt e teoria das formas
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Arquitetura de computadores - Memórias Secundárias
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Eng. Software - pontos essenciais para o início
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Utilizando code blockes por andre backes
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Tipos de servidor em redes de computador.pptx
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Design - Introdução a Gestalt e teoria das formas
Viasol Energia Solar -Soluções para geração e economia de energia
Arquitetura de computadores - Memórias Secundárias
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Manejo integrado de pragas na cultura do algodão
Eng. Software - pontos essenciais para o início
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...

Prototipação de software

  • 1. PrototipaçãoPrototipação Betley de Jesus Leonardo Paixão Marcelo Helt Watson Willian
  • 2. O que é ProtótipoO que é Protótipo  É uma representação visual do produto que está sendo desenvolvido.  É construído geralmente com os mesmos materiais do produto final e já traz os mecanismos necessários para o fazer funcionar.  Toda a idéia que envolve a prototipação está voltada para o tempo e o custo de desenvolver algo que possa ser testado pelos usuários.
  • 3. Classificações de NielsenClassificações de Nielsen Quanto ao objetivo dos protótipos, Nielsen os classifica como:  Horizontal: Exibe a interface do usuário sem ter o foco nas funcionalidades por trás dos botões, demonstrando superficialmente toda a interface. Este tipo de protótipo permite testar a interface como um todo.  Vertical: Tem seu foco nas funcionalidades do sistema. Possui poucas tarefas, mas funcionalmente aprofundadas. Este tipo de protótipo permite testar uma pequena parte do sistema.
  • 4. Classificações de PreeceClassificações de Preece Quanto a sua fidelidade, Preece classifica os protótipos como:  De Alta Fidelidade: Possui muita proximidade com a interface final do sistema. Protótipos de alta fidelidade tornam o produto esteticamente agradável.  De Baixa Fidelidade: Envolve a utilização de materiais que estão mais longe da versão final do sistema. Este tipo de protótipo é uma representação artística que omite bastante detalhes do produto real.
  • 5. O processo de prototipação utiliza- se de quatro fases:
  • 6.  Definição dos objetivos do protótipo: É feito um estudo das regras de negócio do sistema que deverá ser criado. O objetivo é verificar a viabilidade da prototipação, o material a ser utilizado.  Definição das funcionalidades do protótipo: Este é o momento em que são combinadas e registradas quais são as funcionalidades mais desejadas e mais importantes que devem estar presentes.
  • 7.  Desenvolvimento do protótipo: Nesta fase é construído o protótipo de acordo com as especificações geradas nas fases anteriores.  Entrega e avaliação do protótipo: O final de uma iteração no desenvolvimento de um protótipo é a entrega do mesmo, podendo este ser demonstrado aos usuários, extraindo a opinião dos mesmos a respeito do protótipo, verificando assim, as possibilidades de modificações e novas idéias sobre o objeto final a ser entregue.
  • 8. Tipos de PrototipaçãoTipos de Prototipação Prototipação em Papel  Utiliza meios físicos como papéis, cartolina e papelão para a criação de objetos que irão demonstrar como será o objeto final desejado.
  • 9. Wireframe  É o documento que apresenta a estrutura e o conteúdo da interface, indicando o peso e relevância de cada elemento do layout e sua relação com os demais elementos formadores do todo.
  • 10. Mock-up  O mock-up é uma peça do tamanho real ou exagerado do produto.  Apresenta o fluxo de uma interação com a interface, e, além disto, possui elementos como botões e menus entre outros objetos possibilitando ao usuário interagir com a interface.
  • 11. Prototipação com enfoque emPrototipação com enfoque em Engenharia de SoftwareEngenharia de Software Prototipação Evolucionária  A prototipação evolucionária traz a vantagem de possibilitar a rápida entrega do sistema, diminui o tempo entre a especificação e a implementação do software.
  • 12. Prototipação Descartável • Esta abordagem utiliza a criação de um protótipo com o intuito de esclarecer os requisitos e fornecer informações adicionais para os gerentes avaliarem riscos de processo.
  • 13. Prototipação com enfoque emPrototipação com enfoque em Interação Humano-ComputadorInteração Humano-Computador Prototipação no ciclo de vida Estrela  Neste ciclo o sistema é desenvolvido de forma iterativa até a criação da versão final do produto. A avaliação e a prototipação geram subsídios para o desenvolvimento dos testes e a extração dos requisitos do sistema.
  • 14. Benefícios da prototipaçãoBenefícios da prototipação  Equívocos entre os usuários de software e desenvolvedores são expostos.  Serviços esquecidos podem ser detectados e serviços confusos podem ser identificados.  Um sistema funcionando está disponível nos primeiros estágios no processo de desenvolvimento.  O protótipo pode ser usado para treinamento do usuário e teste de sistema.
  • 15.  Maior aproximação do sistema com as necessidades dos usuários.  Melhoria da qualidade do projeto.  Melhoria na facilidade de manutenção.  Redução no esforço de desenvolvimento
  • 16. SOFTWARES PARASOFTWARES PARA PROTOTIPAÇÃO DE INTERFACESPROTOTIPAÇÃO DE INTERFACES  Ferramentas de prototipação são utilizadas durante os primeiros estágios de design quando avaliações tendem a ser feitas para prever a possibilidade de utilização do produto ou uma parte do produto.  Uma ferramenta de prototipação precisa ser fácil de usar, devendo possibilitar rapidez na construção de um protótipo.
  • 17. Serena Prototype Composer  Possibilita a criação de um projeto de interface bastante completo, contendo documentação e regras de interface, e possui diversos elementos de tela para serem usados na prototipação.
  • 18. BlenderBlender  É uma ferramenta que permite a criação de vastos conteúdos de 3D. Oferece funcionalidades completas para modelagem, renderização, animação, pós-produção, criação e visualização de conteúdo 3D interativo.
  • 19. SilverlightSilverlight  O Silverlight é um plug-in cross-browser e cross- platform para disponibilizar a próxima geração de conteúdo interativo e multimídia para aplicações web baseadas no Microsoft.NET.