Disciplina de Interfaces Pessoa-Máquina 2010/2011 Passpartout 18

Disciplina de Interfaces Pessoa-Máquina 2010/2011 Passpartout 18 www.ipm18.pt.vu/ Carlos Martins 57789 ist157789@ist.utl.pt Pedro Castro 57958 pedro.castro@ist.utl.pt Daniel André 65882 daniel.andre@gmail.com Sumário Objectivo do projecto foi a criação do Passpartout, uma aplicação de transportes públicos que permite a um utilizador planear, efectuar e pagar viagens sobre transportes públicos na área da grande Lisboa. A solução passou por criar uma aplicação em Flash, a operar sobre um Smartphone (telemóvel touch-screen) que permite a procura de um percurso, seguir instruções sobre um trajecto, a consulta de horários e operações sobre compra/carregamentos de passe/bilhetes. Seguimos uma metodologia rigorosa, desde concretização de um estudo (via questionários) sobre a população, até aos testes com utilizadores e concretização do protótipo final. O resultado final foi uma aplicação simples e eficaz, que acreditamos ser fácil de usar e de grande utilidade numa situação real como o seu uso na rede metropolitana de Lisboa. 1. INTRODUÇÃO Se anda de transportes sabe a dificuldade que é para planear uma viajem, especialmente quando envolve vários tipos de transporte. Precisa de adquirir horários, mapas e panfletos de cada carreira que pretende apanhar. Por cima disso tudo existe ainda uma infindável variedade de formas de pagamentos. Existem bilhetes e passes para comboios, autocarros e metros e mesmo estes são muitas vezes restringidos a certas zonas. Para resolver este problema a Autoridade dos Transportes contratou o Grupo 18 para desenvolver uma aplicação para telemóveis que facilitasse a tarefa dos seus clientes, que os ajudasse a planear viagens, a consultar horários e a realizar percursos. Surgiu então a aplicação Passpartout, um guia/mapa/passe universal para transportes da grande Lisboa. O Passpartout realiza as funções de um passe, conhece toda a rede de transportes e tem acesso ao estado actual da rede. Assim pode proporcionar uma série quase infindável de serviços aos utentes. A aplicação em questão foi desenvolvida para correr num Smartphone (telemóvel com touch-screen), que proporciona ao cliente uma maior área de interacção e ao nosso grupo maior liberdade de implementação. Neste relatório encontrará os passos que o nosso grupo tomou desde a ideia até à implementação do produto final. Encontrará o relatório dividido em 5 secções principais: Análise de Tarefas, Modelo Conceptual, Evolução dos Protótipos, Testes com Utilizadores e Conclusão. 2. ANÁLISE DE TAREFAS Mediante a realização de um questionário (Anexo 1) foi-nos possível aferir necessidades e eventuais problemas de futuros utilizadores do sistema Passepartout. Em baixo segue-se um resumo dos pontos cruciais da análise de dados relativos ao projecto. 1

Quem são os utilizadores? Na amostra recolhida, maioritariamente estudantes do sexo masculino (fig. 1) com idades entre 19 e 25 anos (fig. 2); São na sua maioria utilizadores frequentes de transportes públicos (fig. 3); Fig. 1 Fig. 3 Fig. 2 Quais os seus hábitos? Os inquiridos revelaram que, dentro da cidade, mais usam comboios e metro (fig. 4); Entre localidades usam com maior afluência comboios e autocarros (fig. 5); A maior parte dos inquiridos não planeia com antecedência a sua viagem (fig. 6); Fig. 4 Preferem viajar num percurso que os leve mais rápido de um ponto ao outro (fig. 7); Fig. 5 Fig. 5 Fig. 7 Fig. 6 Aceitação da aplicação Passpartout? 65% dos inquiridos afirma que usaria a aplicação (fig. 8); Fig. 8 2

