Você está na página 1de 26

Derek Budde Paulo Silva David Afonso

derekbudde@gmail.com paulosilva@biglevel.pt davidsafonso@sapo.pt

Quiosque interativo
S.I.T.I Servios Informao Transportes Integrado

Sistemas de Informao Multimdia Engenharia Informtica Universidade Lusfona do Porto Porto Portugal 6.1.13

Sumrio
O relatrio descreve o trabalho realizado na elaborao do projeto Quiosque Interativo / Tctil parte integrante de um projeto global designado de S.I.T.I, constitudo por mais duas aplicaes, uma para utilizao via Browser e outra em dispositivos Moveis. Estas trs aplicaes pretendem permitir o acesso informao sobre a rede de transportes pblicos, onde podem obter trajetos, horrios e preos. O mbito de cada aplicao destinto, pretendendo-se com o conjunto dos mdulos uma complementaridade entre si, podendo cada mdulo dirigir-se a pblicos diferentes.

Quiosque Interativo

Contedo
Captulo 1: Introduo ........................................................................................................... 7 Captulo 2: Conceito da Aplicao ........................................................................................ 8 1 Introduo ....................................................................................................................... 8 2 Exemplos considerados .................................................................................................. 8 2.1 Quiosque de trnsito em Nova Iorque ............................................................................ 8 2.2 Quiosque no Porto .......................................................................................................... 9 3 Mapa Conceptual .......................................................................................................... 10 Captulo 3: Personas ............................................................................................................ 11 1 Conceito ........................................................................................................................ 11 2 Perfil do target .............................................................................................................. 11 3 Personas ........................................................................................................................ 11 3.1 Perfil principal .............................................................................................................. 11 3.2 Perfil secundrio ........................................................................................................... 12 4 Cenrios e histrias de utilizao ................................................................................. 12 Captulo 4: Card Sorting...................................................................................................... 14 1 Conceito ........................................................................................................................ 14 1.1 Resultado recolhido ...................................................................................................... 14 1.2 Arquitetura formal ........................................................................................................ 15 Captulo 5: Acessibilidade fsica ......................................................................................... 16 1 Introduo ..................................................................................................................... 16 Captulo 6: Prottipos .......................................................................................................... 17 1 Baixa-Fidelidade........................................................................................................... 17 1.1 Validao e testes ......................................................................................................... 18 2 Alta-fidelidade Beta...................................................................................................... 19 3 Alta-fidelidade Final ..................................................................................................... 19 3.1 Consideraes sobre as razes da alterao ................................................................. 19 3.2 Hardware proposto ....................................................................................................... 20 3.3 Acessibilidade............................................................................................................... 20 3.4 Prottipo final ............................................................................................................... 21 Alteraes introduzidas: ........................................................................................................... 21 Captulo 7: A A.1 Concluso ......................................................................................................... 24 Anexos .......................................................................................................................... 26 Prottipo de Alta-fidelidade Beta ................................................................................. 26

4/26

Quiosque Interativo

Tabelas
Tabela 1 - 1 cenrio ................................................................................................................. 12 Tabela 1 2 cenrio ................................................................................................................ 13

5/26

Quiosque Interativo

Figuras
Figura 1 Quiosque de trnsito em Nova Iorque....................................................................... 8 Figura 2 Quiosque no Porto (estao de So Bento) ............................................................... 9 Figura 3 Mapa conceptual ..................................................................................................... 10 Figura 4 4 resultados card sorting ......................................................................................... 14 Figura 5 Arquitetura formal ................................................................................................... 15 Figura 6 Arquitetura de fsica do hardware ........................................................................... 16 Figura 7 prottipo de baixa fidelidade................................................................................... 17 Figura 8 prottipo de baixa fidelidade 1 exemplo alterado .................................................. 18 Figura 9 prottipo de baixa fidelidade 2 exemplo alterado .................................................. 18 Figura 10 prottipo de alta-fidelidade (apresentado nas aulas) ............................................. 19 Figura 11 Modelo de hardware proposto ............................................................................... 20 Figura 12 Modelo de acessibilidade ...................................................................................... 20 Figura 13 1ecr principal Figura 14 2ecr consulta ............ 21 Figura 15 3ecr waiting Figura 16 4ecr plano viagem ........ 22 Figura 17 5ecr rota no mapa Figura 18 6ecr alterao do idioma . 22 Figura 19 7ecr informao especial .................................................................................... 23

