SlideShare uma empresa Scribd logo
1 de 22
projeto de prototipação
terminal de auto atendimento de
venda de passagens rodoviárias
Contexto



público-alvo
pessoas que viajam de ônibus


problemas atuais
•	 Grande o movimento
   de pessoas que vão
   à rodoviária comprar
   passagens.
•	 informações difusas ou
   retidas por empresas;
•	 dificuldade em comparar
   ofertas;
•	 Filas desnecessárias;
•	 tempo médio de 15
   minutos de espera na fila,
   de 1 a 2 horas em vésperas
   de feriado.
Contexto
SoluçõeS exiStenteS




1001, Cometa, macaense e
expresso
•	 Vendem passagem na
   internet;
•	 disponibilizaram terminal
   de autoatendimento para
   impressão de passagens
   compradas pela internet
   em alguns terminais
   rodoviários.
net viagem
•	 www.netviagem.com.br
•	 Venda online;
•	 o passageiro imprime
   o voucher e depois vai
   até o guichê antes de
   embarcar para trocá-lo
   pela passagem.
objetivos



•	 Facilitar e agilizar as
   compras de passagens;
•	 permitir a visualização de
   todos os dados;
•	 pagamento e retirada da
   passagem;
•	 diminuir e aliviar as filas;
•	 Garantir fluidez no processo
   de compra e embarque.
proCesso
prototipação
primeiroS raScunhoS
proCesso
prototipação
primeiroS raScunhoS



•	 Brainstorming com todos
   os integrantes do grupo;
proCesso
prototipação
primeiroS raScunhoS



•	 Brainstorming com todos
   os integrantes do grupo;
•	 “mini-protótipos” em papel
   individuais;
proCesso
prototipação
primeiroS raScunhoS



•	 Brainstorming com todos
   os integrantes do grupo;
•	 “mini-protótipos” em papel
   individuais;
•	 escolha das melhores
   idéias;
proCesso
prototipação
primeiroS raScunhoS



•	 Brainstorming com todos
   os integrantes do grupo;
•	 “mini-protótipos” em papel
   individuais;
•	 escolha das melhores
   idéias;
•	 início do protótipo em
   papel.
proCesso                                    não viajo de ônibus há mais de 1 ano

peSquiSa e entreViStaS                      10 a 12 vezes

                                            7 a 9 vezes
•	 a maioria compra
                                            4 a 6 vezes
   sua passagem com
   antecedência e na                        1 a 3 vezes
   rodoviária
•	 a compra da passagem de
   ida juntamente com a de
                                                                cartão de crédito
   volta deve ser considerada;
                                                                cartão de débito
                                                                dinheiro

•	 compra na rodoviária:
falta opções;
segurança
comodidade/costume
atendimento pessoal
conveniência para o embarque
                                 feriados


•	 na internet:                  férias

praticidade                      trabalho

                                 outros
proCesso
Story mappinG




1º release (passageiros)
•	 consultar destino
•	 comprar passagens de ida
•	 comprar passagens de ida
   e volta
•	 consultar companhias
   rodoviárias
•	 consultar Valor da
   passagem
•	 Ver disponibilidade de
   datas
•	 Ver disponibilidade de
   horários
•	 pagar passagem com
   cartão de débito
•	 pegar passagem
proCesso
Story mappinG




2º release (passageiros)
•	 Visualizar promoções
•	 enviar feedback
•	 consultar tempo de
   viagem
•	 Verificar se há parada
   durante a viagem
proCesso
card SortinG
proCesso
card SortinG


detalheS da         Fale                                          StatuS do
                                paGamento         deStino                       ÔniBuS           Filtro           promoçõeS
  ViaGem          conoSco                                          SiStema

                                                                   status do     preço       lista de passagens
 horário saída    reclamações    valor total   passagem volta                                                     promoções
                                                                    sistema    passagem        por horário

                                comprovante                        saída do      ônibus      lista de passagens
tempo viagem       sugestões                   passagem ida
                                de pagamento                       sistema     tradicional   por companhia

   trajeto                       pagamento                                      ônibus       lista de passagens
                    elogios                       destinos
 com paradas                       débito                                      semi-leito      por trajeto

   viagem                        pagamento                                       ônibus      lista de passagens
                                                data viagem
 com lanche                        crédito                                        leito          por data

   número                                                                       assentos     lista de passagens
                                                companhias
  de paradas                                                                   disponíveis      por preço

    locais                                                                     imagens do
                                               local de partida
 das paradas                                                                     veículo

    horário                                                                     ônibus
   chegada                                                                     executivo

   viagem
 sem lanche


 trajeto direto