Respostas às 11 perguntas 1 - Quem vai utilizar o sistema? Maioritariamente estudantes entre os 19 e 25 anos que usam frequentemente transportes públicos para se deslocarem. Estão, na sua maioria, familiarizados com novas tecnologias tais como telemóveis e ecrãs tácteis. 2 - Que tarefas executam actualmente? Viajam de transportes públicos; Consultam horários e mapas; Compram passes e bilhetes. 3 - Que tarefas são desejáveis? Verificação do estado actual da rede (comboio, autocarro, metro, etc.); Consulta dos horários; Permitir o pagamento via móvel (telemóvel, iphone); Sugestões de percurso de acordo com a preferência do utilizador; Apresentar alternativas de percursos; 4 - Como se aprendem as tarefas? Aprendizagem feita perguntando a funcionários dos transportes públicos e através da experiência. 5 - Onde são desempenhadas as tarefas? As tarefas são realizadas em todo o tipo de ambientes: na rua, em casa, de dia/noite, etc. Os utilizadores estarão sempre em movimento, pelo que não haverá um local exacto para se desempenhar a tarefa. 6 - Quais as relações entre utilizadores e informação? Os dados estão disponíveis em qualquer posto ou paragem designada para transportes públicos, bem como horários impressos. A sua consulta pressupõe o deslocamento aos locais designados para tal. 7 - Que outros instrumentos tem o utilizador? Utilizadores têm também ao seu dispor mapas, guias, aparelhos GPS 8 - Como comunicam os utilizadores entre si? A comunicação entre os utilizadores não e necessária. Visto se tratar de tarefas individuais. 9 - Qual a frequência de desempenho das tarefas? Grande parte dos utilizadores utiliza os transportes públicos diariamente ou com bastante frequência. 10 - Quais as restrições de tempo impostas? A consulta aos horários e percursos deve ser feita o mais rápido possível, visto tratar-se da tarefa mais usada pelos utilizadores. 11 - Que acontece se algo correr mal? Se por ventura o utilizador perder um determinado transporte, pode consultar outros caminhos e horários alternativos existentes ou apanhar o próximo transporte no local onde o utilizador se encontra. 3

3. MODELO CONCEPTUAL Metáforas Bilheteira Consultar horários e pagar bilhetes com o Passepartout é como usar uma bilheteira. GPS Consultar/escolher rotas e locais das paragens e visualiza-las num mapa é como usar um GPS. Conceitos Objectos: transporte, autocarro, comboio, metro, paragem, horário, mapa, passe, bilhete, dinheiro. Atributos: preço, viagem, saldo, percurso, tempo de espera, tempo de deslocamento, locais de paragem. Acções: consultar, carregar, comprar, pagar, escolher, viajar, planear, espera. Relações entre Conceitos Autocarro/comboio/metro é um transporte, transportes fazem viagens, viagens percorrem percursos, percursos são escolhidos, viagem tem tempo de deslocamento, viagem tem locais de paragem, bilheteira vende bilhetes/passes, bilhetes/passes têm preço, bilhetes são comprados, passes são carregados, telemóvel tem saldo, saldo é carregado, mapas e horários são consultados, Consultar horários/paragens, comprar bilhetes/passes, pagar viagem, carregar telemóvel, escolher percurso/destino, viajar de comboio, planear viajem, esperar por transporte. Mapeamento Carregar PassPartout <-> Carregar passe; Comprar bilhete <-> Comprar bilhete numa bilheteira; Escolher percurso mais rápido <-> Comparar diferentes percursos e escolher o mais rápido; Consultar saldo <-> Verificar quanto dinheiro tem na carteira; Consultar paragens <-> Consultar folheto de paragens; Métricas de usabilidade Tarefa: Quero ir de axias ao Poceirão (para apanhar o TGV para Madrid). No problem! O "Passepartout" mostra-me os percursos (incluindo trajectos a pé) e indica-me o tempo estimado de viagem. Desempenho: <1min e 30segs, 0 erros. Satisfatório. Tarefa: Estou junto a uma paragem de autocarro e pretendo saber qual a maneira mais rápida de chegar ao Rossio. O "Passepartout" mostra-me quais os transportes disponíveis e quando chega o próximo. Desempenho: <30 segundos, 0 erros. Muito satisfatório. Tarefa: Escolho um percurso de Vila Franca de Xira para Benavente se o meu passe não abranger uma dessas localidades o Passpartout apresenta-me a opção de debitar o valor do bilhete para esse percurso no meu saldo actual. Desempenho: <20 segundos, 0 erros. Muito satisfatório. Cenário de Actividades Cenário 1: O João encontra-se em axias e precisa de ir ao Poceirão para apanhar o T. Consulta o Passpartout para saber qual o melhor percurso a seguir, usando as redes de transportes públicos. O João escolhe o percurso mais rápido e segue as instruções fornecidas até chegar ao seu destino.4 Cenário 2: O João encontra-se junto a uma paragem de autocarro e pretende saber qual o percurso mais rápido para chegar ao Rossio. Usando o Passpartout consulta os horários de todos os transportes que passam pela paragem, e os seus percursos. 4

