SlideShare uma empresa Scribd logo
1 de 18
PROTOTIPAÇÃO 
AVANÇADA UTILIZANDO O 
AXURE RP 7.0 
André Muniz 
Setembro/2014 
1
AGENDA 
• DCU 
• Prototipação 
• Axure RP 7.0 
2
DCU 
3
PESQUISA 
Pesquisa 
Identifica as pessoas que usarão 
o produto e descobre como será usado 
e sob que circunstâncias 
Técnicas 
Etnografia 
Pesquisa contextual 
Entrevista em profundidade 
Análise da tarefa 
4
IDEAÇÃO 
Ideação 
Munidos da informação do campo, através de sessões 
com uma equipe transdisciplinar definimos os requisitos 
necessários para o protótipo 
Técnicas 
Personas 
Brainstorm 
Placestorm 
5
PROTOTIPAÇÃO 
Prototipação 
Através de vários níveis de fidelidade 
diferentes buscamos errar logo para atingir 
o sucesso o mais cedo possível. 
Técnicas 
Wireframing 
Protótipos em baixa média e alta fidelidades 
6
AVALIAÇÃO 
Avaliação 
Através de testes com usuários em 
laboratório buscamos validar as boas 
hipóteses levantadas 
Técnicas 
Testes de usabilidade 
Análise de especialista 
Avaliação Heurística 
Focus Groups 
7
PRODUTOS COM DCU 
8
NÍVEIS DE FIDELIDADE 
Idéia Texto Rabisco Wireframe Protótipo Funcional 
9
PAPEL 
10
DIGITAL 
11
FUNCIONAL 
12
SOFTWARES 
13
SOFTWARES 
• Balsamiq (https://balsamiq.com/) 
• MockingBird (https://gomockingbird.com/) 
• MockFlow (http://www.mockflow.com/) 
• iRise Studio (http://www.irise.com/) 
• Omnigraffle (https://www.omnigroup.com/omnigraffle) 
• Axure RP (http://www.axure.com/) 
14
AXURE RP 
• Criada em 2002 
• Primeira versão em 2003 
• Atualmente versão 7.0 
• Compatível com Windows (XP, 7, 8) e Mac 
OS X 
• 2 versões (Axure RP, Axure RP Pro) 15
AXURE RP 
Axure RP Axure RP Pro 
Sketch & Wireframe ✔️ ✔️ 
Diagramas de Fluxo ✔️ ✔️ 
Prototipação Básica ✔️ ✔️ 
Prototipação Avançada ✔️ ✔️ 
Prototipação Mobile ✔️ ✔️ 
AxShare ✔️ ✔️ 
Documentação ✔️ 
16 
Projetos 
Compartilhados 
✔️
AXURE RP 
• Mockup Software 
• Wireframe Software 
• Flowchart Software 
• Prototyping Software 
• WYSIWYG Editor 
• Web Design Software 
• iPhone/iPad Mockup App 
17
AXURE RP PRO 
Básico Avançado 
Estrutura do Software Painéis Dinâmicos 
Widgets Básicos Variáveis 
Estilos Lógica Condicional 
Masters Documentação 
Interações Básicas Bibliotecas 
Estrutura do Protótipo Widgets Avançados 
Anotações Adaptative Views 
18

Mais conteúdo relacionado

Semelhante a Techday 4.0 Prototipação Avançada

Como construir uma boa realidade aumentada
Como construir uma boa realidade aumentadaComo construir uma boa realidade aumentada
Como construir uma boa realidade aumentadaVinícius da Costa
 
Wesley silva design para s40
Wesley silva   design para s40Wesley silva   design para s40
Wesley silva design para s40INdT
 
Não deixe seu projeto só nas mãos do framework
Não deixe seu projeto só nas mãos do frameworkNão deixe seu projeto só nas mãos do framework
Não deixe seu projeto só nas mãos do frameworkGiuseppe Lopes
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Cristofer Sousa
 
Desafios de projeto para quem usa a plataforma Android
Desafios de projeto para quem usa a plataforma AndroidDesafios de projeto para quem usa a plataforma Android
Desafios de projeto para quem usa a plataforma AndroidNatanael Fonseca
 
Qualificação Mestrado
Qualificação MestradoQualificação Mestrado
Qualificação MestradoFilipe Grillo
 
Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...
Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...
Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...Jucinei Pereira Dos Santos
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobileRWTH Aachen University
 
Solução web de scrum para o apoio a comunicação entre equipes remotas
Solução web de scrum para o apoio a  comunicação entre equipes remotasSolução web de scrum para o apoio a  comunicação entre equipes remotas
Solução web de scrum para o apoio a comunicação entre equipes remotasfelipe bastosweb
 
Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...
Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...
Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...Christopher Cerqueira
 
Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021
Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021
Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021Renato Groffe
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularRicardo Pereira Rodrigues
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
Arquitetura de Software e o DNAD2013
Arquitetura de Software e o DNAD2013Arquitetura de Software e o DNAD2013
Arquitetura de Software e o DNAD2013André Borgonovo
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?Fabio Janiszevski
 
Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...
Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...
Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...Taller Negócio Digitais
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoRodrigo Reis
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"Stefan Horochovec
 

Semelhante a Techday 4.0 Prototipação Avançada (20)

Como construir uma boa realidade aumentada
Como construir uma boa realidade aumentadaComo construir uma boa realidade aumentada
Como construir uma boa realidade aumentada
 
Wesley silva design para s40
Wesley silva   design para s40Wesley silva   design para s40
Wesley silva design para s40
 
Engenharia de Software Aula 1 - Intro
Engenharia de Software Aula 1 - IntroEngenharia de Software Aula 1 - Intro
Engenharia de Software Aula 1 - Intro
 
Não deixe seu projeto só nas mãos do framework
Não deixe seu projeto só nas mãos do frameworkNão deixe seu projeto só nas mãos do framework
Não deixe seu projeto só nas mãos do framework
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
 
Desafios de projeto para quem usa a plataforma Android
Desafios de projeto para quem usa a plataforma AndroidDesafios de projeto para quem usa a plataforma Android
Desafios de projeto para quem usa a plataforma Android
 
Qualificação Mestrado
Qualificação MestradoQualificação Mestrado
Qualificação Mestrado
 
Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...
Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...
Desenvolvendo aplicações para Windows Phone, Windows Store, utilizando AppStu...
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobile
 
Solução web de scrum para o apoio a comunicação entre equipes remotas
Solução web de scrum para o apoio a  comunicação entre equipes remotasSolução web de scrum para o apoio a  comunicação entre equipes remotas
Solução web de scrum para o apoio a comunicação entre equipes remotas
 
Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...
Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...
Construção de aplicações de Realidade Cruzada Projetiva utilizando openFramew...
 
Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021
Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021
Boas Práticas em Aplicações na Nuvem: Twelve-Factor App | MVPConf Latam 2021
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Supero Framework New
Supero Framework NewSupero Framework New
Supero Framework New
 
Arquitetura de Software e o DNAD2013
Arquitetura de Software e o DNAD2013Arquitetura de Software e o DNAD2013
Arquitetura de Software e o DNAD2013
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?
 
Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...
Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...
Arquitetura de referência Drupal 7 e 8. Da Natura e Taller para a comunidade ...
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"
 

Techday 4.0 Prototipação Avançada

  • 1. PROTOTIPAÇÃO AVANÇADA UTILIZANDO O AXURE RP 7.0 André Muniz Setembro/2014 1
  • 2. AGENDA • DCU • Prototipação • Axure RP 7.0 2
  • 4. PESQUISA Pesquisa Identifica as pessoas que usarão o produto e descobre como será usado e sob que circunstâncias Técnicas Etnografia Pesquisa contextual Entrevista em profundidade Análise da tarefa 4
  • 5. IDEAÇÃO Ideação Munidos da informação do campo, através de sessões com uma equipe transdisciplinar definimos os requisitos necessários para o protótipo Técnicas Personas Brainstorm Placestorm 5
  • 6. PROTOTIPAÇÃO Prototipação Através de vários níveis de fidelidade diferentes buscamos errar logo para atingir o sucesso o mais cedo possível. Técnicas Wireframing Protótipos em baixa média e alta fidelidades 6
  • 7. AVALIAÇÃO Avaliação Através de testes com usuários em laboratório buscamos validar as boas hipóteses levantadas Técnicas Testes de usabilidade Análise de especialista Avaliação Heurística Focus Groups 7
  • 9. NÍVEIS DE FIDELIDADE Idéia Texto Rabisco Wireframe Protótipo Funcional 9
  • 14. SOFTWARES • Balsamiq (https://balsamiq.com/) • MockingBird (https://gomockingbird.com/) • MockFlow (http://www.mockflow.com/) • iRise Studio (http://www.irise.com/) • Omnigraffle (https://www.omnigroup.com/omnigraffle) • Axure RP (http://www.axure.com/) 14
  • 15. AXURE RP • Criada em 2002 • Primeira versão em 2003 • Atualmente versão 7.0 • Compatível com Windows (XP, 7, 8) e Mac OS X • 2 versões (Axure RP, Axure RP Pro) 15
  • 16. AXURE RP Axure RP Axure RP Pro Sketch & Wireframe ✔️ ✔️ Diagramas de Fluxo ✔️ ✔️ Prototipação Básica ✔️ ✔️ Prototipação Avançada ✔️ ✔️ Prototipação Mobile ✔️ ✔️ AxShare ✔️ ✔️ Documentação ✔️ 16 Projetos Compartilhados ✔️
  • 17. AXURE RP • Mockup Software • Wireframe Software • Flowchart Software • Prototyping Software • WYSIWYG Editor • Web Design Software • iPhone/iPad Mockup App 17
  • 18. AXURE RP PRO Básico Avançado Estrutura do Software Painéis Dinâmicos Widgets Básicos Variáveis Estilos Lógica Condicional Masters Documentação Interações Básicas Bibliotecas Estrutura do Protótipo Widgets Avançados Anotações Adaptative Views 18