SlideShare uma empresa Scribd logo
Prototipagem de Software
para Devs
Marcos Marcolin, IXC.
Roteiro
● Definições;
● objetivos;
● modelos;
● benefícios &
● ferramentas/construção.
Definições
● “A prototipagem é a tangibilização de uma ideia, a passagem do abstrato para o físico ou virtual de
forma a representar a realidade mesmo que simplificada e propiciar validações.”
● “É a atividade de desenvolvimento de uma versão inicial do sistema baseada no atendimento dos requisitos
ainda pouco definidos, permitindo a descoberta de falhas difíceis de serem encontradas na comunicação
verbal.”
● “O protótipo é a forma mais rápida e econômica de se definir e experimentar um projeto.”
Objetivos
● O principal objetivo é validar requisitos dos usuários;
● refinar requisitos funcionais, técnicos e estéticos do usuário &
● mostrar um versão prévia do funcionamento do sistema sem que haja desenvolvimento.
Modelos
● Baixa fidelidade &
● Alta fidelidade.
Protótipo de baixa fidelidade
● Geralmente utilizados durante a concepção do sistema, definindo superficialmente sua interação
com o usuário, não se preocupando ainda com elementos de layout, cores, disposições, etc.
Protótipo de baixa fidelidade
● Possui baixo grau de detalhamento;
● apresenta visualmente a funcionalidade;
● não possui recursos de interação;
● não exibe necessariamente o mesmo design da versão final &
● podem ser realizados no papel.
Protótipo de alta fidelidade
● Assemelham-se mais do produto final. A aparência visual, as formas de navegação e interatividade
são concebidas e aplicadas neste modelo.
Protótipo de alta fidelidade
● Possibilita a interação do usuário, como se fosse o produto final;
● geralmente representa fielmente o produto final em termos de design e funcionalidade &
● é apresentado no formato final (software, app, etc.).
Benefícios
● Melhorar a comunicação entre os desenvolvedores e o usuário final;
● identificar de forma ágil os requisitos que não foram aplicados;
● analisar a experiência do usuário no software &
● reduzir as refações no desenvolvimento do projeto.
Baixa fidelidade x Alta fidelidade
Modelo de Processo de Software
● Prototipação de Pressmann.
● Evolucionária || descartável.
Prototipação em Metodologias Ágeis?
E o que isso tem a ver como o mundo ágil?
Lembra dos pilares do SCRUM?
E o que isso tem a ver como o mundo ágil?
Alguns benefícios:
● Aumento de produtividade;
● redução do desperdício;
● maior qualidade do produto &
● trabalho em equipe.
A colaboração é um dos pilares da cultura ágil!
E como isso funciona?
● “Durante o backlog grooming ou sprint planning, aproveito para reunir com o time para pensarmos,
coletivamente, como a funcionalidade deve ser. Ficamos todos em frente ao quadro branco
criando wireframes e pensando nos casos de uso que o projeto comporta (ex. E se o usuário fizer
isso? E se ele fizer aquilo, como a funcionalidade vai se comportar? Quando o usuário cadastrar algo
aqui, com qual módulo ele deve se comunicar?)”
E como isso funciona?
● “Após esse processo, tenho como resultado um esboço de protótipo de baixa fidelidade
desenhado no quadro branco. Então, a partir dele, crio um protótipo de alta fidelidade e procuro
validar com o usuário, aplicando um “teste de usabilidade” (de baixíssimo custo) criando cenários e
pedindo para o usuário realizar alguma ação referente a funcionalidade em si.”
● http://agile.pub/agile-ux/prototipacao-em-times-ageis/
Benefícios->offTopic();
Benefícios->offTopic();
http://www.juliomontex.com.br/2017/10/16/importancia-de-prototipar-informacao-para-desenvolver-projetos-inovadores/
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Benefícios->offTopic();
Ferramentas
Fim
● somente depois da parte prática :(
● Questionamentos?

Mais conteúdo relacionado

Mais procurados

Prototipagem
PrototipagemPrototipagem
Prototipagem
jwainer
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
Robson Santos
 
Protótipos de papel
Protótipos de papelProtótipos de papel
Protótipos de papel
Robson Santos
 
Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1
Guilherme Torres
 
Design Thinking - Prototipação
Design Thinking  - PrototipaçãoDesign Thinking  - Prototipação
Design Thinking - Prototipação
UFPA
 
Prototipação
PrototipaçãoPrototipação
Prototipação
Daniel Fernandes
 
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
 
O Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de SoftwareO Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de Software
Camilo de Melo
 
Principles and dimension of a design system
Principles and dimension of a design systemPrinciples and dimension of a design system
Principles and dimension of a design system
marieli cristine lemes
 
Engenharia de software - Prototipo
Engenharia de software - PrototipoEngenharia de software - Prototipo
Engenharia de software - Prototipo
Danielle Alves Gonçalves
 
Modelo de Prototipação
Modelo de PrototipaçãoModelo de Prototipação
Modelo de Prototipação
Juliano Pires
 
Aula 6 - Prototipação de telas
Aula 6 - Prototipação de telasAula 6 - Prototipação de telas
Aula 6 - Prototipação de telas
Janynne Gomes
 
Métodos ágeis para design de sistemas interativos centrados no usuário
Métodos ágeis para design de sistemas interativos centrados no usuárioMétodos ágeis para design de sistemas interativos centrados no usuário
Métodos ágeis para design de sistemas interativos centrados no usuário
Karine Drumond
 
Interface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endInterface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-end
Talita Pagani
 
UX/UI Study Case: Medium
UX/UI Study Case: MediumUX/UI Study Case: Medium
UX/UI Study Case: Medium
Crícia Silva
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
Eduardo Bertolucci
 
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe dissoCaro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
Talita Pagani
 
Apresentação SCRUM
Apresentação SCRUMApresentação SCRUM
Apresentação SCRUM
Rafael Ivan
 
Processo de Desenvolvimento de Software - Fase de Definição
Processo de Desenvolvimento de Software - Fase de DefiniçãoProcesso de Desenvolvimento de Software - Fase de Definição
Processo de Desenvolvimento de Software - Fase de Definição
Natanael Simões
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
leopp
 

Mais procurados (20)

Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Protótipos de papel
Protótipos de papelProtótipos de papel
Protótipos de papel
 
Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1
 
Design Thinking - Prototipação
Design Thinking  - PrototipaçãoDesign Thinking  - Prototipação
Design Thinking - Prototipação
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
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 ...
 
O Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de SoftwareO Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de Software
 
Principles and dimension of a design system
Principles and dimension of a design systemPrinciples and dimension of a design system
Principles and dimension of a design system
 
Engenharia de software - Prototipo
Engenharia de software - PrototipoEngenharia de software - Prototipo
Engenharia de software - Prototipo
 
Modelo de Prototipação
Modelo de PrototipaçãoModelo de Prototipação
Modelo de Prototipação
 
Aula 6 - Prototipação de telas
Aula 6 - Prototipação de telasAula 6 - Prototipação de telas
Aula 6 - Prototipação de telas
 
Métodos ágeis para design de sistemas interativos centrados no usuário
Métodos ágeis para design de sistemas interativos centrados no usuárioMétodos ágeis para design de sistemas interativos centrados no usuário
Métodos ágeis para design de sistemas interativos centrados no usuário
 
Interface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endInterface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-end
 
UX/UI Study Case: Medium
UX/UI Study Case: MediumUX/UI Study Case: Medium
UX/UI Study Case: Medium
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
 
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe dissoCaro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
 
Apresentação SCRUM
Apresentação SCRUMApresentação SCRUM
Apresentação SCRUM
 
Processo de Desenvolvimento de Software - Fase de Definição
Processo de Desenvolvimento de Software - Fase de DefiniçãoProcesso de Desenvolvimento de Software - Fase de Definição
Processo de Desenvolvimento de Software - Fase de Definição
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 

Semelhante a Prototipagem de Software para Devs

Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papel
elliando dias
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
Ltia Unesp
 
Prototipagem e MVP para startups
Prototipagem e MVP para startupsPrototipagem e MVP para startups
Prototipagem e MVP para startups
Jennifer Payne
 
Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]
Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]
Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]
Anderson Kanegae Soares Rocha
 