6/26

Quiosque Interativo

Captulo 1:

Introduo

Este projeto est englobado no mbito avaliao da disciplina de Sistemas de Informao Multimdia do 3 ano do curso de Engenharia Informtica. Descreve as fases no desenvolvimento de um quiosque tctil interativo, para facultar informao sobre a rede de transportes pblicos da zona do Porto, pretende-se que seja de fcil utilizao e rpido, ou seja sem necessidade de aprendizagem por parte do utilizador, prope-se a disponibilizar informao sobre, horrios, preos, supresso de servios, realizar planos de viagens.

7/26

Quiosque Interativo

Captulo 2:
1 Introduo

Conceito da Aplicao

Na sequncia de pesquisas realizadas na internet e pesquisa de campo fotografias, referenciamos alguns exemplos de utilizao de grandes crans tcteis, de vrios exemplos encontrados, apenas dois esto relacionados com o trabalho que nos propomos a fazer. Sendo um a base de referncia do nosso projeto.

2
2.1

Exemplos considerados
Quiosque de trnsito em Nova Iorque

Estas imagem descreve a utilizao do quiosque, este permite obter informao sobre toda a viagem, fazer plano de viagem, tudo em tempo real, mapas locais, informao adicional com historia local, lojas e restaurantes nas proximidades, noticias e informaes meteorlogicas.

Figura 1 Quiosque de trnsito em Nova Iorque

8/26

Quiosque Interativo

2.2

Quiosque no Porto

Estas imagens descrevem um dos quiosque disponiveis na estao de So Bento, este permite tirar bilhetes, recarregar passes, obter informao sobre horrios. Neste exemplo podemos verificar alguma similitude com o interface das caixas ATM ou multibanco, esta razo prende-se com o facto de ser um tipo de interface de domnio pblico. O pblico-alvo deste servio so todos os passageiros da CP , entende-se adoo deste interface porque o utilizador tem que se sentir confortvel na utilizao deste servio, sem necessidade de qualquer tipo de conhecimento prvio. Se o interface lhe for familiar promove a utilizao.

Figura 2 Quiosque no Porto (estao de So Bento)

9/26

Quiosque Interativo

Mapa Conceptual

Entende-se por Mapa Conceptual uma descrio das associaes relevantes entre os principais conceitos de um determinado domnio de conhecimento. Usualmente um Mapa Conceptual representado por diagramas (grafos), constituindo-se assim numa linguagem no linear. Podemos usar um mapa conceptual para diferentes finalidades, por exemplo, quando queremos aprender sobre um novo assunto podemos comear identificando os conceitos principais do domnio de conhecimento e ir descobrindo quais as ligaes relevantes entre esses conceitos.

Figura 3 Mapa conceptual

10/26

Quiosque Interativo

Captulo 3:
1 Conceito

Personas

Personas so arqutipos ou modelos que representam um grupo de indivduos, em termos de caractersticas pessoais e seus objetivos.

Perfil do target
Sexo: Feminino/Masculino Idade: 16 60 Educao: Instruo Bsica/Alta Localidade de Residncia: local / forasteiro Rotinas dirias: utilizador de transportes pblicos Conhecimento TI: Pouca experiencia de utilizao de TI Emprego: Estudantes / Funcionrios Pblicos / Operacionais administrativos Extracto Social: Classe Mdia / Baixa Utilizador Principal: Forasteiro / Turista Utilizador Secundrio: Estudantes / Funcionrios Pblicos / Operacionais administrativos

Motivao: Consulta de horrios, preos, planos de viagem, alternativas de transporte, servios suprimidos

Personas

O conceito de personas vai para alm do perfil do target, a personificao do indivduo que faz parte do target, que resulta da pesquisa e recolha de informao sobre utilizadores reais. 3.1 Perfil principal

