Sistema digital de informações de ônibus de Curitiba para iphone - Apresentação

546 views
451 views

Published on

Projeto de graduação em Design Gráfico.
Apresentação para a banca
--
Universidade Federal do Paraná - UFPR
Orientação: Prof. Carla G. Spinillo
Novembro de 2010

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
546
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Sistema digital de informações de ônibus de Curitiba para iphone - Apresentação

  1. 1. sistema digital de informações de ônibus de Curitiba para o iPhone GUILHERME R. STORCK Projeto Gráfico VIII Trabalho de conclusão de curso nov 2010
  2. 2. Conteúdo Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Conteúdo Introdução Processo de Design Consulta aos usuários Análise dos similares Projeto
  3. 3. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 introdução
  4. 4. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Identificação do problema Informações relacionadas ao transporte público de Curitiba (mapas, horários, e itinerários / rotas) disponibilizadas em diversos suportes (central 156, terminais, website) de forma não integrada; por vezes de difícil acesso e compreensão
  5. 5. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Formulação do problema Como integrar as informações sobre transporte público e disponibilizá-las em dispositivos móveis?
  6. 6. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Produto a ser desenvolvido Uma interface para um aplicativo de dispositivo móvel que atenda às necessidades do usuário de localização e planejamento de viagens utilizando o sistema de transporte público da cidade. Dispositivo escolhido »» iPhone
  7. 7. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Público de interesse Usuários de transporte público, portadores de dispositivos móveis (celulares, iphone, smartphone, etc.) com acesso a internet.
  8. 8. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Objetivos Integrar as informações sobre transporte público (ônibus) de Curitiba e disponibilizá-las de maneira eficiente em dispositivos móveis. Objetivos específicos »» Conhecer necessidades informacionais dos usuários de transporte público de Curitiba »» Identificar funções e informações disponíveis em sistemas digitais de informações similares para transporte público. »» Identificar nos similares aspectos positivos do ponto de vista gráfico-informacional que podem ser aplicados na interface proposta. »» Desenvolver proposta de interface para aplicativo de informações de transporte público de Curitiba para o dispositivo móvel iPhone.
  9. 9. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Justificativa / Relevância Social »» Melhoria do sistema de transportes »» Facilitar o uso do transporte público, otimizando os sistemas de informação e atendendo as necessidades do usuário com relação à sua localização e locomoção Um sistema de informação otimizado facilita o uso do transporte público, aumenta a satisfação e sensação de segurança dos usuários. (FERRIS et al., 2010)
  10. 10. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 »» Aumentar o número de passageiros de ônibus »» Curitiba: capital mais motorizada do país VidaeCidadania GAZETADOPOVO Curitiba, quarta-feira, 22 de setembro de 2010 MOBILIDADEURBANA “Diasem carro”com ruascheias de...carros Nãohaveráruas fechadasparaotrânsito emCuritiba,capitalque ostentaotítulodemais motorizadadopaís edelazernaRuaXVdeNovembro. A programação é considerada tímidapelasorganizaçõesdedefe- sa da Mobilidade Urbana da capi- tal.Comoconsequência,aadesão neste ano deve ser muito inferior aos 120 mil veículos deixados na garagemnoanopassado.“Semdi- vulgação,ecomapossibilidadede ChiaraHerreraLanzaparticipoudaOficina AlbariRosa/GazetadoPovo TRÂNSITO
  11. 11. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Justificativa / Relevância Sócio-econômica Curitiba no Contexto Turístico: »» mais de 3 milhões de visitantes por ano »» turismo de eventos: 400 mil turistas em 2010 »» 520.163 passageiros na linha Turismo, em 2009 »» Copa das Confederações »» Copa do Mundo FIFA de Futebol 2014
  12. 12. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Justificativa / Relevância Tecnológica »» Interfaces digitais como suporte à informação »» Popularização dos telefones celulares »» No fim de 2010 deverão ser 15 milhões de acessos móveis no país; deve chegar a 60 milhões no ano da Copa do Mundo de 2014. Dados da Teleco, 2010 Publicado em 21/08/2010 | AGÊNCIA ESTADO TELEFONIA 200 milhões de celulare O Brasil deve encerrar o ano com 200 milhões de celulares. A milhões de novas linhas que, somadas às 13 milhões já adici projeção do Instituto Brasileiro de Geografia e Estatística (IB Em relação ao balanço divulgado pela Anatel, que mostrou u Região Norte e o acirramento da disputa em São Paulo com a ECONOMIA
  13. 13. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 processo de design
  14. 14. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 2 Processo de Design O processo de design é baseado no processo colaborativo prosposto por David Sless (2003): Prototipagem Definição do problema ESCOPO GERAÇÃO DE ALTERNATIVAS FINALIZAÇÃO Levantamento inicial Análise de similares Validação Refinamento Pesquisa Bibliográfica Consulta aos usuários Refinamento
  15. 15. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Caracterização do sistema SISTEMA ALVO aplicativo com informações sobre transporte público em curitiba SAÍDA usuário consegue completar sua rota satisfatoriamente (i.e.emtempo adequado,semstress) ENTRADA usuário procura informações sobre o transporte público REQUISITOS • consulta ao usuário • benchmarking RESTRIÇÕES • não compatibilidade com o dispositivo • acesso em movimento CARACTERIZAÇÃO DO SISTEMA
  16. 16. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 consulta com usuários
  17. 17. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 3 Consulta aos usuários Objetivos da consulta Identificar: »» necessidades informacionais do usuário/passageiro »» meios/suportes mais utilizados para a busca de informações »» possíveis problemas nos suportes atuais de informação
  18. 18. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 QUESTIONÁRIO ENTREVISTA 113 usuários 2 dias via e-mail 15 usuários Locais: Centro e Bairro (Praças C. Gomes, Tiradentes e Rui Barbosa, Term. do Boqueirão e C.Comprido) Horário: 11h-13h; 18h-19h Método Survey. 2 técnicas:
  19. 19. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Protocolo Sabe de outras alternativas de linhas para chegar ao seu destino?sim não Porque? Quando você vai a algum lugar novo, decide as trocas e próximos ônibus: antes de sair de casa dentro do ônibus no terminal/ponto INFORMAÇÕES Onde você encontra as informações?Como sabe que ônibus pegar, quais horários, pontos de descida/troca de ônibus? Que informação você tem mais dificuldade em achar?Qual(is) ônibus posso pegar LOCAL do ponto/tubo HORÁRIO do ônibus ROTA do ônibus Qual é o ponto em que tenho que descer... Já acessou alguma informação pela internet? sim nãoJá consultou mapas/horários no terminal de ônibus? sim nãoJá se perdeu? sim não Ja recebeu informação errada? sim nãoPossui acesso a internet no celular? sim nãoO que acharia de um serviço de informações sobre ônibus via celular?
  20. 20. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultados »» Suportes de informação
  21. 21. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultados »» Maiores dificuldades
  22. 22. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resumo dos resultados Perfil dos usuários de ônibus de Curitiba: »» Utiliza o ônibus 5x por semana »» Utiliza 1 ou 2 ônibus por trajeto »» Planeja o trajeto antes de sair de casa »» Conhece as outras opções de linhas para o seu trajeto »» Consulta informações perguntando e no site da URBS »» Maiores dificuldades: encontrar rotas dos ônibus e pontos específicos na rota »» Já se perdeu alguma vez, ou já recebeu informação errada
  23. 23. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Requisitos para o projeto »» Permitir visualização da rota (itinerário) do ônibus desejado. »» Permitir visualização do sentido do ônibus. »» Apresentar pontos de referência »» Oferecer diferentes métodos de entrada de informações, além do nome do ônibus (e.g., permitir ver que ônibus passa na rua “X”; permitir visualizar conexões possíveis na parada “Y”)
  24. 24. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 análise de similares
  25. 25. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 4 Análise de similares Levantamento inicial Aplicativos móveis com informações sobre transporte público (metrô, trem ou ônibus),
  26. 26. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Coleta de informações »» função de planejamento de rota (trip planning) »» mais algum nível de informação, como nome das linhas, destino, trajeto, duração, horários, preços, ou mapas. 1. iBART São Francisco, USA Metrô 2. MetrO Rio de Janeiro, Brasil Metrô e Ônibus 3. Paris Metro Paris, França Metrô
  27. 27. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Instrumento de análise
  28. 28. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Instrumento de análise
  29. 29. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultados Problemas encontrados ícones não acompanhados de texto inconsistência gráfica
  30. 30. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultados Problemas encontrados incoerências na codificação cromática
  31. 31. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Requisitos Apresentação gráfica »» Eliminar ambiguidade em ícones e elementos esquemáticos. »» Deixar clara a representação de sentido nos ônibus. »» Permitir a visualização dos detalhes de cada linha ou rota. »» Deixar clara a representação de sugestões de trajeto, assim como a representação dos detalhes de uma linha. Usabilidade e IHC »» Melhorar consistência: diferenciar itens de seleção de itens clicáveis, que avançam na hierarquia. »» Permitir o uso de atalhos ou preferências personalizadas »» Falar a linguagem do usuário
  32. 32. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 projeto
  33. 33. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Requisitos A partir da consulta com usuários: »» Permitir visualização da rota do ônibus desejado. »» Oferecer diferentes métodos de entrada de informações, »» Permitir visualização do sentido do ônibus. »» Apresentar pontos de referência A partir do Benchmarking »» Eliminar ambiguidade em ícones e elementos esquemáticos. »» Deixar clara a representação de sentido nos ônibus. »» Permitir a visualização dos detalhes de cada linha ou rota. »» Deixar clara a representação de sugestões de trajeto, assim como a representação dos detalhes de uma linha. »» Melhorar consistência: diferenciar itens de seleção de itens clicáveis, que avançam na hierarquia. »» Permitir o uso de atalhos ou preferências personalizadas »» Falar a linguagem do usuário
  34. 34. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Arquitetura da informação Informações possíveis > Informações relevantes
  35. 35. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Arquitetura da informação Estruturando a informação
  36. 36. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Arquitetura da informação Mapa de navegação
  37. 37. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Arquitetura da informação Mapa de navegação
  38. 38. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Análise da rede de transporte. Delimitação do protótipo: »» considerar linhas diretas e expressas »» oferecer navegação completa para a tarefa de planejamento de uma rota. Definição da rota: »» A: Aeroporto B: Jardim Botânico
  39. 39. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Definição da estrutura lógica
  40. 40. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas de Cores
  41. 41. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas para ícones Linha Direta Linha Expressa Linha Alimentadora Linha Convencional Linha Interbairros Linha Turismo Linha Circular Centro Terminal de ônibus Trajeto percorrido pelo ônibus Pontos intermediários de determinada linha Pontos de tomada de decisão: Embarque, desembarque ou troca.
  42. 42. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas para ícones
  43. 43. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Representação de rota mapa do metrô de londres similares analisados diagramas de ônibus em Curitiba
  44. 44. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas para representação da rota
  45. 45. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas para representação da rota: Trocas na mesma parada
  46. 46. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas para representação da rota: Trocas em parada diferente
  47. 47. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas de Layout
  48. 48. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas de Tipografia
  49. 49. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Alternativas para o Ponto VEA (você-está-aqui)
  50. 50. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Tabelas de horário
  51. 51. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Prototipagem Tabelas de horário
  52. 52. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.1 Planejamento de rota
  53. 53. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.1 Planejamento de rota > Seleção de Origem/Destino
  54. 54. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.2 Sugestões de rota: Opção 1
  55. 55. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.2 Sugestões de rota: Opção 2
  56. 56. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.2 Sugestões de rota: Opção 3
  57. 57. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.3 Detalhes da rota: Opção 1
  58. 58. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.3 Detalhes da rota: Opção 2
  59. 59. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.3 Detalhes da rota: Opção 3
  60. 60. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.4 Detalhes da parada: Círculo militar
  61. 61. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.4 Detalhes da parada: Círculo militar
  62. 62. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.5 Detalhes do ponto de interesse: Jardim Botânico
  63. 63. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 1.6 Mapa
  64. 64. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Resultado final 3.2 Horários da linha
  65. 65. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 considerações finais
  66. 66. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 Considerações finais Objetivos do projeto »» Conhecer necessidades informacionais »» Identificar funções e informações nos similares »» Identificar nos similares aspectos positivos »» Desenvolver proposta de interface para aplicativo de informações de transporte público de Curitiba para o dispositivo móvel iPhone. Dificuldades encontradas »» complexidade dos temas relacionados »» quantidade de trabalho demandada pela prototipagem Desdobramentos futuros »» necessidade de validação »» necessidade de inovação tecnológica no sistema de transporte público de Curitiba »» ampliação para outras modelos de dispositivos e plataformas
  67. 67. Introdução Processo de design Consulta aos usuários Análise de Similares Projeto Sistema digital de informações de ônibus de Curitiba para o iPhone: Gui Storck, 2010 obrigado.

×