Agile User Experience
Agile User ExperienceAgile User Experience
Agile User Experience
Lógica Digital
 
Trabalho es prototipagem
Trabalho es   prototipagemTrabalho es   prototipagem
Trabalho es prototipagem
Dionei Jr Mariño
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
Odair Cavichioli
 
Fatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um SoftwareFatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um Software
Pablo Dall'Oglio
 
Design for change: Fatores que influenciam na longevidade de um Software PHP
Design for change: Fatores que influenciam na longevidade de um Software PHPDesign for change: Fatores que influenciam na longevidade de um Software PHP
Design for change: Fatores que influenciam na longevidade de um Software PHP
Pablo Dall'Oglio
 
Extreme programming (xp)
 Extreme programming   (xp) Extreme programming   (xp)
Extreme programming (xp)
João Carlos Ottobboni
 
ES - 02
ES - 02ES - 02
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
Luiz Agner
 
Este trabalho trata
Este trabalho trataEste trabalho trata
Este trabalho trata
Roni Reis
 
Aula 03 - Metodologias Ágeis.pdf
Aula 03 - Metodologias Ágeis.pdfAula 03 - Metodologias Ágeis.pdf
Aula 03 - Metodologias Ágeis.pdf
DaniloPereira341965
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
Davi Busanello
 