Nome: Joo

Idade: 26 Estado Civil: Solteiro Extracto Social: Classe Media O Joo trabalhador- estudante universitrio no 2 ano de Arquitectura, adora viajar, para lugares diferentes, tanto em negcios como em turismo. Quando viaja utiliza sempre os transportes pblicos, a sua ambio neste momento conhecer novos lugares e novas culturas. Nunca planeia as suas viagens, ao nvel do trajecto e do transporte, gosta de partir aventura. Utiliza o Facebook para partilhar as suas viagens com os amigos e familiares, No tem muita experiencia com os computadores e a internet.

Motivao: Consulta de horrios, trajetos, preos


11/26

Quiosque Interativo

3.2

Perfil secundrio

Nome: Joana

Idade: 21 Estado Civil: Solteira A Joana uma estudante de jornalismo, utilizadora regular de transportes pblicos, utiliza constantemente o seu smartphone e o seu tablet, gosta de musica pop/comercial. Adepta das novas tecnologias, utilizadora do facebook, blogs , gosta de estar na moda, vive com os pais. Nas horas vagas gosta de passear, cinema e ginsio.

Motivao: Consulta de Alternativas de transporte, motivadas por greves, avaria, atrasos, curiosidade tecnolgica

Cenrios e histrias de utilizao

Joo, 26 anos solteiro

Turista

Cenrio

Necessidades

Funcionalidades da Aplicao Escolha do idioma. Alterar Origem. Escolha de destino. Alterar data e hora da viagem. Escolha do meio de transporte disponvel. Sugesto dos meios de transportes mais econmicos. Sugestes por hora e data de chegada. Consulta de horrio e preo. Gerar plano de viagem Envio de SMS ou QRCode. Visualizao do trajecto no mapa.

Contar a histria

Joo quer conhecer a Informao necessria: cidade e optou por Consulta de horrio, Preos para os diversos utilizar os destinos, transportes pblicos Tempo previsto de viagem para se deslocar, Transportes alternativos mais dirige-se a uma prximos estao do metro Plano de viagem para consultar horrios e preos.

Escolher destino no mapa (forma visual) ou digitar o destino (teclado virtual). Solicitar os meios de transporte disponveis mais prximos Escolher o meio de transporte. Consulta ordenada por hora de partida com preo. Solicitar o envio do plano de viagem por SMS ou QRCode.

Tabela 1 - 1 cenrio

12/26

Quiosque Interativo

Joana, 21 anos solteira

Estudante jornalismo

Cenrio

Necessidades

Funcionalidades da Aplicao Escolha do idioma. Alterar Origem. Escolha de destino. Alterar data e hora da viagem. Escolha do meio de transporte disponvel. Sugesto dos meios de transportes mais econmicos. Sugestes por hora e data de chegada. Consulta de horrio e preo. Gerar plano de viagem Envio de SMS ou QRCode. Visualizao o trajeto no mapa.

Contar a histria

Joana esqueceu-se do Informao necessria: telemvel, pretende saber Consulta de horrio, os horrio possveis para Preos para os diversos se deslocar para a destinos, faculdade, por motivo de Tempo previsto de viagem greve. Transportes alternativos mais prximos Quer saber o meio de Plano de viagem transporte mais prximo para se deslocar para a faculdade.

Escolher destino no mapa (forma visual) ou digitar o destino (teclado virtual). Consulta de servios Extraordinrios Solicitar os meios de transporte disponveis mais prximos Escolher o meio de transporte. Consulta ordenada por hora de partida com preo. Solicitar o envio do plano de viagem por SMS ou QRCode.

Tabela 2 2 cenrio

13/26

Quiosque Interativo

Captulo 4:
1 Conceito

Card Sorting

O Card Sorting uma metodologia utilizada para o estudo do agrupamento mental de conceitos pelos utilizadores, para que se consiga desenvolver uma arquitetura de informao centrada no utilizador, maximizando a probabilidade de uma pessoa encontrar o que pretende. Note-se que uma tcnica que no substitui os testes de usabilidade preponderantes para a avaliao de um sistema. 1.1 Resultado recolhido