proCesso
prototipação
wireFrame



primeiro wireframe à mão
•	 com todos os estudos
   feitos para definição de
   funcionalidades, demos
   início a representação
   do projeto em baixa
   fidelidade (prototipação
   em papel).
proCesso
prototipação
wireFrame



primeiro wireframe à mão
•	 com todos os estudos
   feitos para definição de
   funcionalidades, demos
   início a representação
   do projeto em baixa
   fidelidade (prototipação
   em papel).
proCesso
prototipação
teSteS



•	 criar uma tela inicial
   explicativa sobre o que o
   sistema faz;
•	 os botões de ação no
   rodapé não estavam claros
   que o sistema era um
   wizard;
•	 na seleção de assentos,
   inserir o total da
   passagem;
•	 Faltou um botão de voltar
   na tela de escolher a forma
   de pagamento.
proCesso
prototipação
ajuSteS



toten de papelão
•	 desenvolvemos um totem
   em papelão simulando
   a estrutura do toten
   definitivo.
proCesso
prototipação
ajuSteS



toten de papelão
•	 desenvolvemos um totem
   em papelão simulando
   a estrutura do toten
   definitivo.


Wireframe no docs
•	 com as anotações
   feitas nos testes,
   desenvolvemos um
   wireframe compatilhado no
   Google docs corrigindo os
   problemas encontrados.
proCesso
prototipação
ajuSteS



toten de papelão
•	 desenvolvemos um totem
   em papelão simulando
   a estrutura do toten
   definitivo.


Wireframe no docs
•	 com as anotações
   feitas nos testes,
   desenvolvemos um
   wireframe compatilhado no
   Google docs corrigindo os
   problemas encontrados.
proCesso
prototipação
Finalização



protótipo em alta fidelidade
•	 desenvolvimento pela
   plataforma adobe;
•	 proto.io e exibição em ipad.
oBriGado!

  ananda
   Filipe
  Gleice
   jerry
  Vanessa

Mais conteúdo relacionado

Destaque (12)

Toobler profile
Toobler profileToobler profile
Toobler profile
 
CowBayCafe_logo_BW
CowBayCafe_logo_BWCowBayCafe_logo_BW
CowBayCafe_logo_BW
 
Museu ferrocarril
Museu ferrocarrilMuseu ferrocarril
Museu ferrocarril
 
Esperimentua
EsperimentuaEsperimentua
Esperimentua
 
flyer1
flyer1flyer1
flyer1
 
Carrera del Pavo 2006
Carrera del Pavo 2006Carrera del Pavo 2006
Carrera del Pavo 2006
 
Ardyss
ArdyssArdyss
Ardyss
 
Terminado2
Terminado2Terminado2
Terminado2
 
User interface(ui) designing | user interface designer bangalore india
User interface(ui) designing | user interface designer bangalore indiaUser interface(ui) designing | user interface designer bangalore india
User interface(ui) designing | user interface designer bangalore india
 
11º Ft Apresentaçã F Otografia
11º Ft Apresentaçã F Otografia11º Ft Apresentaçã F Otografia
11º Ft Apresentaçã F Otografia
 
Cuento tic v nuestra gran aventura
Cuento tic v nuestra gran aventuraCuento tic v nuestra gran aventura
Cuento tic v nuestra gran aventura
 
Ie express yourself application
Ie express yourself applicationIe express yourself application
Ie express yourself application
 