Cenário 3: O João quer ir para Vila Franca de Xira, contudo não tem dinheiro e o passe do Passpartout não abrange essa área. Usando o Passpartout escolhe o percurso que o leva até ao destino e debita o valor da viajem ao valor do saldo do telemóvel. Tarefas Tarefa 1: Quero ir de axias ao Poceirão (para apanhar o TGV para Madrid). No problem! O "Passepartout" mostra-me os percursos (incluindo trajectos a pé) e indica-me o tempo estimado de viagem. Tarefa 2: Estou junto a uma paragem de autocarro e pretendo saber qual a maneira mais rápida de chegar ao Rossio. O "Passepartout" mostra-me quais os transportes disponíveis e quando chega o próximo. Tarefa 3: Escolho um percurso de Vila Franca de Xira para Benavente se o meu passe não abranger uma dessas localidades o Passpartout apresenta-me a opção de debitar o valor do bilhete para esse percurso no meu saldo actual. 4. EVOLUÇÃO DOS PROTÓTIPOS Esboço para o PBF De entre os esboços para o protótipo de baixa fidelidade foi escolhido o ilustrado na fig. 9. Decidiu-se criar a aplicação num telefone com Touchscreen, que nos proporciona uma maior área de interacção e maior liberdade de implementação. Fig. 9 Protótipo de Baixa Fidelidade (PBF) Com base nos esboços elaborámos o primeiro protótipo (de baixa fidelidade) da aplicação Passpartout. A fig. 10 mostra 3 menus desse protótipo onde se pode ver implementado o menu inicial, o menu de instruções de um percurso e o menu de procura de percurso, respectivamente. Encontram-se em anexo (Anexo 2) o Storyboard das 3 tarefas. Perante uma avaliação de grupos avaliadores foram-nos apontadas, entre outras, infracções às heurísticas H2-1, Fig. 10 H2-4, H2-7 e H2-10 de Nielsen. A ausência de botão de ajuda e de estado foram as críticas mais relevantes. 5

1º Protótipo Funcional (PF) Na realização do 1º PF, e com base nas infracções heurísticas cometidas no PBF, implementámos as seguintes alterações ao PBF: Um botão de ajuda, de forma a fornecer ajuda e documentação ao utilizador; O tempo de deslocamento para cada trajecto, no menu de trajectos; Uma barra na base de todos os ecrãs com botões de mudança de estado; Uniformizámos todos os botões de modo a criar consistência entre os menus; Scroll nos menus de percursos e instruções; Melhoramentos estéticos; Perante uma avaliação de grupos avaliadores foram-nos apontadas infracções às heurísticas H2-1, H2-6, H2-7 e H2-8 de Nielsen. Das críticas mais relevantes ao PF, foram-nos apontadas as seguintes: Fig. 11 No mapa de percursos não é mostrado a que percurso o mapa se refere; Os números que acompanham a descrição do trajecto são ambíguos; Não é claro que no menu de ajuda carregando no popup é possível sair do menu; Os avisos de Saldo Insuficiente repetem demasiada informação; 2º Protótipo Funcional Na realização do 2º PF, e com base nas críticas de avaliadores relativas ao 1º PF, implementámos as seguintes alterações ao 1ºPF: No mapa de percursos foi acrescentada informação relativa ao percurso a que se refere; Foi acrescentada, no menu de descrição do trajecto, a hora de partida. Os números mostram então a hora de partida e o tempo de viagem para cada secção do percurso; Foi acrescentado nos menus de ajuda um botão para fechar o popup; Foi retirada a repetição de informação nos avisos de Saldo Insuficiente ; Foi implementado um teclado touch que aparecerá sempre que se carregar numa caixa de texto. Pequenos melhoramentos estéticos; Fig. 12 De modo a aperfeiçoar a nossa aplicação submetemos o nosso protótipo a testes com utilizadores. Esses testes permitiram-nos perceber e futuramente corrigir erros e/ou más implementações. Das dificuldades observadas eis as mais significativos: Utilizadores revelaram dificuldade em usar teclado; Não gostaram da disposição dos botões; 6