No processo de Card Sorting, obtivemos 4 resultados diferentes na disposio das funes apresentadas, este exerccio foi-nos til na interpretao da perceo que um potencial utilizador do sistema tem da disposio das funcionalidades propostas, recolhemos tambm novas funcionalidades, outras foram consideradas inoportunas para o tipo de servio propostos ex. (plano de viagem por SMS).

Figura 4 4 resultados card sorting

14/26

Quiosque Interativo

1.2

Arquitetura formal

Este diagrama representa a sequncia das funes do servio proposto, resultado da consulta participada obtida atravs do card sorting.

Figura 5 Arquitetura formal

15/26

Quiosque Interativo

Captulo 5:
1 Introduo

Acessibilidade fsica

No tipo de servio proposto, consideramos tambm os utilizadores com deficincia motora, na busca deste propsito orientamos o nosso prottipo para a referncia do exemplo da interface do quiosque de trnsito de Nova Iorque (figura 1), visto este considerar este publico alvo, dispondo todas as funcionalidades a meio do ecr por forma a serem acessveis sem esforo fsicos por ambos os utilizadores. Propomos a alternncia do ecr de consulta da parte superior para a parte inferior por opo do utilizador.

Figura 6 Arquitetura de fsica do hardware

16/26

Quiosque Interativo

Captulo 6:
1

Prottipos

Baixa-Fidelidade

Descreve as funcionalidades do sistema de forma grfica sem grande preocupao esttica, mas permitiu fazer ajustes na disposio da funes propostas no mapa conceptual e j alteradas pelo exerccio de card sorting.

Figura 7 prottipo de baixa fidelidade

17/26

Quiosque Interativo

1.1

Validao e testes

Este exerccio de validao do prottipo de baixa-fidelidade, permitiu ter um perceo do tamanho dos objetos no ecr, realizar melhorias de acesso a esses mesmos objetos e acrescentar funes ex. (ecr informativo de partidas e chegadas). Mais uma vez, foi importante a validao deste prottipo junto de pessoas que nada tinham a ver com a realizao do projeto, opinio recolhida no trio da ULP. Exemplo grfico de alguns dos ecrs modificados:

Esta imagem reflete a alterao no tamanho de alguns objetos. A saber, todas as caixas de texto e o tamanho do teclado.

Figura 8 prottipo de baixa fidelidade 1 exemplo alterado

Esta imagem reflete a introduo do novo boto para voltar e o ao ecr anterior e QR-Code.

Figura 9 prottipo de baixa fidelidade 2 exemplo alterado

Nota: Grande maioria das pessoas consultadas desconhecia o QR-Code, no entanto aps explicar a sua utilidade, foram unnimes em considerar til para utilizadores mais conhecedores de tecnologia, podendo ser mesmo ser um elemento diferenciador, na adoo do servio.

18/26

Quiosque Interativo

Alta-fidelidade Beta
O prottipo de alta-fidelidade extremamente prximo do produto final, os detalhes so importantes, pois, simulam todas as funcionalidades do sistema. A apresentao formal sugere produto acabado, pois alm de visualizar as conexes, conseguimos visualizar o design grfico, o uso das cores, os tipos, etc. Este mtodo permite que os utilizadores reajam ao design e sugiram mudanas, porm, importante observar que, em geral, os utilizadores no se sentem confortveis em desafiar os designers. Como este tipo de prottipo d nfase preciso e definio de detalhes, tem mais custos de elaborao.

Figura 20 prottipo de alta-fidelidade (apresentado nas aulas)

3
3.1

Alta-fidelidade Final
Consideraes sobre as razes da alterao Na sequncia da apresentao do prottipo de alta-fidelidade este suscitou algum desconforto, devido aproximao que tinha ao exemplo d (figura 1 quiosque de Nova Iorque), no na disposio das funes mas no interface de utilizao; querendo ns evitar esse tipo de associao, porque sempre foi nossa postura garantir honestidade intelectual nos trabalhos apresentados, resolvemos ajustar o prottipo de alta-fidelidade.