Developer Experience no Nubank
Developer Experience no NubankDeveloper Experience no Nubank
Developer Experience no Nubank
Letticia Nicoli
 
Aula8. Projeto de Interface com o usuário
Aula8. Projeto de Interface com o usuárioAula8. Projeto de Interface com o usuário
Aula8. Projeto de Interface com o usuário
Silvia Dotta
 
Tudo são Dados - PHP Conference 2008
Tudo são Dados - PHP Conference 2008Tudo são Dados - PHP Conference 2008
Tudo são Dados - PHP Conference 2008
ECRAYON Tecnologia Criativa
 
Usabilidade1
Usabilidade1Usabilidade1
Aula 3 - Engenharia de Software
Aula 3 - Engenharia de SoftwareAula 3 - Engenharia de Software
Aula 3 - Engenharia de Software
Rudson Kiyoshi Souza Carvalho
 

Semelhante a Prototipagem de Software para Devs (20)

Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papel
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Prototipagem e MVP para startups
Prototipagem e MVP para startupsPrototipagem e MVP para startups
Prototipagem e MVP para startups
 
Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]
Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]
Software para Gerência de Projetos baseado em Metodologias Ágeis [Apresentação]
 
Agile User Experience
Agile User ExperienceAgile User Experience
Agile User Experience
 
Trabalho es prototipagem
Trabalho es   prototipagemTrabalho es   prototipagem
Trabalho es prototipagem
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
 
Fatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um SoftwareFatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um Software
 
Design for change: Fatores que influenciam na longevidade de um Software PHP
Design for change: Fatores que influenciam na longevidade de um Software PHPDesign for change: Fatores que influenciam na longevidade de um Software PHP
Design for change: Fatores que influenciam na longevidade de um Software PHP
 
Extreme programming (xp)
 Extreme programming   (xp) Extreme programming   (xp)
Extreme programming (xp)
 
ES - 02
ES - 02ES - 02
ES - 02
 
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
 
Este trabalho trata
Este trabalho trataEste trabalho trata
Este trabalho trata
 
Aula 03 - Metodologias Ágeis.pdf
Aula 03 - Metodologias Ágeis.pdfAula 03 - Metodologias Ágeis.pdf
Aula 03 - Metodologias Ágeis.pdf
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Developer Experience no Nubank
Developer Experience no NubankDeveloper Experience no Nubank
Developer Experience no Nubank
 
Aula8. Projeto de Interface com o usuário
Aula8. Projeto de Interface com o usuárioAula8. Projeto de Interface com o usuário
Aula8. Projeto de Interface com o usuário
 
Tudo são Dados - PHP Conference 2008
Tudo são Dados - PHP Conference 2008Tudo são Dados - PHP Conference 2008
Tudo são Dados - PHP Conference 2008
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Aula 3 - Engenharia de Software
Aula 3 - Engenharia de SoftwareAula 3 - Engenharia de Software
Aula 3 - Engenharia de Software
 

Prototipagem de Software para Devs