Protótipo Final O protótipo final sofreu as seguintes modificações em relação ao 2º PF: Implementação do menu A Minha onta, para operações relacionadas com o passe; Implementação do menu Horários, para operações relacionadas com consulta de horários e percursos; Introdução de ícones, a fim de facilitar a interacção com a aplicação; Aperfeiçoamento do menu de descrição de um percurso; Pequenos melhoramentos estéticos, como a uniformização e redimensionamento dos botões; O resultado final é uma interface simples e elegante, que acreditamos ser fácil de usar e de grande utilidade numa situação real como o seu uso na rede metropolitana de Lisboa. 5. TESTES COM UTILIZADORES Foram efectuados 9 testes com utilizadores num ambiente controlado, sempre nas mesmas condições. Cada utilizador despendeu, em média, 8 minutos na realização das 3 tarefas. O ecrã táctil foi substituído pela utilização de um rato. Antes de qualquer interacção com a aplicação, foi feita uma breve descrição das funcionalidades do Passpartout mas não houve qualquer interacção entre o avaliador e o utilizador no decorrer das tarefas. Das observações feitas com utilizadores tiraram-se as seguintes conclusões: Dificuldade em usar o teclado; Nenhum dos utilizadores usou o botão de ajuda; Foram efectuados erros menores, como o engano na escrita do teclado; Não foram detectados quaisquer erros relacionados com a manipulação interface; A tabela em baixo (tabela 1) representa o tempo e o número de clicks que cada utilizador despendeu para cada tarefa. É ainda mostrado a média, a variância e o desvio padrão associado a cada acção. Tarefa 1 Tarefa 2 Tarefa 3 Utilizador Clicks Tempo(s) Clicks Tempo(s) Clicks Tempo 1 22 88 23 48 32 89 2 22 31 27 17 31 54 3 22 53 24 19 32 52 4 24 72 23 35 33 73 5 21 32 21 28 35 66 6 25 80 21 42 35 78 7 25 68 25 40 36 80 8 24 54 22 39 33 64 9 24 76 24 47 37 57 Média 23,22222 61,55556 23,33333 35 33,77778 68,11111 Variância 2,194444 417,0278 3,75 129 4,194444 162,8611 D. Padrão 1,481366 20,42126 1,936492 11,35782 2,048034 12,7617 Tabela 1 7

Em baixo se seguem os resultados para cada tarefa individual: Tarefa1: Valor estimado: 90 segundos ou menos H0: a tarefa é realizada em mais de 90 segundos Média: 61.56 Desvio padrão: 20.42 Intervalo de Confiança: [45.86, 77.25] para α=5% H0 é rejeitada! Gráfico 1 Daqui se conclui que o tempo para a realização da 1º tarefa é, com 95% de certeza, menor que 90 segundos. E, por isso, a métrica definida para a primeira tarefa encontra-se correcta. Tarefa2: Valor estimado: 30 segundos H0: a tarefa é realizada em mais de 30s Média: 35 Desvio padrão: 11.36 Intervalo de Confiança: [26.27, 43.73] para α=5% Inconclusivo! Gráfico 2 Tarefa3: Valor estimado: 20 segundos H0: a tarefa é realizada em mais de 20s O intervalo de confiança encontra-se tanto acima como abaixo do limiar de 30s. Pelo que probabilisticamente nada se conclui quanto à rejeição ou não de H0. Relativamente à métrica definida, conclui-se que existem utilizadores que excedem o tempo estimado e outros que estão abaixo deste. A métrica poderia, por isso, ser melhor escolhida. Média: 68.11 Desvio padrão: 12.76 Intervalo de Confiança: [58.30, 77.92] para α=5% H0 não é rejeitada! Gráfico 3 Daqui se conclui que o tempo para a realização da 3º tarefa é, com 95% de certeza, maior que 20 segundos. Ademais, podese verificar pelo gráfico (gráfico 3) que os tempos encontramse todos acima de 50s e como tal conclui-se que fomos demasiado optimistas quanto ao tempo que a 3ºtarefa demoraria 8