19/26

Quiosque Interativo

3.2

Hardware proposto Conforme visvel na imagem, um equipamento que tem 3 nveis de ajustamento possvel por hardware, deslizando na calhe de suporte.

Figura 31 Modelo de hardware proposto

3.3

Acessibilidade As questes de acessibilidade ficam tambm asseguradas neste novo modelo proposto, sempre foi um objetivo durante a realizao deste trabalho e por razes bvias condiciona as escolhas a tomar, para no comprometer a usabilidade do servio.

Figura 42 Modelo de acessibilidade

20/26

Quiosque Interativo

3.4

Prottipo final As alteraes introduzidas no comprometem as sugestes recolhidas nas fases anteriores do processo (card sorting e prottipo de baixa-fidelidade), apenas, consideramos ns, esto mais focadas no servio e no numa logica comercial como o modelo verso beta.

Alteraes introduzidas: o Deixamos cair a publicidade, focando o produto no servio. o Existe s um ecr. o Fixamos os botes com as opes no lado esquerdo do ecr. o Fixamos a informao referente a partidas e chegadas dos transportes na parte inferior do ecr.

Figura 53 1ecr principal

Figura 64 2ecr consulta

21/26

Quiosque Interativo

Figura 75 3ecr waiting

Figura 86 4ecr plano viagem

Nota: o plano de viagem presentado de forma visual com cores diferentes por tipo de transporte com informao de transbordo necessria.

Figura 97 5ecr rota no mapa

Figura 108 6ecr alterao do idioma

Nota: A alterao do idioma possvel em qualquer fase da consulta.

22/26

Quiosque Interativo

Este ecr ira surgir em situaes especiais com informao adicional ex. (transportes suprimidos, atrasos, avarias, acidentes, anuncio de greve e outras que possam ser consideradas relevantes em relao aos transportes em foco.

Figura 119 6ecr informao especial

23/26

Quiosque Interativo

Captulo 7:

Concluso

Durante o decorrer de todas estas fases de desenvolvimento deste projeto, ficou para ns claro a importncia de envolver outras pessoas para alm dos tcnicos, pensar e definir o nosso pblico-alvo Personas, da necessidade de validar prottipos quando estes ainda esto numa fase inicial prottipo baixa-fidelidade, no s pela perspetiva diferente que obtemos do nosso modelo, mas tambm pela vantagem que temos em termos de custo na alterao desse prottipo por se encontrar numa base embrionria. Com recurso a um modelo de engenharia concorrente que fomenta aproximao entre equipas de designer, programadores, utilizadores do produto a desenvolver, obtivemos contributos significativos em todas as fases do processo. Em suma foi-nos dado uma perspetiva diferente daquela que tnhamos tido at esta fase do curso, que tinha sido orientado com foco na resoluo de problemas sem considerar muito o utilizador final. Tivemos tambm oportunidade de experimentar algumas ferramentas colaborativas.

Quem so os consumidores para dizer o que os consumidores querem! Ricardo Arajo Pereira

24/26

Quiosque Interativo

Bibliografia
[1] http://www.gcpvd.org/2011/09/22/like-new-york-transit-on-the-go-interactive-transitkiosks/ [2] http://www.webmarketingpt.com/marketing/o-que-sao-personas-e-o-que-podem-fazerpor-si/#axzz2HDsYEAWj [3] http://www.gkm.pt/ [4]http://prezi.com/bzpkrcn0utw7/present/?auth_key=ykczmnn&follow=s5sr57ugtac7&kw=p resent-bzpkrcn0utw7&rc=ref-21640641 [5] http://simulp.wordpress.com/ [6] http://sitiulp.wordpress.com/projecto-tactil/

25/26

Quiosque Interativo

A Anexos
A.1 Prottipo de Alta-fidelidade Beta
No sendo este o nosso modelo final, foi aquele que demonstramos na aula de apresentao, no estado claramente visvel no relatrio, evidenciamos em anexo.

26/26