Passe Fácil

  • 1. projeto de prototipação terminal de auto atendimento de venda de passagens rodoviárias
  • 2. Contexto público-alvo pessoas que viajam de ônibus problemas atuais • Grande o movimento de pessoas que vão à rodoviária comprar passagens. • informações difusas ou retidas por empresas; • dificuldade em comparar ofertas; • Filas desnecessárias; • tempo médio de 15 minutos de espera na fila, de 1 a 2 horas em vésperas de feriado.
  • 3. Contexto SoluçõeS exiStenteS 1001, Cometa, macaense e expresso • Vendem passagem na internet; • disponibilizaram terminal de autoatendimento para impressão de passagens compradas pela internet em alguns terminais rodoviários. net viagem • www.netviagem.com.br • Venda online; • o passageiro imprime o voucher e depois vai até o guichê antes de embarcar para trocá-lo pela passagem.
  • 4. objetivos • Facilitar e agilizar as compras de passagens; • permitir a visualização de todos os dados; • pagamento e retirada da passagem; • diminuir e aliviar as filas; • Garantir fluidez no processo de compra e embarque.
  • 7. proCesso prototipação primeiroS raScunhoS • Brainstorming com todos os integrantes do grupo; • “mini-protótipos” em papel individuais;
  • 8. proCesso prototipação primeiroS raScunhoS • Brainstorming com todos os integrantes do grupo; • “mini-protótipos” em papel individuais; • escolha das melhores idéias;
  • 9. proCesso prototipação primeiroS raScunhoS • Brainstorming com todos os integrantes do grupo; • “mini-protótipos” em papel individuais; • escolha das melhores idéias; • início do protótipo em papel.
  • 10. proCesso não viajo de ônibus há mais de 1 ano peSquiSa e entreViStaS 10 a 12 vezes 7 a 9 vezes • a maioria compra 4 a 6 vezes sua passagem com antecedência e na 1 a 3 vezes rodoviária • a compra da passagem de ida juntamente com a de cartão de crédito volta deve ser considerada; cartão de débito dinheiro • compra na rodoviária: falta opções; segurança comodidade/costume atendimento pessoal conveniência para o embarque feriados • na internet: férias praticidade trabalho outros
  • 11. proCesso Story mappinG 1º release (passageiros) • consultar destino • comprar passagens de ida • comprar passagens de ida e volta • consultar companhias rodoviárias • consultar Valor da passagem • Ver disponibilidade de datas • Ver disponibilidade de horários • pagar passagem com cartão de débito • pegar passagem
  • 12. proCesso Story mappinG 2º release (passageiros) • Visualizar promoções • enviar feedback • consultar tempo de viagem • Verificar se há parada durante a viagem
  • 14. proCesso card SortinG detalheS da Fale StatuS do paGamento deStino ÔniBuS Filtro promoçõeS ViaGem conoSco SiStema status do preço lista de passagens horário saída reclamações valor total passagem volta promoções sistema passagem por horário comprovante saída do ônibus lista de passagens tempo viagem sugestões passagem ida de pagamento sistema tradicional por companhia trajeto pagamento ônibus lista de passagens elogios destinos com paradas débito semi-leito por trajeto viagem pagamento ônibus lista de passagens data viagem com lanche crédito leito por data número assentos lista de passagens companhias de paradas disponíveis por preço locais imagens do local de partida das paradas veículo horário ônibus chegada executivo viagem sem lanche trajeto direto
  • 15. proCesso prototipação wireFrame primeiro wireframe à mão • com todos os estudos feitos para definição de funcionalidades, demos início a representação do projeto em baixa fidelidade (prototipação em papel).
  • 16. proCesso prototipação wireFrame primeiro wireframe à mão • com todos os estudos feitos para definição de funcionalidades, demos início a representação do projeto em baixa fidelidade (prototipação em papel).
  • 17. proCesso prototipação teSteS • criar uma tela inicial explicativa sobre o que o sistema faz; • os botões de ação no rodapé não estavam claros que o sistema era um wizard; • na seleção de assentos, inserir o total da passagem; • Faltou um botão de voltar na tela de escolher a forma de pagamento.
  • 18. proCesso prototipação ajuSteS toten de papelão • desenvolvemos um totem em papelão simulando a estrutura do toten definitivo.
  • 19. proCesso prototipação ajuSteS toten de papelão • desenvolvemos um totem em papelão simulando a estrutura do toten definitivo. Wireframe no docs • com as anotações feitas nos testes, desenvolvemos um wireframe compatilhado no Google docs corrigindo os problemas encontrados.
  • 20. proCesso prototipação ajuSteS toten de papelão • desenvolvemos um totem em papelão simulando a estrutura do toten definitivo. Wireframe no docs • com as anotações feitas nos testes, desenvolvemos um wireframe compatilhado no Google docs corrigindo os problemas encontrados.
  • 21. proCesso prototipação Finalização protótipo em alta fidelidade • desenvolvimento pela plataforma adobe; • proto.io e exibição em ipad.
  • 22. oBriGado! ananda Filipe Gleice jerry Vanessa