6. CONCLUSÕES Perante um problema (facilitar o uso da rede de transportes públicos) tivemos desde o 1º dia que pensar em soluções para o resolver. Neste caso, a criação de uma aplicação simples e acessível que pudesse ser usada por qualquer pessoa portadora de um telemóvel. Para isto seguimos uma metodologia rigorosa: Realização de um estudo através de inquéritos feitos à população; Análise dos dados do inquérito e subsequentemente a elaboração de conclusões; Resposta às 11 perguntas, a fim de aferir necessidades da população relativamente ao tema; Definir um modelo conceptual e cenários de actividades; Elaboração de protótipos; Testes dos protótipos com avaliadores, a fim de encontrar falhas a serem corrigidas/melhorados; Aperfeiçoamento dos protótipos; Testes com utilizadores, a fim de encontrar eventuais dificuldades da população na interacção com a aplicação; Criação do protótipo final; Relativamente aos testes com utilizadores, não obtivemos todos os resultados esperados (definidos nas métricas de usabilidade). Verificou-se que a métrica para a 1º tarefa foi cumprida apesar de acreditarmos que poderia ser inferior. Relativamente à métrica da 2º tarefa, acreditamos que poderia ser melhor escolhida. A métrica para a 3º tarefa não foi de todo observada, e admitimos que fomos demasiado optimistas quanto ao tempo para a realização da tarefa. O nosso grupo está confiante que atingiu os objectivos essenciais relacionados com a criação de uma interface Pessoa-Máquina, nomeadamente na concretização do Passpartout. Estamos satisfeitos com o resultado final, contudo a aplicação, apesar de funcional, baseou-se principalmente no desenvolvimento de cada tarefa individual e não numa aplicação como um todo. Por essa razão achamos que a interface poderia ser melhorada acrescentando funcionalidades que a tornassem mais fluida. Com o desenvolvimento deste projecto o grupo desenvolveu competências na área de desenvolvimento de Interfaces Pessoa-Máquina e todo o trabalho precedente envolvido. A experiência na utilização de ActionScripts e Flash foi também aprofundada. 7. REFERÊNCIAS [1] Professor Mário Gomes - Slides das Aulas Teóricas 2010 https://fenix.ist.utl.pt/disciplinas/ipm3/2010-2011/1-semestre/aulas-teoricas 9

8. QUESTIONÁRIO PASSPARTOUT ANEXO 1 No âmbito da cadeira "Interfaces Pessoa Máquina", elaborámos este questionário a fim de podermos analisar necessidades e comportamentos relacionados com o projecto. O nosso grupo tem como objectivo criar uma aplicação que "simule" a rede de transportes da grande Lisboa. Esta aplicação, o "Passpartout", realizará funções de um passe (Metro/CP/Carris), conhecerá "toda" a rede de transportes e terá acesso ao estado actual da rede. O questionário é dirigido a todas as pessoas que usam ou já usaram transportes públicos. * Required 1) Qual a sua idade? * 2) Sexo? * M F 3) Ocupação? * Estudante Trabalhador Desempregado 4) Com que frequência usa transportes públicos? * Todos os dias Frequentemente, alguns dias da semana Alguns dias por mês Raramente, só em caso de necessidade 5) Qual o método que usa para pagar as viagens? * Passe Bilhete pré-comprado Pagamento no local Cartão recarregável 6) Que tipos de transporte publico mais usa dentro de uma cidade? * Assinale apenas 2 10

Autocarro Comboio Metro Táxi Other: 7) Que tipos de transporte publico mais usa para viajar entre localidades? * Assinale apenas 2 Autocarro Comboio Metro Táxi Other: 8) Quanto tempo, em média, espera por um transporte? * <10min entre 10 e 20 min entre 20 e 30 min entre 30 e 40 min >40min 9) Planeia com antecedência a sua viagem? * Sim, consulto os horários e paragens Não, consulto o horário na paragem Não, pergunto ao motorista/assistente 10) Onde consulta os horários/percursos dos transportes públicos? * Pode responder a mais que uma alinea Bilheteira Horários/percursos impressos 11

Nas paragens Internet Other: 11) Que critério usa para escolher o seu percurso? * O mais rápido O mais curto O mais cómodo O mais barato O que troca menos vezes de transporte O que passa por mais atracções Other: 12) Como classificaria os actuais horários/esquemas/panfletos de percursos dos transportes públicos? * Comboio Autocarro Metro 1 Incompreensível 2 3 Confuso 4 5 Compreensível 13) Qual ou quais as maiores dificuldades que tem para viajar de um ponto ao outro, de trasnporte público? 14) Suponha que é um turista, e quer visitar vários monumentos e atracções na zona de Lisboa. Para se deslocar entre os vários pontos de interesse iria: * A pé, independentemente da distância A pé, mas só se não tiver de andar muito 12

De autocarro Metro Taxi Alternaria entre ir a pé e ir de transporte 15) Que distância estaria disposto a percorrer a pé para apanhar um transporte? * <75m 75 a 150m 150 a 300m 300 a 500m 500 a 700m >700m INTERFACE 16) Utilizaria uma aplicação de telemóvel que permitisse aceder à situação actual da rede de transportes? * Sim, usaria frequentemente Sim, mas não usaria com muita frequência Não, acho pouco útil Não, acho inútil 17) Usaria a aplicação referida na alinea anterior para pagar bilhetes de transporte? * Sim Não 18) Que método optaria para efectuar o pagamento? Se respondeu "Não" na alínea anterior, passe à frente Saldo do telemóvel Cartão de crédito 13

Transferência bancária Other: 19) Que funcionalidades gostaria de ver implementadas na aplicação Passpartout? 14

Storyboards: Tarefa 1 ANEXO 2 Tarefa 2 Tarefa 3 15

Manual do utilizador Índice Introdução 17 Menu Principal 17 Escolher um Percurso 18 Consultar Horários 18 A Minha Conta 19 A Minha Viagem 19 16

Introdução Passpartout é uma aplicação que lhe permite planear, efectuar e pagar viagens de transportes públicos na área da grande Lisboa e ainda lhe fornece informação sobre horários, mapas e percursos. Realiza as funções de um passe, conhece toda a rede de transportes e tem acesso ao estado actual da rede. A aplicação foi desenvolvida para telemóveis com ecrãs tácteis (Smartphones), pelo que a não precisará de nenhum outro utensílio, além dos dedos, para a manipular. Ao longo do manual aprenderá a interagir e usar os vários menus da aplicação. Menu Principal É a partir do menu inicial que inicia todas as operações necessárias para correr a aplicação com sucesso. Encontrará aqui 4 botões de operações: Procurar Percurso Horários A Minha Conta A minha Viagem Repare que existe uma barra no inferior do ecrã. Esta barra está disponível em todos os menus e permiti-lhe usar a voltar ao menu inicial consultar a ajuda e voltar ao menu anterior. Sempre que tiver alguma dificuldade num menu use o botão de ajuda para lhe explicar o que está a ver e o que pode fazer. 17

Escolher um percurso Para escolher um percurso carregue no botão Procurar Percurso no menu principal. Ser-lhe-á apresentado o seguinte menu: Simplesmente insira a sua origem e destino na caixa respectiva e carregue em calcular. Aparecer-lhe-á um menu deste género. Aqui encontra os vários trajectos possíveis para o destino pretendido. Note que no lado direito encontra-se a duração total da viagem e o número de transbordos que lhe ajudarão a tomar uma decisão informada. Simplesmente carregue no trajecto que mais lhe agradar. Depois de seleccionar o percurso pretendido iram aparecer, passo a passo, as instruções para fazer o percurso. Pode também carregar numa instrução e aparecer-lhe-á um mapa representando o passo: Consultar Horários Para entrar no menu de Consulta de Horários, carregue no botão Horários no menu principal. Aparecer-lhe-á o seguinte ecrã: Por fim carregue no tipo de horário que quer ver. Autocarro Metro Comboio Barco 18

A Minha Conta Este menu serve para aceder às informações sobre o seu Passepartout. Nele pode consultar o estado do seu passe (tipo e validade). Da mesma forma que pode consultar o saldo do teu cartão de telemóvel. Com o botão Carregar Passe tem ainda a possibilidade de carregar o seu passe. No entanto este apenas estará clicável caso o seu passe se encontre expirado. A Minha Viagem Neste menu pode encontrar a viagem que está a ser efectuada. Simplesmente precisa de ler as instruções até chegar ao seu destino. 19