You are on page 1of 190

Universidade Federal de Pernambuco Centro de Artes e Comunicao Departamento de Design

Site Rota Recife: uma aplicao desktop e mobile

Gabriele Maria Silva dos Santos Recife, 2009

Universidade Federal de Pernambuco Centro de Artes e Comunicao Departamento de Design

Site Rota Recife: uma aplicao desktop e mobile

Monografia apresentada Universidade Federal de Pernambuco como pr-requisito para obteno do grau de Bacharel em Design. Orientadora: Profa. Isabella Arago

Gabriele Maria Silva dos Santos Recife, 2009

SANTOS, Gabriele Maria Silva dos

Site Rota Recife: uma aplicao desktop e mobile. Recife: UFPE. 2009. Monografia de Graduao em Design - Universidade Federal de Pernambuco, CAC, Design, 2009. Palavras-chave 1. Websites 2. Web mobile 3. Projeto web 4. Dispositivos mveis

Universidade Federal de Pernambuco Centro de Artes e Comunicao Departamento de Design

Gabriele Maria Silva dos Santos

Site Rota Recife: uma aplicao desktop e mobile

Parecer da Comisso Examinadora A comisso examinadora, composta pelos professores abaixo, sob a orientao do primeiro, considera a candidata Gabriele Maria Silva dos Santos APROVADA no Curso de Bacharelado em Design pela Universidade Federal de Pernambuco. Recife, 20 de julho de 2009.

________________________________________________ Isabella Ribeiro Arago (Orientadora)

________________________________________________ Andr Menezes Marques das Neves (UFPE)

________________________________________________ Jos Pirau Alves Gonalves (UFPE)

Dedico este trabalho aos meus pais, Snia e Gilson. Por tudo que me ensinaram e por tudo que para mim representam. Amor e incentivo que me fortalece.

Agradecimentos

Agradeo minha famlia, meus pais, Snia e Gilson, minha irm, Graciele e meu sobrinho Caio. Por todo o amor, pela confiana que sempre depositaram em mim, o apoio s minhas decises, as palavras de incentivo e ajuda prestada por cada um sua maneira. Sem eles eu nada teria conseguido. minha amiga Aline, pelas sees de terapia ao telefone e pelos ouvidos e corao sempre atentos as minhas histrias. Agradeo professora Isabella, por toda orientao e confiana no meu trabalho, pela competncia, pacincia e dedicao prestada. Agradeo aos professores do curso e todos os amigos de turma pelas experincias valiosas. todos os meus amigos que de perto, ou do outro lado do oceano, acompanharam a minha trajetria nesse trabalho, se dispondo a ajudar nas entrevistas, questionrios, avaliaes e testes, torcendo sempre para meu sucesso. Agradeo em especial a Deus, pelas oportunidades que coloca em meu caminho e principalmente pelas pessoas que pe em minha vida.

(...) o mundo digital converge mesmo nos celulares (...). Afinal de contas, somos, o tempo todo, mveis Slvio Meira

Resumo

A necessidade de comunicao mvel constante e a conseqente miniaturizao dos artefatos que a representam, transforma nossas experincias na web atravs da web mobile. O foco deste trabalho projetual a criao de um site com roteiros tursticos na cidade do Recife e sua aplicao na web desktop e web mobile. Partindo da anlise das relaes entre a sociedade e os aparelhos celulares, a confluncia das mdias nos dispositivos mveis e o crescimento da web mobile, aborda-se questes de design da interao, usabilidade e acessibilidade, alm de diretrizes de design em projetos web para celulares. Durante o desenvolvimento do projeto, o contato constante com os usurios, suas crticas e sugestes, so de fundamental importncia para atingir os objetivos e necessidades do projeto, resultando na construo das duas verses do website. Palavras-chave Websites, web mobile, projeto web, dispositivos mveis

Abstract

The need for constant mobile communication and the consequent miniaturization of artifacts that represent it, have transformed our experience in web through the web mobile. The aim of this study is to create a site with tourist itineraries of Recife city and its application in mobile web and web desktop. The study start from analysis of relations between the society and the cell phones, the confluence of media in mobile devices and the mobile web growth. It addresses issues of interaction design, usability and accessibility, and webdesigns guidelines for mobile phones. During the development of the project, the constant contact with users, their criticisms and suggestions, are extremely important for achieving the goals and needs of the project, resulting in the construction of two websites versions. Keywords Websites, mobile web, web project, cell phone, tourist itinerary

Sumrio

1. Introduo | 16
1.1. Objeto | 16 1.2. Objetivo | 16 1.3. Objetivos especficos | 16 1.4. Justificativa | 16

2. Celular: alm de um telefone mvel | 18


2.1. A relao da sociedade com os celulares | 20 2.2. Confluncia das mdias at a web mvel | 21

3. Design da interao | 24
3.1. Usabilidade | 25 3.1.1. Eficcia | 26 3.1.2. Eficincia | 27 3.1.3. Segurana | 27 3.1.4. Utilidade | 27 3.1.5. Facilidade de aprendizado | 28 3.1.6. Facilidade de memorizao | 28 3.2. Experincia do usurio | 29 3.3. Acessibilidade | 29

4. Diretrizes de design para a web mvel | 32


4.1. Estratgias | 32 4.1.1. Uma nica verso x verses separadas | 33 4.2. Arquitetura da informao | 34 4.3. Design visual | 36 4.3.1. Diferentes resolues | 36 4.3.2. Projetando para um dispositivo conhecido | 37 4.3.3. Paradigmas da navegao web | 38 4.3.4. Layout | 38 4.3.5. Tamanho das imagens | 39 4.4. Publicao | 39 4.4.1. Browsers | 39 4.5. URLs | 40 4.6. Testes de usabilidade | 41

5. Metodologia do Projeto | 42
5.1. Plano de estratgia | 43 5.1.1. Objetivos do site | 43 5.1.2. Necessidade dos usurios | 44 5.1.2.1. Pblico alvo | 44 5.1.2.2. Segmentao dos usurios | 44 5.1.2.3. Entrevistas | 44 5.1.2.4. Definio de personagens | 44 5.2. Plano de escopo | 45 5.2.1. Anlise de similares | 45 5.2.2. Contedo | 45 5.3. Plano de estrutura | 45 5.3.1. Card sorting | 46 5.3.2. Arquitetura da informao | 46 5.4. Plano de esqueleto | 46 5.4.1. Sistema de navegao | 47 5.4.2. Wireframe | 47 5.5. Plano de superfcie | 47 5.5.1. Anlise de similares | 47 5.5.2. Gerao de alternativas e seleo | 48 5.5.3. Avaliao esttica | 48 5.5.4. Layout | 48 5.6. Prottipo digital | 49

6. Desenvolvimento do projeto | 50
6.1. Plano de estratgia | 50 6.1.1. Objetivos do site | 50 6.1.2. Necessidade dos usurios | 50 6.1.2.1.Pblico alvo | 50 6.1.2.2. Segmentao dos usurios | 50 6.1.2.3. Entrevistas | 51 6.1.2.4. Necessidades | 70 6.1.2.5. Definio dos personagens | 70 6.2. Plano de escopo | 77 6.2.1. Anlise de similares | 77 6.2.2. Contedo | 81 6.3. Plano de estrutura | 84 6.3.1. Card sorting | 84 6.3.2. Arquitetura da informao | 87 6.4. Plano de esqueleto | 90 6.4.1. Sistema de navegao | 90 6.4.2. Wireframe | 92 6.5. Plano de superfcie | 93

6.5.1. Anlise de similares | 93 6.5.1.1. Similares indiretos | 94 6.5.1.2. Similares diretos | 98 6.5.2. Gerao e seleo de alternativas | 102 6.5.3. Avaliao esttica | 104 6.5.4. Layout | 115 6.5.4.1. Desktop | 116 6.5.4.2. Mobile | 123 6.6. Prottipo digital | 126

7. Concluso | 127 Referncias bibliogrficas | 129 Anexo I - Entrevistas | 131 Anexo II - Card Sorting | 163 Anexo III - Avaliao Esttica (TAE.web-u) | 171

Lista de figuras

Figura 1 - DynaTac 8000x da Motorola (1983). Pesava 1kg, memria para 30 nmeros e uma hora de conversao. Representava uma revoluo na comunicao. | 18 Figura 2 - iPhone da Apple (2007).Sem teclado, tela sensvel ao toque por touchscreen e inmeras funcionalidades. Considerado o mais moderno dos celulares da chamada terceira gerao. | 19 Figura 03 - iPhone (2008). Novo sistema operacional, acesso a internet mais rpido que o modelo anterior, novas cores e barateamento do aparelho. | 19 Figura 04 - Danger Hiptop (2002), Sanyo SCP-5300 (2002) e Motorola Rokr (2005) Insero de novas mdias nos dispositivos. | 22 Figura 05 - Verso mvel do site da CNN. | 34 Figura 06 - Verso mvel do site da Microsoft. | 34 Figura 07 - Modelo da arquitetura de um site desktop. | 35 Figura 08 - Modelo da arquitetura do mesmo site mostrado anteriormente, em verso mobile. | 35 Figura 09 - Comparao dos vrios tamanhos de tela de celulares. Figura 10 - Wireframe de um site desktop. | 36 Figura 11 - Wireframe de um site mobile, contedo verticalizado. | 38 Figura 12 - Emulador do Ready.mobi | 39 Figura 13 - Emulador do Opera Mini Features. | 39 Figura 14 - Visualizao do site da MSDN no Pocket Internet. | 50 Figura 15 - Visualizao do site da MSDN no Explore Mobile e no NetFront. | 50 Figura 16 - Visualizao do site da MSDN no Srie 60. | 50 Figura 17 - Visualizao do site da MSDN no Opera. | 50 Figura 18 - Visualizao do site da MSDN Opera Mini. | 50 Figura 19 - Modelo dos planos, da estratgia superfcie (do abstrato ao concreto). | 42 Figura 20 - Modelo dos dados para definio dos personagens. | 45 Figura 21 - Ficha de Fernando, representante do grupo dos usurios locais. | 73 Figura 22 - Ficha de Erika, representante do grupo dos turistas. | 76 Figura 23 - Portal de Turismo iPernambuco. | 77 Figura 24 - Site Pernambuco Conhece Pernambuco. | 78 Figura 25 - Site Visit Califrnia. | 79 Figura 26 - Site London England. | 79

Figura 27 - Site Berlim. | 80 Figura 28 - Site Berlim - seo explore. | 80 Figura 29 - Site Srilank. | 80 Figura 30 - Estrutura e nomenclatura inicial do contedo principal para aplicao do Card sorting. | 84 Figura 31 - Arquitetura para o site desktop. | 88 Figura 32 - Arquitetura com adaptaes para o site mobile. | 89 Figura 33 - Wireframe da pgina inicial para o projeto desktop. | 93 Figura 34 - Wireframe da homepage mobile. | 93 Figura 35 - Wireframe da pgina interna mobile. | 93 Figura 36 - Envelope e folder do Parque Temtico da Madeira. | 94 Figura 37 - Calendrio e coleo de postais : Recife: pontes, rios e histrias. | 95 Figura 38 - Livro de bolso, Mercados do Recife. | 96 Figura 39 - Revista In Magazine. | 97 Figura 40 - Telas do site 180 Degrees. | 98 Figura 41 - Telas do site Northeast England. | 99 Figura 42 - Telas do site South Africa. | 100 Figura 43 - Telas do site Tourisme Montral. | 101 Figura 44 - Alternativa 01. | 102 Figura 45 - Alternativa 02. | 102 Figura 46 - Alternativa 03. | 103 Figura 47 - Layout final. | 115 Figura 48 - Detalhes de alguns elementos utilizados no layout. | 116 Figura 49- Camparao da pgina inicial com seu wireframe. | 117 Figura 50 - Navegao primria. | 118 Figura 51 - Navegao utilitria. | 118 Figura 52 - Navegao contextual. | 118 Figura 53 - Wireframe geral das pginas internas. | 118 Figura 54 - Tela Roteiros. | 119 Figura 55 - Tela Roteiro Recife Antigo. | 120 Figura 56 - Visualizao de fotos. | 121 Figura 57 - Tela Cadastre-se. | 122 Figura 58 - Tela da pgina principal mobile. | 123 Figura 59 - Wireframe da pgina principal mobile. | 123 Figura 60 - Sistemas de navegao mobile. | 124 Figura 61 - Tela Roteiro. | 124 Figura 62 - Tela Roteiro Recife Antigo. | 125 Figura 63 - Tela de fotos do roteiro. | 125 Figura 64 - Tela Contatos. | 125

Lista de Tabelas

Tabela 1 - Tabela de estilo de esboo de alternativas. | 103 Tabela 2 - Mdia das notas da avalio esttica. | 112 Tabela 3 - Problemas encontrados na avaliao esttica. | 113 Tabela 4 - Sugestes dos usurios na avaliao estticai. | 113

Site Rota Recife: uma aplicao desktop e mobile

1. Introduo

1.1. objeto 1.2. objetivo 1.3. objetivos especficos

Sites web e mobile.

O objetivo geral desenvolver um site acessvel nas plataformas web e mobile.

O trabalho tem como objetivos especficos realizar um estudo inicial sobre design de interao, usabilidade e acessibilidade; compreender o funcionamento dos dispositivos; as necessidades do usurio e a relao desenvolvida at ento entre usurio celular internet. Realizar comparaes entre os projetos desenvolvidos para a web desktop e web mobile. Investigar diretrizes de design para web mobile.

1.4. justificativa

Na era da tecnologia e da informao a internet deixou de ser uma novidade e passou a fazer parte do dia-a-dia das pessoas. Estar on line ou off line interfere diretamente nas relaes pessoais e profissionais da nova sociedade. A necessidade de comunicao constante foi importante para o surgimento de diversos aparelhos mveis: celulares, laptops, entre outros. Pela necessidade da disponibilidade a qualquer hora e local, o tamanho dos aparelhos mveis tambm tem evoludo. Eles esto cada vez menores e multifuncionais, caminhamos para a confluncia das mdias. O celular que antes s fazia e recebia ligaes, hoje, tem diversas funes como envio de mensagens de texto, fotos, msicas, acesso a internet, agenda, calculadora, Mp3, rdio, etc. O acesso internet pelo celular est se difundindo rapidamente e os investimentos para melhoria da chamada web mobile esto crescendo. A indstria de celulares investe pesado todo ano em novas tecnologias. Vrias empresas esto organizadas em torno do grupo dotMobi, por exemplo, que corresponde a TLD .mobi (TLD - Top Level Domain, que define o tipo de

- 16

Site Rota Recife: uma aplicao desktop e mobile

domnio - .com , .net, .org e .mobi so exemplos de TLDs). A .mobi foi criada para indicar especificamente os sites compatveis com dispositivos mveis. Entre os investidores que apiam esses grupos esto empresas como Nokia, Google, Microsoft, Sansung, TIM e Visa. No Brasil, segundo dados da 19 edio da Pesquisa Internet Pop, realizada em 2008, pelo Ibope, 5% dos internautas brasileiros j usam a web mvel. Pode parecer pouco, mas segundo a pesquisa, esse nmero cresce vertiginosamente. De acordo com dados apurados pela consultora Predicta, houve, s nos ltimos meses de 2007, um aumento de 181% na tendncia de acesso web por celulares. O nmero de requisies via celulares passou de 55 mil em agosto para mais de 155 mil em dezembro do mesmo ano. O surgimento de novos aparelhos tambm impulsiona o acesso mvel no Brasil. A Predicta, por exemplo, atribui parte do aumento do sucesso das campanhas online nos grandes portais, ao acesso por meio de iPhones. Completando esse cenrio tem-se o crescimento das redes de telefonia celular 3G, que permitem o acesso mvel de banda larga a preos cada vez mais acessveis. Assim, os sites, antes acessados somente pelo computador, agora precisam ser projetados para essa nova modalidade da web levando em considerao uma srie de limitaes e necessidades especficas. de grande valia que a internet tambm possa ser acessada pelos celulares, mas vital que as pginas sejam as mais usveis possveis para seus usurios. Esta pesquisa pretende no s analisar as adequaes nos sites para celular, mas tambm projetar um site que responda as suas necessidades, atravs das diretrizes levantadas. O trabalho pretende, sobretudo, contribuir aos interessados no assunto sobre a responsabilidade do design nessa modalidade da web.

- 17

Site Rota Recife: uma aplicao desktop e mobile

2. Celular: alm de um telefone mvel

Abreu (2005) descreve que por volta de 1947, a empresa americana Bell Company, desenvolveu um sistema que permitia a utilizao de telefonia mvel dentro de uma determinada rea utilizando o conceito de clulas, ou reas de cobertura, derivando deste o nome celular. Entretanto, a FCC (Federal Communication Commission) disponibilizou poucas freqncias de rdio, possibilitando que somente 23 pessoas se conectassem simultaneamente ao sistema de uma determinada rea, o que tornou a tecnologia invivel comercialmente. Segundo Abreu (ibid.), levou cerca de 20 anos para a FCC reconsiderar o nmero de freqncias destinadas telefonia mvel e aumentar esse nmero para suportar mais usurios. Em 1968, as empresas AT&T e Bell definiram o sistema de uso de torres para atender aos usurios por reas, conforme seu deslocamento, e, desta forma, continuou a propagao do sistema at a cobertura que conhecemos nos dias atuais. Em 1973, j havia sistema de comunicao instalado em carros de polcia. A Motorola, no mesmo ano, foi a primeira empresa a incorporar essa tecnologia a um dispositivo mvel de comunicao fora de veculos e para uso pessoal. Porm, somente em 1983 surgiu o primeiro celular aprovado pela FCC, o DynaTAC 8000x (figura 1), da Motorola, que investiu 15 anos de pesquisas em tecnologia mvel celular. O DynaTac 8000x iniciou o uso comercial da telefonia celular nos Estados Unidos e no mundo. A novidade tecnolgica pesava cerca de 1kg, tinha memria para 30 nmeros, capacidade para uma hora de conversao e oito de stand-by. Os consumidores ficaram impressionados com a idia de estar sempre conectados e mesmo com o custo de cerda de quatro mil dlares, as listas de espera pelo aparelho chegavam aos milhares. A chegada dos celulares no Brasil ocorreu em 1990 e 13 anos depois, em agosto de 2003, o nmero de usurios da telefonia mvel ultrapassou os da telefonia fixa. Segundo dados da Agncia Nacional de Telecomunicao (ANATEL) no final de 2003 o total de acessos mveis no Brasil era de mais de 46 milhes, representando uma densidade de 26,2 por 100 habitantes. Em novembro de 2004, a Anatel divulgou que esse percentual de acesso subiu para 31,3% da populao brasileira. Um aumento de 27%, de 2003 para 2004, na

Figura 1 - DynaTac 8000x da Motorola (1983). Pesava 1kg, memria para 30 nmeros e uma hora de conversao. Representava uma revoluo na comunicao.

- 18

Site Rota Recife: uma aplicao desktop e mobile

teledensidade da telefonia mvel no Brasil. (Abreu, 2005) Passados 25 anos do incio da telefonia mvel comercial no mundo, o conceito de uso desse dispositivo teve a insero de novos valores. Hoje o celular tornou-se uma extenso do estilo de vida do consumidor; um sistema capaz de enriquecer relacionamentos, aumentar a produtividade e divertir. Isso significa comunicar, dividir, criar e divertir com voz, textos, imagens, msicas e vdeos. Conforme normalmente ocorre na rea tecnolgica, o preo dos celulares foi diminuindo. Com o barateamento, o nmero de usurios no mundo passou de cerca de 300 mil, em 1984, para mais de 2,5 bilhes atualmente. medida em que a indstria crescia, as empresas antecipavam a demanda por insero de novas tecnologias. Jogos, msica, imagens digitais e acesso sem fio internet consolidam uma nova imagem dos dispositivos, chamados de aparelhos da terceira gerao. Porm, vale lembrar que novas verses de aparelhos surgem a cada instante, tornando o que era a ltima gerao de ontem na tecnologia ultrapassada de amanh.

Figura 2 - iPhone da Apple (2007).Sem teclado, tela sensvel ao toque por touchscreen e inmeras funcionalidades. considerado o mais moderno dos celulares da chamada terceira gerao.

Figura3 - iPhone (2008). Novo sistema operacional, acesso a internet mais rpido que o modelo anterior, novas cores e barateamento do aparelho.

- 19

Site Rota Recife: uma aplicao desktop e mobile

2.1. A relao da sociedade com os celulares

O uso do aparelho de celular, h tempos, deixou de ser considerado suprfulo. Desde novas formas de contato pessoal, passando por reas de negcios, at salvamento de vidas; tudo foi melhorados atravs do dispositivo mvel. O poder de estar conectado aliado questo da mobilidade inseriu os dispositivos no dia-a-dia da sociedade de tal forma que hoje eles so vistos quase como parte do ambiente. A sociedade tem aderido to facilmente aos novos sistemas computacionais que eles deixam de ser entidades evidentes para diluir-se no ambiente, mediando atividades do dia-a-dia sem demandar grande esforo para sua realizao. Essa definio caracteriza a chamada ubiqidade computacional (ubiquitous computing ou ubicomp): tecnologias que desaparecem no ambiente, sendo mais percebidas quando esto ausentes da cena do que pela presena constante, definido por Pinheiro e Spitz (2007). Segundo os autores, o conceito de ubiqidade foi introduzido por Mark Weiser na dcada de 80, pesquisador da Xerox-Parc. Weiser (apud Pinheiro e Spitz, 2007) imaginava um futuro no qual tecnologias computacionais fariam parte do tecido da vida cotidiana, ressaltando que as tecnologias mais avanadas seriam aquelas que desaparecessem no plano de fundo do nosso entorno. A presena da tecnologia computacional poderia ser comparada no futuro com a presena da eletricidade no cotidiano dos grandes centros urbanos. Ainda no chegamos a esse grau de absoro de tecnologia computacional descrita por Weiser (ibid). Porm, a telefonia mvel atingiu um patamar que permeia todo o tecido da sociedade moderna e que, assim como os computadores, criou um forte vnculo de dependncia. No entanto, ao contrrio dos computadores pessoais, os celulares atingiram uma massificao ainda maior. Em muitos paises o crescimento do nmero dos aparelhos se deve graas aos planos pr-pagos. Segundo Abreu (2005), em junho de 1999, quando foi lanado o pr-pago no Brasil, este representava 15% da base de assinantes; um ano depois j era 50% dos usurios. O ano de 2003 fechou com 76% do mercado nessa modalidade de assinatura, representando 35 milhes de usurios no Brasil. A pesquisadora e antroploga, Heather Horst (2006), que estudou os impactos dos aparelhos de celular na Jamaica, identificou que apesar dos altos nveis de pobreza na regio, dificilmente se encontrava uma residncia que no tivesse, ao menos, um celular. Para a antroploga, a exploso dos celulares no pas deve-se em grande parte a compra dos aparelhos por famlias de baixa renda, pois as pessoas querem ser parte do mundo globalizado, e apesar de no poderem fazer muita coisa com o aparelho, ele era o smbolo da sua conectividade.

- 20

Site Rota Recife: uma aplicao desktop e mobile

Essa alta popularizao do celular viabilizou e alavancou negcios em todo o mundo. Hoje em dia no difcil encontrar profissionais que tenham suas atividades, de certa forma, dependentes do celular, desde o grande empresrio, que mesmo nas frias tem que resolver alguns assuntos da empresa, como aquele pequeno comerciante que depende do aparelho para realizar suas entregas. A popularizao dos aparelhos fez crescer, em especial, negcios dos trabalhadores de renda mais baixa, possibilitando a criao de um contato permanente com escritrios mveis de diversos tipos de trabalhadores autnomos, a maioria dentro da informalidade da relao de trabalho, realidade que tem nveis ascendentes no Brasil. (ABREU, 2005) Vivemos em um cotidiano com crescente utilizao de sistemas computadorizados e situaes cada vez menos dependentes do uso de computadores do tipo desktop. Os sistemas computacionais do cotidiano so cada vez mais mediados por aparelhos que fazem uso da mobilidade. Essa nova prtica permite acessar, ser acessado, emitir informaes, e comunicarse a qualquer tempo e lugar. Diluem-se os limites de nossos territrios. Tempo e espao tornam-se fluidos, relaes hierrquicas deixam de fazer sentido, confunde-se o pblico e o privado, o lazer e o trabalho, produtores e consumidores. Esses limites, cada vez mais tnues, do oportunidade a muita discusso sobre os reais benefcios de conexo constante, de relacionamentos e interaes mediadas pelos meios computacionais a qualquer tempo, em qualquer lugar.

2.2. Confluncia das mdias at a web mvel

Passamos do fongrafo com microfone de carvo, em 1878, para os celulares; das engenhocas que tiravam fotos em 1839, para as cmeras digitais; dos computadores de grande porte dos anos 70, que geralmente eram utilizados por um grupo de especialistas, para os computadores pessoais na dcada de 80. Segundo Pinheiro e Spitz (2007), no final do sculo XX, o uso massivo da Internet e dos computadores em rede pode ser entendido como a formao de um grande computador coletivo e multitarefa, compartilhado simultaneamente por diversas pessoas de forma descentralizada. O futuro parece apontar para um cenrio no qual fica difcil perceber os limites de apropriao e utilizao das tecnologias computacionais, uma vez que estas se fundem ao ambiente. Os computadores fazem parte da paisagem e o que conhecemos como pervasive computing.
O termo pervasive computing tem sido utilizado para designar o contexto no qual as tecnologias de informao e comunicao (TICs) combinamse com objetos diversos (como celulares, pagers, relgios, carros, espaos

- 21

Site Rota Recife: uma aplicao desktop e mobile

arquitetnicos) para compor novos dispositivos de mediao.( PARAGUAI e TRAMONTANO apud PINHEIRO e SPITZ, 2007)

E um elemento crucial dessa nova tecnologia ser o alto nvel de comunicao entre os vrios dispositivos e sensores participantes, o que permitir uma infra-estrutura de sincronizao, segurana e comunicao de uma forma transparente e generalizada, como nunca vista. A mobilidade parece ser a palavra chave para entender a miniaturizao dos componentes, a juno de vrias ferramentas em um mesmo dispositivo e muitas outras caractersticas que alteram a maneira como as pessoas utilizam as tecnologias atualmente. A absoro de novas tecnologias tem acontecido de forma cada vez mais rpida. Novidades que antes demoravam cerca de cinco anos para se espalhar pelo mundo, hoje, em pouco tempo j fazem parte do dia-a-dia das pessoas. A tendncia de reunir vrios dispositivos em um nico aparelho tambm tem evoludo de acordo com as necessidades dos usurios de economizar tempo e espao, na tentativa de resolver o maior nmero de problemas de forma rpida e a qualquer instante. A revista PC World/EUA publicou em 2007 a histria da evoluo dos aparelhos de celular at a chegada do iPhone. Com base na publicao, Se observarmos a evoluo dos telefones celulares, notaremos a gradual insero de novos recursos com o passar do tempo. O Danger Hiptop, lanado em 2002, por exemplo, e nomeado como o melhor produto de 2003 pela edio norteamericana, tinha funes ativadas por voz e foi um dos primeiros celulares a oferecer funes reais de acesso web, e-mails e mensagens instantneas. O Sanyo SCP-5300, tambm lanado em 2002, foi o primeiro celular com cmera fotogrfica disponvel no mercado. Em sua maior resoluo, ele capturava imagens em VGA (640 por 480 pixels). Na poca, um sucesso e que hoje tarefa desempenhada com extrema facilidade por celulares, como o Nokia N95 e sua cmera de 5 megapixels. J o Motorola Rokr, lanado em 2005, era o primeiro telefone a incorporar o software musical da Apple. Ele permitia aos usurios a transferncia de faixas do iTunes para o telefone, que podiam ser executadas a qualquer momento.

Figura 4 - Danger Hiptop (2002), Sanyo SCP-5300 (2002) e Motorola Rokr (2005) Insero de novas mdias nos dispositivos.

- 22

Site Rota Recife: uma aplicao desktop e mobile

No ponto atual da evoluo dos meios tecnolgicos e das prticas associadas a esses meios, somos cada vez mais bombardeados por produtos que concentram uma infinidade de funes e demandam imerso ateno do usurio para sua utilizao. E um dos exemplos mais interessantes o telefone celular. Nos celulares atualmente podemos encontrar alm dos recursos padres de plataforma de jogos, agenda, relgio e identificador de chamadas; funcionalidade de mp3, cmera digital, manipulao de imagens, sons, vdeo e o acesso a web. Sterling (2004) classifica esses tipos de aparelhos, que longe de se integrarem paisagem demandam muita ateno para manipulao das inmeras funes que contm, como gizmos, uma nova classe de objeto, numa linha evolutiva que relaciona os artefatos de nossa cultura material com a sociedade que deles derivam. A internet, por sua essncia, traz consigo inmeras possibilidades de acesso a informao. Sua possibilidade atravs dos celulares fez surgir os chamados aparelhos 3G. O servio de terceira gerao de celulares representa a insero da internet nos dispositivos mveis, com banda larga e transferncia de dados. Existe ento a discusso de que o principal uso dos celulares, a curto mdio prazo, ser mesmo o acesso internet. H trs vezes mais celulares que computadores no mundo. So mais de 3 bilhes de telefones contra 1 bilho de PCs. No entanto, h cerca 405 milhes de usurios de internet no celular contra 1,3 bilho de navegadores da web tradicional. Aproveitando essa oportunidade de mercado, empresas como Microsoft, Yahoo e Google esto conciliando esforos para entrar na onda de mobilidade e adaptar seus produtos mais populares ao universo do celular. Segundo Meira (2007), o Japo tem sido, h pelo menos dez anos, o principal motor de inovao do mercado de comunicao mvel. L, desde 2005, o acesso a web via celulares maior do que atravs de PCs. No Brasil esse nmero ainda bem discreto; apenas cerca de 5% dos internautas acessam a web pelos celulares o que representa cerca de 155 mil usurios. Esse atraso pode ser explicado por fatores como suporte aos usurios e velocidade de conexo. No Japo, os celulares 3G, possuem velocidades na casa de megabytes por segundo, situao bem diferente da que ocorre no Brasil. O principal consumidor dessas novas tecnologias, so os jovens. No Japo, em 2005, mais de 80% do e-commerce, comrcio eletrnico realizado pela internet, feito por pessoas entre 15 e 19 anos de idade j era atravs de celulares. Na Inglaterra, 67% dos usurios da web mvel tm menos de 35 anos de idade e, nos EUA, eles so 46%. As tecnologias multifuncionais conquistam as crianas e jovens de hoje que sero os adultos e executivos de amanh. E os hbitos, quando se formam, so muito difceis de mudar (MEIRA, 2007).

- 23

Site Rota Recife: uma aplicao desktop e mobile

3. Design de interao

No dia-a-dia estamos cercados de produtos interativos e fazemos uso deles o tempo todo. Assim como um computador, um controle remoto ou um celular, um site tambm um produto interativo. Apesar de interativos, nem todos eles podem ser considerados fceis de usar. Todos ns j sentimos dificuldade de realizar alguma tarefa em um desses produtos e exatamente nesse ponto que se torna necessrio o design de interao. Muitos produtos interativos que encontramos no cotidiano, so projetados com foco apenas na realizao da tarefa, sem uma preocupao com o usurio. O ponto principal do design de interao como se d essa relao homem-computador e como criar experincias que melhorem a maneira como as pessoas trabalham, se comunicam e interagem com os produtos. Para garantir a interatividade focada no usurio, o design de interao utiliza-se da usabilidade e acessibilidade, porm antes de falarmos sobre estas questes precisamos definir o que interao. Confrontando definies de Nielsen(2000), Preece, Rogers e Sharp (2005) e Krug(2006), pode-se concluir que cada vez que uma pessoa acessa um site, por exemplo, acontece uma espcie de dilogo entre o usurio e o site; cada movimento do usurio gera uma resposta do sistema que provoca uma nova resposta do usurio, e assim o dilogo continua. Para que haja essa conversa, necessrio, no mnimo, dois elementos exercendo aes entre eles. Assim, interao pode ser definida como a ao ou influncia mtua entre dois ou mais elementos. Essa ao recproca e seu sucesso depender de uma srie de fatores que veremos mais adiante. Ao acessar um site atravs de um celular, tem-se uma seqncia de interaes que envolvem trs elementos: o usurio, o celular e o site. A primeira relao acontece entre o usurio e o aparelho e consiste em compreender o funcionamento do dispositivo, posicionamento das teclas, identificao dos comandos etc. A segunda relao de interao ocorre entre o usurio e o site e consiste em entender o sistema de navegao web e a disposio das informaes. Acessar um site por meio do celular, depender da interao do usurio com esses dois produtos. Se o dilogo do usurio com o aparelho no for bem sucedido, a navegao no site tambm estar comprometida. No entanto, como o objeto de estudo desse trabalho so os sites e no os celulares, no nos aprofundaremos no design de interao dos dispositivos mveis.

- 24

Site Rota Recife: uma aplicao desktop e mobile

Preece, Rogers e Sharp (2005) definem o design da interao em metas e as identificam, de uma forma geral, como parte do processo de entender as necessidades do usurio, no que diz respeito a projetar um sistema interativo que as atenda e que consista em ser claro quanto ao objetivo principal. Segundo as autoras, as principais metas do design de interao so formadas por um conjunto das metas de usabilidade mais as metas decorrentes da experincia do usurio. As metas de usabilidade preocupam-se em satisfazer critrios especficos de usabilidade como segurana, facilidade de aprendizado, eficcia, entre outros. As metas decorrentes da experincia do usurio preocupam-se em explicar a qualidade dessa experincia: interessante, satisfatria, motivadora e etc. Utilizaremos o esquema sugerido pelas autoras com algumas adaptaes. Acrescentaremos ao esquema, componentes de acessibilidade, por exemplo, que se preocupam em meios de compensao para diferentes caractersticas humanas, tecnolgicas e do ambiente. Ao invs da nomenclatura metas, adotaremos componentes, por entender que as descries a seguir so partes que compem a usabilidade, a experincia do usurio e a acessibilidade.

3.1. Usabilidade

De acordo com Nielsen (2000), se uma pessoa no descobrir como utilizar um site em aproximadamente um minuto, conclui que no vale pena gastar seu tempo com aquilo. J Krug (2005) diz que cada pessoa possui um reservatrio de boa vontade. Ao acessar um site entramos com certa reserva de boa vontade e cada problema encontrado diminui o nvel dessa reserva. Esses problemas podem gerar uma decepo momentnea ou definitiva. O termo usabilidade comeou a ser utilizado aproximadamente na dcada de 80, como equivalente a expresso user friendly ou amigvel. De acordo com Nielsen (2000), o termo no apropriado por muitas razes. Uma delas que as pessoas no querem mquinas amigveis, querem apenas que elas no atrapalhem nas tarefas que pretendem realizar. Alm disso, usurios diferentes tm necessidades diferentes e um sistema que amigvel para um pode no o ser para outro. Em linhas gerais, a usabilidade o fator que garante a facilidade de uso a partir da perspectiva do usurio. Ela no trabalha de forma isolada, pois est sempre associada s caractersticas do usurio, a tarefa, aos equipamentos etc.

- 25

Site Rota Recife: uma aplicao desktop e mobile

Segundo Nielsen (ibid.), a usabilidade formada por mltiplos componentes e tradicionalmente associada a cinco principais atributos: Facilidade de aprendizado; Eficincia de uso; Facilidade de memorizao; Erros; Satisfao;

Existem esquemas mais desmembrados, como o das autoras Preece, Rogers e Sharp (2005) que definem a usabilidade em seis componentes, e que adotaremos nessa pesquisa: Eficcia; Eficincia; Segurana; Utilidade; Facilidade de aprendizado; Facilidade de memorizao

O componente de satisfao utilizado por Nielsen (ibid.) apresentado pelas autoras separadamente como componentes decorrentes da experincia do usurio, que veremos mais adiante. Para cada componente seguem questes que auxiliam na identificao e uma descrio detalhada:

3.1.1. Eficcia

O sistema permite que as pessoas encontrem o que procuram? possui excelncia em fazer o que se espera dele? Esse componente bem geral e refere-se capacidade de alcanar o que se espera do produto, as metas definidas para uma ao ou experimento. A eficcia est ligada ao objetivo em si, capacidade de realizar algo, relao entre os resultados almejados e os previstos e tambm ao processo de se atingir o que foi proposto. vital que todo produto seja eficaz. Supondo que um software seja fcil de usar, ou mesmo agradvel, se ele no atingir os objetivos especficos de um determinado grupo de usurios, ele no ser utilizado, mesmo que seja

- 26

Site Rota Recife: uma aplicao desktop e mobile

oferecido gratuitamente.

3.1.2. Eficincia

Quando o usurio j tiver aprendido a realizar as tarefas desejadas, o sistema possibilitar um alto nvel de produtividade? A eficincia est relacionada utilizao dos recursos de forma produtiva. a realizao de algo de forma rpida, com qualidade de execuo, e est relacionada com a maneira em que o sistema auxiliar o usurio. Uma boa forma de mensurar a eficincia de um site definir algumas especificaes e propor a operacionalizao por um grupo de usurios com certa experincia. Dessa forma pode-se notar a qualidade do tempo gasto na realizao das tarefas.

3.1.3. Segurana

O sistema evita que os usurios cometam erros? e mesmo que esses aconteam, permite corrigi-los facilmente? As pessoas devem se sentir seguras enquanto utilizam o sistema. A insegurana do usurio em cometer erros irreparveis dificulta a interao com o produto. Cuidados simples, como no posicionar prximos os botes de sair, salvar e remover ou mesmo diferenci-los visualmente pode evitar que vrios erros sejam cometidos. Erro qualquer ao que no atinge o resultado esperado. Algumas falhas podem ser corrigidas rapidamente pelo usurio e no acarretam nenhum efeito grave operao que estava sendo feita, outras so impossveis de serem corrigidas. Algumas falhas no so percebidas pelos usurios e acabam por gerar resultados errneos ou destruir o que foi executado anteriormente. Grande nmero de erros pode influenciar na eficcia e eficincia do sistema.

3.1.4. Utilidade

O sistema disponibiliza funes para realizar todas as tarefas da maneira que os usurios desejam? Refere-se medida na qual o sistema disponibiliza funes teis para que as pessoas realizem aes que desejam. Um site cujo objetivo localizar mapas pode ser considerado til, por exemplo, quando oferece rotas de trnsito que indicam o sentido das vias e o melhor caminho para o usurio.

- 27

Site Rota Recife: uma aplicao desktop e mobile

3.1.5. Facilidade de aprendizado

Qual o grau de facilidade e quanto tempo o usurio gastar para realizar as tarefas bsicas do sistema, e um conjunto mais amplo de tarefas? Os usurios esto dispostos a isso? Os produtos devem permitir que novos usurios entendam como usar o sistema para que posteriormente possam atingir bons nveis de desempenho. As pessoas no gostam de perder muito tempo aprendendo a usar sistemas do dia-a-dia, como impressoras, sites e aplicativos simples. Porm, esto preparadas para passar mais tempo aprendendo a usar sistemas que renem uma srie de funcionalidades, sendo considerados produtos mais complexos, como softwares de edio de vdeo, processadores de texto etc. A capacidade de aprender est relacionada com princpios de previsibilidade, familiaridade e poder de generalizao. Um site previsvel quando o usurio conhece o histrico das aes realizadas anteriormente durante a navegao e capaz de determinar o resultado de uma ao futura nesse site. A familiaridade est relacionada ao fato de que todo usurio carrega consigo uma bagagem, de nveis variados, decorrente de experincias com produtos interativos. Ento, ao acessar um site ele far relaes com o seu conhecimento prvio adquirido no uso desses sistemas. O poder de generalizao, por sua vez, far com que o usurio estenda o conhecimento adquirido de um sistema para outro, generalizando o que aprendeu em determinado funcionamento de um site para outro tipo de site.

3.1.6. Facilidade de memorizao

Uma vez aprendido a utilizar o sistema, que tipos de suportes so oferecidos para assegurar que as pessoas lembraro como realizar as tarefas, mesmo aquelas que no so executadas com freqncia? Os sistemas devem permitir que os usurios se lembrem de como interagir com o produto que j utilizaram, evitando assim o aborrecimento de ter que ficar reaprendendo a realizar as tarefas. Esse problema acontece normalmente quando as tarefas so resultados de uma seqncia mau encadeada ou ilgica. O usurio no freqente o principal foco desse componente. Ele no desconhece por completo o sistema, como os novatos, mas tambm no um usurio expert que utiliza o sistema com muita assiduidade. Sendo assim, o sistema dever oferecer ao usurio no freqente, condies de lembrar-se facilmente de como utiliz-lo. Ter uma interface que seja fcil de lembrar algo importante para o usurio que por algum motivo no fez uso do sistema por determinado perodo.

- 28

Site Rota Recife: uma aplicao desktop e mobile

3.2. Experincia do usurio

O objetivo de desenvolver produtos interativos considerando a experincia do usurio no pode ser esquematizado uniformemente. So geralmente definidas de acordo com as especificaes do produto e caractersticas do usurio. Que experincias esse produto proporcionar ao usurio? Como ele se sentir durante a interao? Um site infantil, por exemplo, que tem como objetivo a prtica de atividades pedaggicas pode ser projetado de forma a ser engraado e divertido. J o site de um banco ter outros objetivos e dever passar outras experincias, como confiabilidade. A presena de tecnologias, como a web e a computao mvel, inseridas em diversas reas - entretenimento, residncias, reas pblicas, etc. - trouxe tona um conjunto de interesses voltados satisfao dos usurios. Em linhas gerais, o design de interao est cada vez mais empenhado em elaborar sistemas que sejam: Agradveis Divertidos Interessantes teis Motivadores Esteticamente apreciveis Incentivadores de criatividade Compensadores Emocionalmente adequados Assim, os componentes resultantes da experincia do usurio esto relacionados com s experincias de natureza subjetiva, percepes, sentimentos e opinies, enquanto que os componentes de usabilidade e acessibilidade so mais objetivos e esto preocupados com a maneira como o usurio lida com os produtos interativos.

3.3. Acessibilidade

Acessibilidade envolve fazer compensaes para caractersticas que uma pessoa no pode mudar facilmente. projetar solues de interao considerando variados contextos. precipitado pensar que a acessibilidade est interligada somente a problemas relacionados com algum tipo de deficincia fsica, visual ou auditiva. O termo deficincia pode ser substitudo por diferenas. Os princpios de acessibilidade so: Diferenas das caractersticas humanas

- 29

Site Rota Recife: uma aplicao desktop e mobile

Diferenas das caractersticas tecnolgicas Diferenas das caractersticas do ambiente Na web, por exemplo, podemos citar como caractersticas humanas, inerentes aos usurios: diferenas de faixa etria; diferenas de viso, que incluem o daltonismo, a dificuldade de leitura ou a cegueira; diferenas na coordenao motora; dificuldades de audio, entre outros. Como diferenas das caractersticas tecnolgicas dos dispositivos e programas, encontramse: diferenas dos dispositivos de acesso, computador, laptop, celular, PDA etc.; diferenas de navegadores, existncia de leitores de tela; velocidade de conexo, entre outros. J as caractersticas ambientais esto relacionadas interferncia do ambiente em que o produto est inserido: existncia de rudos, diferenas de iluminao etc. O British Royal National Institute for the Blind (RNIB), um instituto britnico para deficientes visuais, juntamente com Bristish Departament of Trade and Industry, departamento britnico de indstria e comrcio, e o Bristish Telecomunication, companhia britnica de telecomunicaes, realizaram um levantamento em 1999 com o intuito de detectar necessidades e possveis melhorias no uso de telefones por usurios com algum tipo de deficincia. O estudo identificou 15 deficincias e 44 recursos que poderiam ser acrescidos aos telefones a fim de melhorar a acessibilidade. Entre as deficincias levantadas esto diferenas de audio, deficincias cognitivas, falta de fora para segurar objetos, tremor nas mos e deficincia na fala. Entre as possveis solues, o estudo apontou:

Teclas protegida e bem separadas; Reduo de som lateral, que diminui a quantidade de barulho do ambiente misturada voz que se escuta ao fone; Possibilidade de ajustar a presso necessria para acionar as teclas; Feedback ttil e auditivo, para indicar quando uma tecla foi pressionada.

Apesar de ainda estarmos longe do ideal de acessibilidade, muitos dos celulares atuais possuem recursos que facilitam a interatividade. Como exemplos dessas melhorias, podemos citar os sistemas de comandos de voz, alerta vibratrio, configurao de sons e alerta, viva-voz e handsfree. O comando de voz, por exemplo, facilita a interao do usurio com dificuldade de coordenao motora, deficincias visuais, ou de memria, evitando a necessidade de se pressionar vrias teclas, ou decorar uma sequncia de passos para acionar um comando, ou ainda decorar nmeros de telefones. O recurso de alerta vibratrio emite vibraes atravs do aparelho que permite que o

- 30

Site Rota Recife: uma aplicao desktop e mobile

usurio perceba a ligao de algum ou o recebimento de uma mensagem, til quando o usurio no quer ou no pode ouvir o som de toque do aparelho. As configuraes de sons e alerta so teis para identificar a finalizao de tarefas, acionamento de teclas e alertas do sistema. Os recursos de viva-voz e handsfree so bem parecidos, ambos permitem que o usurio fale durante uma ligao sem ter que segurar o aparelho prximo ao ouvido. Porm, com o handsfree um fone de ouvido pode ser interligado ao aparelho, mantendo certa privacidade j que a conversa no aberta ao ambiente. Dessa forma, identificar e entender o equilbrio entre usabilidade, experincia do usurio e acessibilidade extremamente importante na produo de um site ou de qualquer sistema interativo. O objetivo do produto, a identificao dos usurios pretendidos e o conhecimento de suas habilidades e limitaes no uso do sistema, garantem o sucesso no design de interao. Tendo em vista que estamos abordando um dispositivo com caractersticas diferentes do computador do tipo desktop, faz-se necessria, ento, a discusso a seguir a respeito das diretrizes de design para a web mvel.

- 31

Site Rota Recife: uma aplicao desktop e mobile

4. Diretrizes de design para a web mvel

Segundo Melgar (2008, p. 24), a maior parte das pginas web so projetadas para apresentao em telas de PCs, explorando a capacidades dos navegadores instalados apenas nesse tipo de dispositivo. Acessar uma pgina como esta em um dispositivo mvel pode gerar uma srie de experincias frustrantes. O espao da tela menor, existe uma enorme barra de rolagem vertical e horizontal, poucos elementos visveis, as imagens no aparecem, os elementos ficam fora dos seus lugares, a navegao no acontece de forma fluida etc. Esse cenrio de adaptao e enorme variedade de caractersticas dos aplicativos mveis, torna difcil que um site fornea experincia de qualidade para os usurios de diferentes dispositivos:
[...] As resolues de telas influenciam diretamente no tamanho das imagens a serem adotadas. Consequentemente muito comum a variao da disposio e tamanho dos elementos da pgina quando se entrega contedo dispositivos mveis. [...] (MELGAR , 2008, p. 25)

As diretrizes de desenvolvimento mvel apiam-se em uma srie de questes, algumas compartilhadas com a web desktop e outras mais especficas para apresentao mvel. So questes que envolvem, por exemplo, linguagem de marcao, solues de design, arquitetura da informao, verses e domnios. O nmero de fontes de pesquisa que abordam essas diretrizes de forma aprofundada ainda escasso. As diretrizes aqui definidas so baseadas nos guias de desenvolvimento para web mvel elaborados por Cremin, Rabin, Fling e Robinson (2007) e publicados pela Dotmobi.

4.1. Estratgias

Um projeto mobile deve centrar na oferta de contedo til para dispositivos mveis e levar em considerao as diferenas de dispositivo. Um projeto mobile mal elaborado pode tornar a visualizao do site lenta e cara. Para desenvolver uma verso mvel de um site de notcias, por exemplo, provvel que mudanas na estrutura de navegao tenham que ser feitas, algumas matrias tero que ser resumidas, as fotos sero menores, etc. Para evitar a insero de contedo desnecessrio deve-se perguntar

- 32

Site Rota Recife: uma aplicao desktop e mobile

constantemente: Por que isso deve estar disponvel em um site mvel?. Recomenda-se iniciar um projeto mvel atravs da definio das metas globais para o site, considerando trs categorias para facilitar a gesto e definio dos objetivos. As decises tomadas devem manter um equilbrio em todas as trs categorias: a empresa, os usurios e a tecnologia. A empresa: Visa metas comerciais que devem ser claramente definidas no nicio do projeto. Quais so os objetivos da organizao? Como o projeto pode ajudar a sua organizao a alcanar os seus objetivos? Ser que proporcionam novas oportunidades de negcios? Existe uma oportunidade para a inovao? Os usurios: Como o seu pblico-alvo se beneficiar do produto? Que tarefas sero realizadas com o seu contedo mvel? Como eles iro interagir com o contedo? Deve-se tambm definir o que os usurios desejam e necessitam, definindo, assim, um perfil geral. A tecnologia: Recursos, oportunidades e limitaes tecnolgicas que envolvem o projeto.

4.1.1. Uma nica verso x verses separadas

Existem duas vertentes do desenvolvimento para celulares. A primeira defende a elaborao de um nico site que se adapte aos diferentes dispositivos. J a segunda recomenda que se faam verses especficas para cada dispositivo. Essa escolha depende de uma srie de fatores que devem ser estudados. Na elaborao de um nico site que se adapte as duas realidades, por exemplo, dever ser adotada questes de design e arquitetura da informao que satisfaam as duas situaes. Por enquanto a tendncia maior est na segunda vertente, a de verses especficas para celulares. A CNN, o Google e a Microsoft, por exemplo, possuem uma verso exclusiva para a web mvel. Segundo Domingo (2007), se considerarmos os problemas de design, arquitetura e programao, construir verses separadas parece ser o melhor caminho. Existem ainda as vertentes com relao ao domnio; uma acredita que os sites devem ter endereos diferentes j que o dispositivo que os acessa diferente. Ou seja, os sites www.meusite.com devem ter suas verses mveis www.meusite.mobi ou www.mobilemeusite.com, por exemplo. Entre os que se opem a essa idia est a prpria W3C. No foram encontrados dados estatsticos que comprovem o predomnio de nenhuma das vertentes, porm o

- 33

Site Rota Recife: uma aplicao desktop e mobile

mais comum ainda encontrarmos domnios diferentes para cada verso.

Figura 5 Verso mvel do site da CNN (http://cnnmobile.com)

Figura 6 Verso mvel do site da Microsoft (http://mobile. msn.com).

4.2. Arquitetura da informao

Na web mvel extremamente importante estruturar as informaes da maneira mais simples possvel. Colocar a informao correta da melhor forma uma prtica fundamental para garantir qualidade na experincia do usurio. Deve-se escolher o que mais relevante no contedo e o que deve ser descartado em relao verso desktop. Atualmente, a maior parte dos celulares ainda no possui tela sensvel ao toque, ento o esforo de navegao do usurio se assemelha a uma pessoa que navega num PC sem utilizar o mouse. Normalmente chega-se aos link por meio das teclas de direcionamento da interface do dispositivo, experincia semelhante a usar a tecla TAB do desktop. A arquitetura da informao deve considerar a quantidade de cliques que o usurio ter que realizar at chegar informao que deseja. Caminhos muito longos deixaro o usurio aborrecido. essencial que os links sejam objetivos, informando ao usurio o que o espera na prxima pgina, isso evitar investidas frustradas, pois no so todos os dispositivos que possuem o boto de voltar. Em alguns casos, mesmo que o boto exista, os usurios podem no saber utiliz-lo. Isso significa que, muitas vezes, difcil recuperar a negao depois de um erro ou link quebrado. De acordo com Melgar (2008), algumas atividades associadas renderizao de pginas web demandam muita capacidade computacional. J que o poder de processamento da maior parte dos dispositivos mveis ainda muito limitado, a pgina pode demorar bastante para carregar totalmente. Muitos desses aparelhos tem pouca memria disponvel para pginas e imagens, o que pode resultar em tens que no aparecem totalmente, por exemplo.

- 34

Site Rota Recife: uma aplicao desktop e mobile

Veja abaixo (figuras 7 e 8) a diferena entre a arquitetura de um site para verso desktop e uma estrutura ideal para o mesmo site construdos especificamente para dispositivos mveis.

Figura 7 Modelo da arquitetura de um site desktop. Fonte: DotMobi Web Developer Guide (2007, p.13)

Figura 8 Modelo da arquitetura do mesmo site mostrado anteriormente, em verso mobile. Fonte: DotMobi Web Developer Guide (2007, p.14)

- 35

Site Rota Recife: uma aplicao desktop e mobile

Entre as sugestes que auxiliam na arquitetura da informao de um site mvel esto: Limitar ao mximo as categorias. Os usurios se tornam cada vez mais desorientados a medida que entram na subseo de uma pgina. Tentar utilizar no mximo dez links por pgina, a menos que se tenha a certeza de que o dispositivo pode apresentar mais informaes com qualidade. Priorizar os links por popularidade. Tornar mais fcil os links com maior freqncia, garantindo que o contedo mais procurado ser encontrado facilmente pelo usurio.

4.3. Design visual


4.3.1. Diferentes resolues
Fora da web mvel trabalhamos com diferentes resolues de tela, mas em sua maioria a resoluo utilizada nos PCs 1024 x 768 pixels, alm do uso de teclado e mouse. J na web mvel h uma diversidade muito maior nos atributos fsicos dos dispositivos. O tamanho das telas e a configurao do teclado variam consideravelmente em cada aparelho. No s as dimenses como a proporo das telas dos aparelhos variam bastante. Reunindo e comparando diferentes tipos de telas de aparelhos celulares pode-se definir um tamanho mximo recomendvel que de 200 x 250 pixels (Figura 9). Essa recomendao deve ser usada criteriosamente com os demais elementos que compem a pgina. Deve-se lembrar, por exemplo, que imagens aparentemente boas na menor resoluo podem preencher apenas metade ou um tero da tela de um celular de resoluo alta.

Figura 9 Comparao dos vrios tamanhos de tela de celulares. Fonte: DotMobi Web Developer Guide (2007, p.22)

- 36

Site Rota Recife: uma aplicao desktop e mobile

(...) Desenvolver sites para desktop permite explorar espaos maiores, imagens mais elaboradas, cores, tamanhos, tipologias, formatos, animaes, etc. Agora quando voc tem um espao que varia de 128px a 320px, as solues de design que voc tem que encontrar so muito mais limitadas do que aquela que voc est acostumado. (...) (DOMINGO, 2007)

O trecho descrito anteriormente pode parecer desanimador, mas conhecer o pblico alvo e os dispositivos que eles utilizam trar mais segurana nas definies do projeto, e entre elas a escolha do tamanho da tela.

4.3.2. Projetando para um dispositivo conhecido

As caractersticas de cada dispositivo no so bem definidas e esto em constante adaptao. Apesar disso, existem algumas diretrizes bsicas que ajudam a entender o dispositivo alvo do projeto. Os dispositivos mveis podem ser segmentados nas seguintes classes gerais: Celulares 3G: So os mais utilizados no mundo, acessam a internet, possuem leitor de mdia e teclado principal condensado em 12 teclas. Quanto ao formato, podem ser retangular, com teclado abaixo do visor; dobrvel, com a tela em uma metade e o teclado na outra ou deslizante, onde a tela desliza e revela o teclado abaixo. Smartphones: Possuem as mesmas caractersticas dos 3G, porm com duas diferenas: a capacidade de executar mais aplicativos e uma tela um pouco maior. Normalmente utilizam um sistema operacional mais completo e dispositivo multimdia mais avanado. Modelos mais utilizados no setor empresarial. PDAs: Grande parte da sua funcionalidade orientada para tarefas organizacionais ao invs de comunicaes de voz. Muitas vezes incluem teclado QWERTY (layout de disposio de teclas como nos computadores) e caneta no lugar da interface com 12 teclas em celulares normais. Eles tambm possuem uma tela maior que, muitas vezes, pode alternar entre modo retrato e paisagem. Celulares Voice-Only: Esses so aparelhos de baixo custo, sem recursos de acesso a web e consequentemente irrelevantes no contexto da web mvel. As fronteiras que definem esses dispositivos so muito tnues e esto constantemente em mudana. Todas as categorias parecem caminhar no sentido das caractersticas dos smartphones.

- 37

Site Rota Recife: uma aplicao desktop e mobile

4.3.3. Paradigmas da navegao web

Estamos habituados a uma variedade de sistemas de navegao na web. Estes sistemas nos do pistas visuais sobre onde estamos localizados dentro do site e fornecem referncias sobre a forma de navegar dentro dele. Embora no seja impossvel, o estilo de sistema de navegao desktop no costuma funcionar para um dispositivo mvel. O mtodo normalmente utilizado na criao de sistemas de navegao mvel a utilizao de uma simples lista de opes verticais. Exibir mltiplos nveis de navegao em sua lista normalmente no funciona bem, porque d aos usurios muitas opes e consome a valiosa rea da tela. A melhor maneira mostrar apenas as opes relacionadas com a pgina que o usurio est vendo. No entanto, deve-se fornecer link de sada para a prxima seo ou para a seo anterior, alm do link para a pgina inicial na parte superior. Esses links tambm so teis na parte inferior da pgina, pois permitem que o usurio siga em frente ou retorne sem voltar para o topo da tela.

4.3.4. Layout

Na concepo de um projeto desktop tendemos a um layout no formato paisagem (figura 10), onde a largura um pouco maior que a altura. J Para a web mvel as pginas possuem maior verticalidade (Figura 11). Por isso no aconselhvel o uso de guias de navegao dispostas na horizontal ou utilizao de coluna de texto nas pginas para celulares. Sendo assim, recomenda-se que o layout possua uma nica coluna e que o texto esteja alinhado esquerda.

Figura 10 Wireframe de um site desktop. Fonte: DotMobi Web Developer Guide (2007, p.25)

Figura 11 Wireframe de um site mobile , contedo verticalizado. Fonte: DotMobi Web Developer Guide (2007, p.27)

- 38

Site Rota Recife: uma aplicao desktop e mobile

4.3.5. Tamanho das imagens

O maior problema encontrado com relao utilizao de imagens na web mvel diz respeito s dimenses. Devido diversidade de tamanho das telas, algumas caixas de textos so automaticamente condensadas para a largura disponvel, enquanto imagens muito grandes saem do campo de viso. Sendo assim, aconselha-se a utilizao de imagens no menor tamanho possvel, a menos que o projeto esteja utilizando tcnicas avanadas de deteco do dispositivo. Recomenda-se uma largura mxima de 120 pixels, em acordo com a tela da maioria dos dispositivos mveis. Com o uso da imagem em dimenses to restritas deve-se evitar imagens densas, de composio complexa, que tero pouca legibilidade, exceto se a imagem for de extrema importncia.

4.4. Publicao

Passada as etapas descritas at ento, o site estar pronto e segue a fase de realizao de testes, para ter certeza de que tudo est funcionando como planejado. Como normalmente no dispomos de vrios aparelhos para realizao dos testes, uma boa opo utilizar simuladores disponveis em alguns sites como o da Opera Mini, e da Dotmobi, por exemplo (figuras 12 e 13). Esse ser o momento de verificar a aparncia e as funcionalidades do site nos dispositivos-alvo do projeto e aproveitar para corrigir o que for necessrio.

Figura 12 Emulador do Ready.mobi. (http:// ready.mobi)

Figuras 13 Emulador do Opera Mini Features. (http://www.opera.com/mini/demo)

4.4.1. Browsers

Os browsers mais utilizados so o Pocket Internet Explorer Mobile, navegador padro no Windows CE; NetFront; Srie 60 Navegador; Opera, um dos mais populares browsers mveis, e navegador padro em um grande nmero de aparelhos; Opera Mini, que tem rapidamente se popularizado devido ao fato de que pode ser executado em dispositivos com recursos extremamente baixos.

- 39

Site Rota Recife: uma aplicao desktop e mobile

Jones (2006) realizou um experimento que teve por objetivo observar como os sites reais se comportam em navegadores mveis. Segundo o pesquisador, os sites, na sua maioria, no foram projetados especificamente para acesso mvel e o teste tenta mostrar como a maioria dos servios eletrnicos atuais no est formatado para trabalhar com telas pequenas. O site da MSDN, da Microsoft, por exemplo possui apresentaes bem diferentes em cada um dos browsers testados, como mostrado nas figuras a seguir.

Figura 14 Visualizao do site da MSDN no Pocket Internet Explore Mobile e no NetFront.

Figura 15 Visualizao do site da MSDN no Explore Mobile e no NetFront.

Figura 16 Visualizao do site da MSDN no Srie 60.

Figura 17 Visualizao do site da MSDN no Opera.

Figura 18 Visualizao do site da MSDN Opera Mini.

4.5. URLs

A digitao nos celulares normalmente uma ao muito demorada, sendo assim as URLs devem levar essa limitao em considerao. Aquelas que so muito longas ou possuem caracteres especiais sero, sem dvida, mais complicadas para os usurios. As seguintes opes so formas de tornar um site mais acessvel por dispositivo mvel:

- 40

Site Rota Recife: uma aplicao desktop e mobile

Usar uma TLD especfica para indicar que o site compatvel com dispositivos mveis; Usar um domnio do tipo desktop acrescido do termo mobile, como por exemplo: meusite.com/mobile ou mobile.meusite.com; Usar um nico endereo que reconhea o dispositivo de acesso e faa o redirecionamento automtico, utilizando, neste caso, um nico domnio para as duas situaes.

4.6. Testes de usabilidade

Realizar testes com usurios oferece informaes valiosas. Os testes devem ocorrer ao longo de todo o projeto e processo de desenvolvimento. Independentemente do tamanho do site, a verificao, a disposio, legibilidade e usabilidade do site com usurios reais sempre cria melhorias no projeto. Entre os principais problemas no design visual detectados em testes de usabilidade, encontram-se o tamanho do site e a escala das imagens em relao ao tamanho da tela. Aps termos explicitado as especifidades para se projetar um design interativo para desktop e mobile, passamos a fase projetual, onde primeiro destrincharemos a metodologia para depois aplic-la.

- 41

Site Rota Recife: uma aplicao desktop e mobile

5. Metodologia do projeto

O projeto ser desenvolvido com base na metodologia de Garrett (2003) que divide-se em: estratgia, escopo, estrutura, esqueleto e superfcie. Segundo o autor, cada plano depende do anterior e juntos seguem de um estado de abstrao a concretizao (figura 19). A cada nova fase as decises se tornam mais especficas at a concluso do projeto.

Figura 19 Modelo dos planos, da estratgia superfcie (do abstrato ao concreto). Fonte: The Elements of User Experience (Garrett, 2003, p.24)

A metodologia do autor foi escolhida para este projeto por se definir centrada no usurio, permitindo o contato do designer com o pblico alvo. Essa caracterstica concorda com a viso de usabilidade citada anteriormente e, dessa forma, acreditamos atingir a mxima eficincia, para que o site seja til e fcil de usar. Para Garret (2003.) o projeto de design centrado no usurio pode ser planificado a partir do resumo abaixo: Plano de estratgia: define-se o qu e para quem se quer comunicar; Plano de escopo: quais sero as caractersticas do produto; Plano de estrutura: hierarquia de pginas e caminhos entre elas; Plano de esqueleto: desenho estrutural das telas, navegao, etc; Plano de superfcie: design grfico ou design visual

- 42

Site Rota Recife: uma aplicao desktop e mobile

Como princpio, Garrett (ibid.) destaca a construo do site de baixo para cima (Bottom to Top), semelhante a um bolo e suas etapas. A estratgia seria a finalidade do bolo; para aniversrio, casamento, etc. Como escopo, tem-se a escolha dos ingredientes. J a estrutura poderia ser representada pela massa do bolo; o esqueleto seria o recheio e a superfcie, a aparncia final. Uma construo das camadas mais inferiores, at o resultado final. importante ressaltar que para o sucesso dessa metodologia necessrio que cada plano esteja finalizado. Desta forma, poder ser iniciada a construo do plano seguinte, mantendo ainda ligao com o seu antecedente para o caso de se reavaliar decises anteriores e posteriormente ocorrer uma mudana no projeto. Para o desenvolvimento deste projeto, a metodologia sofreu algumas adaptaes gerando a estruturao abaixo e suas subdivises: Plano de estratgia (objetivos do site, necessidade dos usurios) Plano de escopo (anlise de similares, contedo) Plano de estrutura (card sorting, arquitetura da informao) Plano de esqueleto (sistema de navegao, wireframe) Plano de superfcie (anlise de similares, gerao e seleo de alternativas, avaliao esttica, layout) Prottipo digital Tendo em vista que o projeto envolve a elaborao de uma verso desktop e outra mobile de um mesmo site, a metodologia permanecer nica apenas at a finalizao do plano de estratgia. A partir do plano de escopo algumas consideraes sero definidas em paralelo para atender s necessidades de cada verso.

5.1. Plano de estratgia

O plano de estratgia consiste na definio de duas questes bsicas. Quais os objetivos gerais do site? Quais as necessidades dos usurios? Ao respond-las, estar determinado o que o projeto pretende atingir.

5.1.1. Objetivos do site

Definio em linhas gerais da pretenso do projeto por parte da organizao. Nessa fase deve-se tomar o cuidado de no identificar solues e pormenores antes de tomar conhecimento do problema. Os objetivos devem ser especficos em relao ao que o site deseja atingir.

- 43

Site Rota Recife: uma aplicao desktop e mobile

5.1.2. Necessidade dos usurios

Nessa etapa compete identificar os objetivos externos, o desejo dos usurios em relao ao site. O que esses usurios esperam encontrar? Para identificar essas necessidades, ser feito a seguinte investigao: definio do pblico alvo, segmentao, entrevistas e definio de personagens.

5.1.2.1. Pblico alvo

Definio, em linhas gerais, do pblico que o projeto pretende atingir.

5.1.2.2. Segmentao dos usurios

Essa etapa deve ser considerada quando se trabalha com um grupo de usurio heterogneo, de tal forma a existir condies e necessidades muito diferentes. A etapa consiste em dividir o pblico alvo em grupos menores atravs dos critrios que os identificam e servir no s para entender as necessidades dos usurios como um todo, mas tambm para tomar conhecimento de necessidades especficas de cada grupo. As formas de realizar tal segmentao so variantes em cada projeto, podemos identificar as mais comuns como sendo: critrios demogrficos, critrios psicolgicos (psicogrficos) e critrios tecnolgicos.

5.1.2.3. Entrevistas

Para entender as necessidades dos usurios preciso conhec-los. Para isso, entrevistas sero aplicadas em forma de questionrio, com os ajustes necessrios para cada grupo, cujo objetivo conhecer e levantar informaes importantes sobre a audincia pretendida.

5.1.2.4. Definio de personagens

Obedecendo a segmentao dos usurios e os dados levantados nos questionrios, definem-se personagens fictcios para cada grupo segmentado. A cada personagem deve ser dado nome, dados demogrficos, psicolgicos e tecnolgicos. Essa fase ser importante para que, durante as demais etapas de desenvolvimento do projeto, esses representantes do pblico e suas necessidades no sejam esquecidos.

- 44

Site Rota Recife: uma aplicao desktop e mobile

Nome
Psicolgico

Como espera que o site funcione [papel]

O que o levou a procurar o assunto do site


Demogrfico

Idade: Pas/Cidade: Ocupao: Estado civil:

Tecnolgico

Acesso internet: Computador: Notebook: Celular:

Figura 20 - Modelo dos dados para definio dos personagens. Fonte: baseado em The Elements of User Experience (2003, p.55)

Sites frequentes:

5.2. Plano de escopo

Quando traduzidas as necessidades e os objetivos dos sites ,de forma especfica sobre qual contedo e que funcionalidades o site oferecer para os usurios, define-se o plano de escopo. So informaes que se adequam as necessidades dos usurios e aos objetivos do site. Para isso, sero geradas especificaes de funcionalidade e o contedo para o site. Anteriormente, ser realizada uma anlise de similares com o objetivo de estudar o contedo de produtos do mesmo segmento.

5.2.1. Anlise de similares

Investigao de produtos similares existentes, no intuito de conhecer o contedo disponvel. Essa etapa tem o objetivo de estudar alternativas que resultaro no contedo do site.

5.2.2. Contedo

Definio especfica de tudo que o site deve oferecer: informaes gerais, contedo, recursos, pagina inicial, resoluo, que tipo de informaes sero disponibilizadas e quais no devero existir. Nessa fase, no entanto, no se define sees ou mapa do site.

5.3. Plano de estrutura

Depois de coletados os requerimentos funcionais do projeto, possvel obter uma idia clara do que ser includo no produto final. Contudo, estes requerimentos no descrevem como as partes se encaixam para formar um todo coerente. Este um novo objetivo a ser alcanado: desenvolver uma estrutura conceitual para o site (GARRETT, 2003, p.89).

Com a definio do contedo tem-se as informaes do site, mas elas ainda precisam ser estruturadas. Nessa etapa sero definidas quais informaes

- 45

Site Rota Recife: uma aplicao desktop e mobile

devem estar juntas, quais devem ser separadas e como ser o fluxo de navegao. Esse esquema especfico deve fazer parte da lgica do usurio.

5.3.1. Card sorting

Construa uma estrutura coerente para o usurio, previsvel e fcil de entender e lembrar (pois as ligaes fazem sentido). Utilize um mtodo de design participativo para montar a estrutura (card sorting, por exemplo). (PADOVANI, 2003, p. 62)

De acordo com Maguire (2001), o card sorting uma tcnica que pode ser aplicada em projetos de diversas naturezas com o objetivo de descobrir a estrutura hierrquica de um conjunto de informaes. A tcnica aplicada a um grupo de usurios com itens escritos em um conjunto de cartes. Para projetos web o teste consiste na confeco de cartes com nomes, informaes, imagens ou aes referentes ao contedo e sees do site. Esses cartes so entregues ao usurio, que tem como tarefa relacion-los em grupos e subgrupos do site. Aps a coleta dos agrupamentos de todos os entrevistados pode-se melhor entender como os usurios organizam essas informaes mentalmente. Segundo Maguire (ibid.), por meio de dados de uma anlise estatstica possvel revelar o que no est to claro para os usurios. No entanto, deve-se levar em considerao que agrupamentos incoerentes podem ser um sinal de que a definio utilizada nos cartes no foi eficiente para transmitir a informao pretendida. A aplicao do card sorting no desenvolvimento desse projeto ajudar a perceber como o pblico alvo organiza as informaes, definidas no plano de escopo, que o site pretende divulgar.

5.3.2. Arquitetura da informao

Definio da arquitetura do site. Diviso final do contedo, nomenclatura, organizao e ordenamento da informao atravs de mapas e fluxogramas de navegao. A arquitetura corresponde a todo o levantamento e categorizao das informaes do site. Define a quantidade de pginas existentes em cada uma delas e a importncia de cada informao presente na tela.

5.4. Plano de esqueleto

Comparado com o plano que o antecede, o plano de esqueleto busca um nvel mais refinado de detalhe ao projeto. Nele trabalha-se o design de interface,

- 46

Site Rota Recife: uma aplicao desktop e mobile

5.4.1. Sistema de navegao

o design de navegao e o design da informao. O design de interface inclui botes, campos de texto e todos os outros componentes da interface; o design de navegao organiza o acesso aos diversos links do site; j o design da informao, segundo Garrett (2003), responsvel pelo sucesso dos dois elementos anteriores, pois responsvel por apresentar a informao de maneira a tornar a comunicao eficiente.
A web por essncia, um sistema baseado em navegao. E sua caracterstica mais bsica e primordial, que possibilita o acesso informao de forma no linear. (MEMRIA , 2005, p. 50)

O sistema de navegao consiste no ordenamento dos vrios sistemas que permita percorrer as informaes do site de diferentes circunstncias: navegao global, local, contextual etc.
Na internet os usurios esto no comando e no precisam necessariamente consumir o contedo em uma sequncia pr-determinada. Da a vocao de ser um meio orientado aos usurios. E para que as pessoas consigam achar o contedo que procuram, o projeto de uma navegao eficiente, fcil e intuitiva torna-se fundamental. (MEMRIA , 2005, p. 50)

5.4.2. Wireframe

a definio espacial da estrutura que integra o design de interface, o design de navegao e o design da informao. Contem o posicionamento, como um esqueleto, de todos os componentes da pgina juntos. Segundo Memria (2005) o nvel de complexidade do wireframe depende do projeto, que pode comear simples e ir ganhando detalhes e modificaes com o tempo. O wireframe pode ser visto como uma planta-baixa do site, prevendo cada detalhe e funcionalidade que ser utilizada.

5.5. Plano de superfcie

A ltima etapa voltada para o design visual do projeto. Nesse momento o contedo, a funcionalidade e a esttica devem seguir juntas para que o resultado visual ajude a atingir os objetivos de todos os planos anteriores

5.5.1. Anlise de similares

Para desenvolver o layout adequado a cada projeto, deve-se realizar uma anlise de projetos similares como forma de buscar referncias visuais. Essa anlise pode ser voltada apenas a um tipo de produto especfico, como tambm ampliada para a anlise visual de diferentes tipos de produtos que possuam uma ligao mais abrangente.

- 47

Site Rota Recife: uma aplicao desktop e mobile

5.5.2. Gerao de alternativas e seleo

Aps a pesquisa de referncias visuais, faz-se necessria a gerao de alternativas. Diferentes alternativas possibilitam ao designer testar elementos visuais de diversas formas e posteriormente selecionar o layout inicial que melhor responde a tudo que foi planejado.

5.5.3. Avaliao esttica

Nessa fase o projeto segue para a avaliao esttica pelos usurios que faro comentrios e sugestes sobre o layout. Para tal ser utilizada a TAE.web-u, tcnica de avaliao esttica para websites com usurios, modelo desenvolvido por Pirau (2007), que tem como objetivo avaliar a esttica de websites a partir da viso dos usurios. A avaliao dividida em questionrio e entrevista.
Dada a natureza do valor esttico, que est contido na relao entre sujeito e objeto, preciso coletar informaes subjetivas (percepes do usurio) e objetivas (formas do objeto) para compor uma avaliao esttica. (PIRAU, 2007, p.74)

O questionrio tem o objetivo de investigar a interpretao dos usurios a respeito das formas, bem como o impacto emocional sobre os mesmo. J a entrevista investiga, atravs de valores dados pelos usurios, sobre a aparncia do site e problemas estticos apontados.
Com a aplicao dessa tcnica, pretende-se fornecer informaes para a melhoria do design do website, principalmente no que se refere esttica. Nesse sentido, surge um objetivo secundrio da tcnica: identificar com a maior preciso possvel problemas a serem resolvidos referentes a esttica do website. (PIRAU, 2007, p.74)

Ao final da avaliao esttica so feitas as mudanas necessrias no layout inicial.

5.5.4. Layout

Definio final do layout. Nessa fase tem-se a concretizao e justificao visual do que foi definido nas etapas anteriores. Sero elaboradas as demais telas do projeto que devem manter consistncia esttica, levando em considerao, por exemplo, diagramao, cores e tipografia definidas.

- 48

Site Rota Recife: uma aplicao desktop e mobile

5.6. Prottipo digital

Nessa etapa o site j possui sua forma de se comunicar com o pblico alvo atravs do design visual, toda a informao e navegao j esto planejadas, mas o produto ainda no funciona. A fase de implementao consiste em por em prtica o produto, deix-lo funcionando para que o usurio possa interagir como planejado durante todas as etapas anteriores. Para este projeto esta fase ser posta em prtica por meio de um prottipo digital de alta fidelidade com o objetivo de apresentar as principais funcionalidades do site.

- 49

Site Rota Recife: uma aplicao desktop e mobile

6. Desenvolvimento do projeto

O projeto a ser desenvolvido adotou um cliente hipottico que deseja desenvolver um site em verso mobile e desktop, com roteiros tursticos na cidade do Recife.

6.1. Plano de estratgia


6.1.1. Objetivos do site

Abrange os objetivos do site e as necessidades dos usurios

Oferecer roteiros tursticos de um dia na cidade do Recife Atender usurios locais e turistas Ser acessado pelos usurios antes e durante a viagem Fazer uso de sistema de navegao claro e intuitivo Adotar um layout limpo e objetivo Oferecer o carregamento das pginas de forma rpida Possuir duas verses: desktop e mobile

6.1.2. Necessidade dos usurios

Para identificar as necessidades do usurio foi necessria as etapas que seguem:

6.1.2.1. Pblico alvo

Jovens e adultos de 20 a 40 anos, nacionais e estrangeiros, que gostam de viajar ou fazer roteiros pela prpria cidade como forma de lazer. Essas pessoas so usurias da internet e acessam, ou esto dispostas a cessar, sites pelo celular.

6.1.2.2. Segmentao dos usurios

Os usurios foram divididos em dois grupos atravs de critrios geogrficos. Usurio local Moradores da cidade do Recife e regio metropolitana. Turistas Moradores de outras cidades ou de outros pases.

- 50

Site Rota Recife: uma aplicao desktop e mobile

6.1.2.3. Entrevistas

Realizou-se um total de 16 entrevistas, sendo oito com moradores da cidade do Recife e regio metropolitana e oito com turistas de outras cidades e pases. As entrevistas foram feitas atravs de dois modelos de questionrios, um para cada grupo, com perguntas objetivas e subjetivas. A aplicao dos questionrios aconteceu por meio de conversa pela internet, por MSN ou e-mail. A seguir, o modelo de cada uma das entrevista que foram aplicadas e a tabulao dos resultados obita na comparao dos dados. A aplicao de cada entrevista se encontra no Anexo I (pg. 131).

- 51

Site Rota Recife: uma aplicao desktop e mobile

Modelo de Entrevista - Grupo1: Usurio Local


Nome: Sexo: Masculino [ ] Feminino [ ] Cidade e pas onde reside: Grau de escolaridade: Ocupao: Estado Civil: Solteiro(a) [ ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: Nacionalidade:

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ ] Computador porttil/notebook [ ] Celular [ ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela?

Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela?

Qual o modelo do seu aparelho de celular:

O celular permite acesso internet? Sim [ ] No [ ]

Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: -

] Anualmente [ ]

Nunca [ ]

Se os sites citado possussem verso para celular, voc os acessaria?

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 4 vezes por ms[ 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer:

Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ ] Patrimnio histrico e artstico [ ] culturais [ ] Paisagens naturais [ ] Locais de compra [ Gastronomia /Bares e restaurantes [ Outros: ] Manifestaes

- 52

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ Outros: ] Localizao [ ] Temperatura [ ] Horrios de funcionamento [ ] Preos de servios [ ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ ] Indicao de amigos [ ] Sites [ ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual?

Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade?

Voc acessaria um guia turstico da cidade na web?

Voc acessaria um guia turstico da cidade pelo celular?

Que tipo de informao considera indispensvel em roteiros tursticos na web?

O que poderia ser oferecido nesse site para facilitar seu passeio?

- 53

Site Rota Recife: uma aplicao desktop e mobile

Modelo de Entrevista - Grupo2: Turista


Nome: Sexo: Masculino [ ] Feminino [ ] Cidade e pas onde reside: Grau de escolaridade: Ocupao: Estado Civil: Solteiro(a) [ ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: Nacionalidade:

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ ] Computador porttil/notebook [ ] Celular [ ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela?

Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ ] No [ ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela?

Qual o modelo do seu aparelho de celular:

O celular permite acesso internet? Sim [ ] No [ ]

Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: -

] Anualmente [ ]

Nunca [ ]

Se os sites citado possussem verso para celular, voc os acessaria?

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e pases que j visitou:

Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ ] Localizao de pontos tursticos [ ] Hospedagem [ ] Patrimnio histrico [ restaurantes [ ] Manifestaes culturais [ ] Temperatura [ ] Outros: ] Gastronomia e

- 54

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante as viagens: Famlia [ ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ ] Agncias de viagem [ ] Indicao de amigos [ ] Sites [ ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ ] No [ ] Exemplifique: Que tipo de informao considera indispensvel em guias de viagem na web?

O que poderia ser oferecido nesses sites para facilitar sua viagem?

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso?

Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ ] Traos tursticos [ ] Arquitetura [ ] Patrimnio histricos e artsticos [ ] Paisagens naturais [ ] Programao cultural [ ] Gastronomia [ ] Hospedagem [ ] Restaurantes [ ] Postos de apoio ao turista [ ] Temperatura [ ] Transportes [ ] Horrios de funcionamento [ ] Preos de servios [ ] Locais de compra [ ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ ] Traos tursticos [ ] Arquitetura [ ] Patrimnio histricos e artsticos [ ] Paisagens naturais [ ] Programao cultural [ ] Gastronomia [ ] Hospedagem [ ] Restaurantes [ ] Postos de apoio ao turista [ ] Temperatura [ ] Transportes [ ] Horrios de funcionamento [ ] Preos de servios [ ] Locais de compra [ ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde?

Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia?

Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia?

Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ ] Guias tursticos de agncias [ ] Mapas impressos [ ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ ] Outros:

- 55

Site Rota Recife: uma aplicao desktop e mobile

Tabulao de Dados (Entrevista Grupo1: Usurio Local)


Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador Computador porttil/ notebook Celular S R R S S N F S N S F N F S N S N N F S N S R R

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? 1g de memria, 160 HD monitor de 17polegadas Dual Core / 1GB RAM / 160GB HD memria de 624 Mb, HD 40 512MB de memria RAM e 80GB de HD Obs.: Grande parte dos entrevistados desconhecem a configurao e a resoluo Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Celeron 2g de memria 160HD Core 2 Duo / 4 GB RAM / 320 GB HD Windows Vista, memria 1Gb, HD 120 Intel (Pentium dual-core inside); Ram (3,00 GB); HD (160); Tela (14) Configurao do windows vista.Tela LCD widescreen 15,4 1280 x 800 1024 x 768 200 x 800 1024 x 768 1024 x 768 1024 x 768

Permite acesso internet: Qual o modelo do seu aparelho de celular: Sony Ericsson k550i Sony Ericsson w302 Sony Ericsson W200a LG MG 280 LG Mg 185 Gradiente GF 930 Nokia 2680 Nokia 5310 Nokia n95 Sony Ericsson - no soube Sansumg - no soube Resoluo da tela (pixels) 176 x 220 240 320 128 x 160 128 x 160 128 x 128 176 x 220 128 x 160 220 x 340 176 x 220 Sim No

Obs.: Destes, um entrevistado possui dois aparelhos e outro possui trs.


- 56

Site Rota Recife: uma aplicao desktop e mobile

Com que freqncia acessa a internet no celular: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Diariamente Semanalmente Mensalmente Anualmente Nunca Outros: mdia de duas vezes por ms Se os sites citados possussem verso para celular, voc os acessaria? Sim Google; unisersidade - Unopar; e-mails em geral (Ig, Hotmail, bol e Gmail) e Orkut No Comentrios Acesso o Orkut s vezes e os sites da Claro e do Ig para checar e-mail. Apesar de no caberem na tela no tive problemas para encontrar o que queria.

Exemplifique 3 sites que acessa com freqncia:

Google; Orkut; Siga - Poli Google; www. myaiesec.net; www.bb.com.br Google, www.terra.com.br; www.hotmail.com Yahoo; Google; Vagalume Yahoo; www.ebah.com.br; www.youtube.com www.sportrecife.com.br; www.orkut.com; www.folhape.com.br Google , geocities; hotmail Dependendo do custo para o acesso. Depende das taxas

Talvez - Eu s usaria caso em fosse imprescindvel, mas no usaria com freqncia no.

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana 1 ou 2 vezes por semana 2 4 vezes por ms 1 vezes por ms 1 vez a cada dois meses ou mais Outros:

- 57

Site Rota Recife: uma aplicao desktop e mobile

Cite alguns lugares que costuma freqentar como forma lazer: Shopping, parques de diverso ou clubes de campo Cinema, teatros e restaurantes Bares, restaurantes, praia e cinema Cinema, shopping Center, livraria Cinema e shows Cinema e Recife Antigo Cinema, estdio de futebol, praia, pizzaria, etc Cinema, praias e locais de manifestaes culturais Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos Patrimnio histrico e artstico Gastronomia /Bares e restaurantes Manifestaes culturais Paisagens naturais Locais de compra Outros: Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia Grupo de amigos Companheiro(a) Nenhuma Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte Localizao Temperatura Horrios de funcionamento Preos de servios Outros S S R S S S F N F S S S R S S S S F S S S S R S R S S N S S S S S S S S F R S S S F F R S S S S R R S N S F R F N R R N S F N S S S S S S S S R R R S R S S S S F S S F

F
R F F

- 58

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas Indicao de amigos Sites Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? (S= sempre, F= freqentemente, R= raramente, N= nunca) N S S F S R F R www.pe360graus.com www.pe360graus.com www.google.com.br / www.pernambuco.com / www.folhape.com.br www.google.com.br, www.pe360graus.com, e site do prprio lugar que desejo visitar (se houver) www.pe360graus.com.br www.google.com.br Sites oficiais do evento.

Quais os sites que costuma acessar para obter essas informaes?

Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim No Exemplifique:

Muitas vezes as informaes esto desatualizadas

- 59

Site Rota Recife: uma aplicao desktop e mobile

Voc j fez algum roteiro turstico dentro da cidade? Qual? Sim No Exemplifique:

Museu de Brennand Em catamar, pelo rio Capibaribe

Visita com alunos da escola onde ensinei ao Instituto Ricardo Brennand, Oficina Francisco Brennand, torre Malakoff e ao Forte do Brum. Caminhada ecolgica pelo priv da cidade. Atravs de um catamar no Rio Capibaribe, no centro da cidade do Recife. Passeio de catamar pelo Rio Capibaribe.


Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim No Comentrios:


Voc acessaria um guia turstico da cidade na web? Sim No Comentrios:


- 60

Site Rota Recife: uma aplicao desktop e mobile

Voc acessaria um guia turstico da cidade pelo celular? Sim No Comentrios:

Talvez, em caso de necessidade. Se estivesse na rua, por exemplo, e precisasse saber alguma informao de um lugar que eu queria ir com urgncia. Dependendo do custo do servio. Acessaria pela comodidade


Que tipo de informao considera indispensvel em roteiros tursticos na web? Informaes do local, mapas e preo dos servios Indicao de pontos de referncia Local e preo Localizao, preo dos servios e produtos e, principalmente, veracidade quanto ao que oferecido ( tal praia linda, mas a estrada de acesso um horror, por exemplo). Horrio de funcionamento dos pontos tursticos; informaes sobre agendamento de visitas; valor da entrada; informaes sobre acesso ao ponto turstico, com diferentes roteiros; valor de passeios com guias. Comentrios de quem j visitou o ponto turstico em questo; horrios e dias mais apropriados; Fotos do local; resumo da razo turstica do local. Localizao e custo. Localizao

O que poderia ser oferecido nesse site para facilitar seu passeio? Informaes bem especficas de como chegar aos locais: se existe ou no locais de estacionamento. Transportes que se pode tomar e em que pontos descer. Formas de pagamento e preo dos servios. Tour virtual, mapas, vdeos, fotos e animaes. Ser de fcil navegao e oferecer links. Horrio de funcionamento dos pontos tursticos; informaes sobre agendamento de visitas; valor da entrada; informaes sobre acesso ao ponto turstico, com diferentes roteiros; valor de passeios com guias, caso haja. Uma mdia do custo e, dependendo do local, mapas que ajudariam no acesso ao ponto turstico. Depoimentos de pessoas que passaram pela experincia do roteiro turstico Tpicos com informaes diretas (exemplo: localizao, acessos, servios disponveis).

- 61

Site Rota Recife: uma aplicao desktop e mobile

Tabulao de Dados (Entrevista Grupo2: Turistas)


Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computado Computador porttil/ notebook Celular N R N R S N N R S S R S F S F S F S F S R S S N

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? Tela de 15.4 Obs.: Grande parte dos entrevistados desconhecem a configurao e a resoluo dos seus computadores ou os utilizam no trabalho, universidade, etc. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim No Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? HD 120 GB, Tela de 14.1 polegadas, 2gb Celeron, 2Gb, 120 HD Corel 2 duo, 2gb, Intel Core 2 Duo, HD 120 GB, 2 GB de memria 1024 x 768

Permite acesso internet: Qual o modelo do seu aparelho de celular: Motorola V3 Sharp - no soube Samsung - no soube LGKS360 Sony Ericsson W300i Sagem MYX-2 LG MG 235 Resoluo da tela (pixels) 176 x 220 240 x 320 128 x 160 101 x 80 128 x 128 Sim No

Obs.: Destes, um entrevistado no soube a marca e modelo do celular

- 62

Site Rota Recife: uma aplicao desktop e mobile

Com que freqncia acessa a internet no celular: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Diariamente Semanalmente Mensalmente Anualmente Nunca Outros:

Exemplifique 3 sites que acessa com freqncia: Orkut; Gmail e Google Google; www.youtube.com; www.uma.pt Claro Idias; Google; Google acadmico www.hattrick.org; www.abola.pt; www.liberal.sapo.cv Google; Youtube; Hotmail www.hotmail.com; www.orkut.com; www.google.com.br www.deviantart.com; www.hotmail.com; www.youtube.com www.orkut.com.br; www.hotmail.com; www.alagoas24horas. com.br

Se os sites citados possussem verso para celular, voc os acessaria? Sim No Comentrios

Mas o que impede muitas vezes o acesso dos (possveis) usurios o custo

Sim,claro. Depende da taxa cobrada pela empresa de telefonia. Provavelmente. Caso o meu aparelho permitisse.

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms 1 2 vezes por semestre 1 vez por ano 1 vez cada dois anos ou mais Outros:

- 63

Site Rota Recife: uma aplicao desktop e mobile

Cite algum(as) das cidades e pases que j visitou:

Itlia (Roma, Veneza, Florena), Espanha (Madrid, Barcelona e Toledo), Frana (Paris), Inglaterra (Londres), Portugal (Braga,
Guimares, Lisboa, Porto) Madrid, Lisboa, Coimbra, entre outras Fortaleza, Aracaju, Santa Cruz do Capibaribe, Campina Grande, Lisboa - PT, Funchal PT, Vila Real PT Lisboa Londres-Inglaterra , Alentejo-Portugal Brasil (Recife, Garanhuns, Caruaru, Joo Pessoa, Aracaj, Natal, Arapiraca), Portugal (Ilha da Madeira, Lisboa, Porto, Serra da Estrela, Marco de Canaveses, Ftima, Belm, Pao darcos), Espanha (Barcelona, Madri), Frana (Paris), Itlia (Veneza, Roma, Florena), Inglaterra (Londres), Estados Unidos (Miame). Caracas, Venezuela, Lisboa e para o ano espero ir a Espanha Maragogi-AL, Brasil; Caruaru-PE, Brasil; Paripueira-AL, Brasil; Japaratinga-AL, Brasil Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes Localizao de pontos tursticos Hospedagem Patrimnio histrico Gastronomia e restaurantes Manifestaes culturais Temperatura Outros: F R R R R S N S R R R R R R R R F R R R R R R R R R S R F F F R F F F F R R R R F F

R
R R R N R R

S S F S

F
R F

Qual(s) costumam ser suas companhias durante as viagens? Famlia Grupo de amigos Companheiro(a) Nenhuma

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem? Guias Impressos Agncias de viagem Indicao de amigos Sites Outros: Viajo sempre pra onde moram os meus parentes, ou outra forma foi atravs de um intercmbio no tive escolha de onde ia ficar.

- 64

Site Rota Recife: uma aplicao desktop e mobile

Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? (S= sempre, F= freqentemente, R= raramente, N= nunca) S S F F F F F R

Quais os sites que costuma acessar para obter essas informaes?

www.google.com www.google.com www.google.com www.google.com www.google.com www.google.com www.google.com www.google.com

Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim No Exemplifique: Transportes

O que mais difcil entrar em contato... e as poucas informaes que os sites tm geram muitas dvidas que nem sempre esto respondida no perguntas mais freqentes.

difcil encontrar: horrio de funcionamento e o valores cobrados nos transportes pblicos; sobre os eventos culturais que estaro acontecendo no perodo da viagem, etc.


Que tipo de informao considera indispensvel em guias de viagem na web? Hospedagem barata, transporte, histria e pontos tursticos. Preos das viagens, informaes de transportes e alojamento. Disponibilidade (vagas em hotis), preo e regras do hotel (esse realmente no est includo), telefones para contato (ao invs de oferecer no site apenas o email). Mapas com localizao e preo dos servios. Informaes sobre pontos tursticos mais atrativos e sugestes de viagem. Histria local, principais pontos tursticos, pratos tpicos da regio, informaes sobre transportes, hospedagem e temperatura. Transportes, hospedagem e informao sobre os lugares tursticos. Informaes sobre pousadas e hotis, informaes sobre as opes de lazer da cidade

- 65

Site Rota Recife: uma aplicao desktop e mobile

O que poderia ser oferecido nesses sites para facilitar sua viagem? Dicas de como funciona o metr e as linhas de nibus. No sei. Um esclarecedor de dvidas onlines. Detalhes de cada lugar. Mais informao sobre a cultura e histria do pas que visitamos e mapas. Enviar para o celular, atravs de sms, informaes dirias sobre, temperatura, agenda cultural, entre outros. No tenho pensado nisso. Informaes mais claras sobre hospedagem.

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? Nem sempre se tem acesso ao impresso. Um guia impresso vem mais pormenorizado, enquanto que o guia online apresenta apenas a informao necessria de modo a transmitir a idia a pessoa interessada em viajar. A praticidade do online, mesmo que faltem algumas informaes, que voc no precisa necessariamente sair de casa em busca dessas informaes. A desvantagem principal pode se considerar o fato de no poder consultar o online sempre, ao passo que o impresso tens na mo sempre. As vantagens de um guia online que nos permite um acesso mais rpido a uma informao. As desvantagens que para acessar a net precisamos de um computador o que torna o guia de bolso muito mais conviniente. O guia de viagens online vantajoso porque geralmente mais atualizado e no preciso carregar mais um tem na mo ou na bolsa, mas desvantajoso porque no se tem certeza se poder ter acesso na hora que precisar utiliz-lo. O guia de viagens impresso vantajoso porque pode ser consultado na hora que quiser e geralmente mais completo, mas desvantajoso porque mais um tem que tem que carregar. As vantanges do guia online na minha opiniao que possivel conter uma maior quantidade de informao. A desvantagen principal seria que mais complicado de manusear o guia impresso, facil de transporatar e de manipular, mas pode ser confuso dependendo da organizao da informao. O online voc pode acessar a qualquer momento e de forma mais rpida e confortvel.

- 66

Site Rota Recife: uma aplicao desktop e mobile

Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local Traos tursticos Arquitetura Patrimnio histricos e artsticos Paisagens naturais Programao cultural Gastronomia Hospedagem Restaurantes Postos de apoio ao turista Temperatura Transportes Horrios de funcionamento Preos de servios Locais de compra Outros: F S N R F R F S R R S S F F F S S S S F F R S R F R S S S R N F R F R R F F F R F F F F F S F N R R R R F R F R F R S S S F S S N F R N F F N N N N N F S R F S F S S S N R S S F F F R R F F R R S R F F F F S F N F R R S R R F N N F N N N R

- 67

Site Rota Recife: uma aplicao desktop e mobile

Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local Traos tursticos Arquitetura Patrimnio histricos e artsticos Paisagens naturais Programao cultural Gastronomia Hospedagem Restaurantes Postos de apoio ao turista Temperatura Transportes Horrios de funcionamento Preos de servios Locais de compra Outros: S S N S S F S R S N R S S S S S S S S F F R R R F R S S S R N F F F R F R R R R F S F F R F R N F R R R F R S R F R S S S R S S F F F F R F R R R R R S S R S S S S S F S F S S S S F R F F R R R F R R R S S S S R F R N S R F S S N F N F S R

Durante uma viagem voc costuma acessar a internet? Como e onde? Sugestes Sim No Computador do hotel ou do notebook em pontos de wireless. Notebook ou vou aos cybershop. Cybershop. Notebook em pontos de wireless ou cybershop. Comentrios:

Notebook em pontos de wireless ou computador do hotel. Cybershop ou notebook.

- 68

Site Rota Recife: uma aplicao desktop e mobile

Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Sim No Comentrios: Sugestes de roteiros so sempre bem vindos.

Gosto de definir meus prprios roteiros para conhecer o lugar que estou visitando.

Prefiro fazer meus prprios roteiros


Voc acessaria um guia turstico pelo celular durante uma viagem? Sim No Comentrios: Dificilmente. Seria mais fcil acessar do hotel ou pelo notebook

Dependendo das taxas claro Talves. O telemvel muito mais prtico e leve que um notebook o que torna as coisas bem mais simples.

Se for necessrio sim. Dependeria da situao


Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso Guias tursticos de agncias Mapas impressos Sistemas de GPS Aparelho de celular Computador porttil/notebook Outros:

- 69

Site Rota Recife: uma aplicao desktop e mobile

6.1.2.4. Necessidades

Atravs da anlise das entrevistas dos dois grupos de usurios, pde-se perceber uma srie de informaes que os usurios desejam obter quando se trata de roteiros tursticos. A tabulao dos dados e a observao dos comentrios resultaram nas necessidades dos usurios listadas a baixo: Informaes de localizao: mapas e pontos de referncia. Informaes sobre o transporte e dicas de como funcionam o metr, as linhas de nibus e os txis Acesso a preos dos servios e produtos Veracidade nas informaes Informaes de pontos tursticos: histria, agendamento de visitas, valor e horrios de visitao Informaes de estadia Enviar para o celular, atravs de sms, informaes dirias sobre, temperatura, agenda cultural, entre outros.

6.1.2.5. Definio dos personagens

As informaes levantadas atravs da pesquisa foram confrontadas para ajudar na definio de respostas mais representativas de cada grupo e em seguida foi traado o perfil de cada personagem. A seguir a entrevista respondida para os dois grupos e duas personas foram criadas, Fernando, como usurio local e Erika, como turista.

- 70

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: Fernando Oliveira Sexo: Masculino [ X ] Feminino [ ] Cidade e pas onde reside: Recife - Brasil Grau de escolaridade: Superior Completo Ocupao: Funcionrio Pblico Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 27 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ S ] Celular [ R ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? Dual Core / 1GB RAM / 160GB HD (tela 1024x768) Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Core 2 Duo / 2 GB RAM / 160 HD (tela 1280x800) Qual o modelo do seu aparelho de celular: (Nokia e Sony Ericsson) Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Apenas quando realmente necessrio Exemplifique 3 sites que acessa com freqncia: - sites de notcias - sites de e-mails - google Se os sites citado possussem verso para celular, voc os acessaria? Sim O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ X ]

Nunca [ ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 4 vezes por ms[ X ] 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Cinema, praia e restaurantes Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ S ] Patrimnio histrico e artstico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestaes culturais [ S ] Paisagens naturais [ S ] Locais de compra [ F ] Outros:

- 71

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ S ] Temperatura [ R ] Horrios de funcionamento [ S ] Preos de servios [ S ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Google e pe360graus Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ X ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? Sim. Catamar pelo Rio Capibaribe Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? Sim Que tipo de informao considera indispensvel em roteiros tursticos na web? Localizao, preo dos servios e produtos e horrios de funcionamento O que poderia ser oferecido nesse site para facilitar seu passeio? Indicao de pontos de referncia de como chegar ao local e depoimentos das pessoas que visitaram determinados lugares.

- 72

Site Rota Recife: uma aplicao desktop e mobile

Personagem - Grupo 1: Usurio Local Fernando tem 27 anos, solteiro e possui um filho. Ele funcionrio pblico, estudante universitrio e mora com os pais em Recife. Durante a semana, e alguns finais de semana, Fernando tenta conciliar o trabalho e os estudos na universidade. No costuma viajar com muita freqncia e quando tem tempo livre gosta de ir praia, de encontrar os amigos, ou reunir a famlia. Est sempre disposto a conhecer lugares novos na cidade, um bom restaurante, por exemplo, seja por indicao de amigos, seja por pesquisa prpria, mas no gosta de fazer programas que exijam muito planejamento. Ele se relaciona muito bem com novas tecnologias, est sempre mudando o parelho de celular, acessa bastante a internet, mas raramente utiliza a internet pelo celular.

Fernando
Depois de muito trabalho e estudo, gosto de aproveitar o final de semana e sair: praia, restaurantes ou eventos culturais. No quero ter trabalho programando um dia de lazer. S quero escolher para onde ir e convidar os amigos ou famlia. Fernando gosta de descobrir novos lugares na cidade. Mas a disposio para conhecer depende de informaes simples e diretas. Acessaria um guia da cidade antes de Idade:27 anos sair de casa e pelo celular somente para tirar alguma Pas/Cidade: Recife/Brasil dvida no caminho.

Ocupao: Universitrio e Funcionrio pblico Estado civil: Solteiro

Site de e-mails Sites de notcias www.google.com

Sites frequentes:

Acesso internet: Sempre por computador e notebook e poucas vezes pelo celular Computador: Dual Core, 1GB RAM, 160GB HD (tela 1024x768) Notebook:Core 2 Duo / 2 GB RAM / 160 HD (tela 1280x800) Celular: Nokia e Sony Ericsson - Ambos com acesso internet

Figura 21 - Ficha de Fernando, representante do grupo dos usurios locais

- 73

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Erika Souza Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Funchal - Portugal Grau de escolaridade: Cursando Ensino Superior Ocupao: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 22 Nacionalidade: Portuguesa

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ F ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ X ] No [ ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Core 2 Duo, HD 120 GB, 2 GB de memria e resoluo de tela de 1024 x 768. Qual o modelo do seu aparelho de celular: LG MG 235 O celular permite acesso internet? Sim [ X ] No [ ]

Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Exemplifique 3 sites que acessa com freqncia: - Sites de e-mails e pesquisas - Site de notcias - youtube Se os sites citado possussem verso para celular, voc os acessaria? Sim

Nunca [ ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e pases que j visitou: Londres, Lisboa, Fortaleza Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ F ] Localizao de pontos tursticos [ R ] Hospedagem [ R ] Patrimnio histrico [ R ] e restaurantes [ R ] Manifestaes culturais [ R ] Temperatura [ R ] Outros: Gastronomia

- 74

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante as viagens: Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ ] Agncias de viagem [ ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Google Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ X ] No [ ] Exemplifique: Funcionamento e valor dos transportes, horrios de funcionamento, valores de servios, telefones e eventos culturais. Que tipo de informao considera indispensvel em guias de viagem na web? Informaes de hospedagem, as melhores formas de lazer para aproveitar o lugar, pontos tursticos, localizao, mapas e transportes, telefones e preos dos servios. O que poderia ser oferecido nesses sites para facilitar sua viagem? Detalhes sobre hospedagem, informaes sobre cultura e histria do local. Envio de informaes dirias sobre temperatura e agenda cultural e dicas por sms. Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? Os guias impressos normalmente so mais completos, Porm so um item a mais para carregar pelas ruas. Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ S ] Arquitetura [ R ] Patrimnio histricos e artsticos [ F ] Paisagens naturais [ F ] Programao cultural [ F ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ F ] Horrios de funcionamento [ F ] Preos de servios [ S ] Locais de compra [ F ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ S ] Arquitetura [ F ] Patrimnio histricos e artsticos [ S ] Paisagens naturais [ F ] Programao cultural [ F ] Gastronomia [ F ] Hospedagem [ F ] Restaurantes [ F ] Postos de apoio ao turista [ R ] Temperatura [ F ] Transportes [ S ] Horrios de funcionamento [ S ] Preos de servios [ S ] Locais de compra [ F ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? Sim. Levo o notebook ou acesso em cybercafs. Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Gostaria de sugestes Voc acessaria um guia turstico pelo celular durante uma viagem? Sim. Pela praticidade Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ X ] Outros:

- 75

Site Rota Recife: uma aplicao desktop e mobile

Personagem - Grupo 2: Turista Erika portuguesa, solteira e possui 22 anos. Desde pequena sempre fez viagem de frias com os pais, e depois com os amigos. Viaja em mdia uma vez por ano, durante as frias da universidade. Durante a viagem, Erika gosta de seguir roteiros e de selecionar alguns lugares especficos que pretende conhecer. Gosta de explorar o lugar ao mximo. Sempre que pode leva seu notebook para as viagens. Tem facilidade com uso de internet pelo celular e acessa sites pelo dispositivo ao menos uma vez por ms.

Erika
Gosto de viver novas experincias e por isso viajo uma vez por ano. Interesso-me por lugares e culturas diferentes. Quero escolher opes de roteiros e dicas para aproveitar tudo que o lugar oferece de melhor sem desperdiar um dia sequer. Erika tem esprito de aventureira. Precisa de todas as informaes que ajudem-na a ter uma estadia com muitas atividades tursticas, alm da necessidade das informaes bsicas que todo turista necessita. Acessaria um guia turstico por notebook e por celular.

Idade:22 anos Pas/Cidade: Funchal/PT Ocupao: Universitria Estado civil: Solteiro

Site de e-mails Sites de notcias www.youtube.com

Sites frequentes:

Acesso internet: Sempre por notebook, frequentemente por computador e mensalmente pelo celular. Computador: -(Acesso na Universidade) Notebook:Core 2 Duo / 2 GB RAM / HD 120 GB (tela 1024 x 768) Celular: LGKS360 - com acesso internet

Figura 22 - Ficha de Erika, representante do grupo dos turistas

- 76

Site Rota Recife: uma aplicao desktop e mobile

6.2. Plano de escopo


6.2.1. Anlise de similares
Uma pesquisa foi feita para avaliar o contedo de sites relacionados ao tema proposto. Analisou-se o resumo de contedo de cada site e a apresentao dos principais itens de navegao, estando ou no, no menu. Sites nacionais e estrangeiros foram analisados em um total de trs sites desktop e trs sites mobile. Desktop Portal de Turismo iPernambuco (http://www.ipernambuco.com.br) Portal com informaes para turistas brasileiros e estrangeiros. Disponvel em portugus, ingls e espanhol. O site conta com sugestes de destino, informaes sobre agenda cultural, alm de permitir que empresas cadastrem seus servios e que usurios realizem pesquisa sobre vrias informaes do site, tais como, alimentao, hospedagem e transporte. Os usurios tm acesso um banco de dados com as informaes e contato de cada servio encontrado. Navegao: Pernambuco, destinos, eventos, hospedagem, transporte, alimentao, agncias, compras, utilidades, servios, fotos, vdeos, notcias, mapas, links, ouvidoria e busca.

Figura 23 Portal de Turismo iPernambuco (http://www.ipernambuco.com.br)

- 77

Site Rota Recife: uma aplicao desktop e mobile

Pernambuco Conhece Pernambuco (http://www.peconhecepe.com.br) Tem como objetivo estimular os pernambucanos para conhecer o prprio estado atravs de rotas tursticas em parceria com agncias e operadoras de viagem. O site oferece um total de 10 rotas, apenas com informaes gerais sobre a importncia cultural e atrativos de cada uma delas; pginas com novidades sobre as rotas; eventos culturais; agenda e fotos. Navegao: o projeto, rotas, novidades, agenda, imagens e contato

Figura 24 Site Pernambuco Conhece Pernambuco (http://www.peconhecepe.com.br)

Califrnia (http://www.visitcalifornia.com ) Portal turstico da Califrnia com detalhes de cada localidade do estado. Possui extenso contedo, abrangendo a histria do estado; dados sobre os habitantes; estados agrupados em trs zonas bsicas para facilitar a navegao e possibilidades de acessar as informaes de cada localidade separadamente. O site faz uso de muitas imagens, vdeos e opo de visualizao de mapas; sugere viagens de forma detalhada com indicao de perodo de estadia, lugares para visitar e hospedagens. Alm disso, permite que o usurio, atravs de cadastro, crie sua prpria lista com detalhes que deseja conhecer. Navegao: explorar Califrnia, estilo de vida, coisas para fazer, ferramentas de viagem e contrataes.

- 78

Site Rota Recife: uma aplicao desktop e mobile

Figura 25 Site Visit Califrnia (http://www.visitcalifornia.com )

Mobile Site London England (http://londonengland.mobi) Site da Cidade de Londres, Inglaterra. Informaes de servios, como hospedagem e restaurantes, onde possvel encontrar foto do lugar, detalhes de funcionamento, preos, mapa de localizao ou referncias textuais e links com ligao telefnica direta para o estabelecimento. Navegao: hotis, restaurante, transportes, emergncia, informaes e quem somos.

Figura 26 Site London England (http://londonengland.mobi)

- 79

Site Rota Recife: uma aplicao desktop e mobile

Site Berlim (http://berlin.mobi) Site da cidade de Berlim, na Alemanha. Oferece opes gerais, como previso do tempo, explorar, notcias e esporte. O contedo relacionado ao turismo encontra-se na pgina explorar com informaes detalhadas de hospedagem, guia da cidade, atraes, etc. Navegao: previso do tempo, explorar (acomodaes, atraes e atividades, guia da cidade, jantar, entretenimento, eventos, compras, transporte e viagem e guia de localizao), notcias e esportes.

Figura 27 Site Berlim (http://berlin.mobi)

Figura 28 Site Berlim - seo explore (http://berlin.mobi)

Srilanka (http://srilankan.mobi) Primeiro site mvel do Srilanka. Voltado aos turistas, possui informaes diretas, com endereos, telefones e horrios de funcionamento, contato de consulados e departamentos diplomticos de vrios pases. Navegao: hotis, restaurantes, clubes desportivos, transportes, bancos, compras, estilo de vida, sales e spas, hospital, emergncia, misses diplomticas e linhas areas.
Figura 29 Site Srilanka (http://srilankan.mobi)

- 80

Site Rota Recife: uma aplicao desktop e mobile

6.2.2. Contedo

Confrontando todas as informaes levantadas no plano de estratgia e na anlise do contedo de sites similares, definiu-se todo o contedo do site. Desktop Informaes gerais do site - O site desktop ser adequado a resoluo de 1024 X 768, com as informaes disposta de forma clara e direta. Nas sees ser divulgado o maior detalhamento possvel de informaes referentes localizao, preos e contatos. Idioma - Opes dos idiomas portugus, ingls e espanhol. Estas opes devero estar disponveis em todas as telas do site Informaes gerais sobre a cidade - Informaes sobre a cidade do Recife: caractersticas histricas e culturais, fotos e atrativos. Temperatura - Apresentao de forma direta da temperatura e previso do tempo na cidade. Agenda cultural - Divulgao de manifestaes culturais com informaes de datas, horrios, preos e local de realizao. Roteiros de um dia - Sugesto detalhada de roteiros tursticos de um dia. Narrao de todo o percurso com descrio dos patrimnios, preo de acesso aos locais, indicao de alimentao, transportes, fotos, depoimentos de pessoas que j realizaram o passeio e possibilidade de novos depoimentos, alm de mapa de todo o percurso para visualizao e download. Atrativos - Informaes sobre atrativos naturais e artsticos, monumentos, museus, teatros, igrejas, etc. Informaes de endereo, horrio de funcionamento, preos, contato e visualizao de mapa. Opes de busca - Em todas as pginas o campo de busca no site estar presente, alm de um link para buscas detalhadas. Cadastramento - Os usurios podero se cadastrar para receber informaes via e-mail ou mensagens de texto via celular. Durante o cadastramento, poder escolher que tipo de informaes deseja receber e com que freqncia (diariamente, semanalmente, etc). Detalhamento sobre alimentao - Indicao de bares, lanchonetes e restaurantes, com descrio sobre os estabelecimentos, tipos de alimentao, endereo, e-mail, telefones e localizao no mapa.

- 81

Site Rota Recife: uma aplicao desktop e mobile

Detalhamento de hospedagem - Descrio geral sobre cada hotel ou pousada, com fotos, endereo, e-mail, telefones e localizao no mapa. Detalhamento sobre transportes, localizao e mapas - Funcionamento e tarifas de nibus, metrs e txis; visualizao e download de mapas da cidade com destaque para localizao de pontos tursticos;i nformaes de percurso atravs de pesquisa de como se deslocar de um ponto a outro da cidade, com indicao de transportes e visualizao de mapa. Locais de compra - Indicao de locais de compra segmentados por categorias. Apresentao de endereo contato e visualizao de mapa. Pgina principal - Na pgina principal o usurio poder escolher o idioma do site, realizar buscas simples, visualizar sugestes de roteiros e destaques de eventos culturais. A pgina disponibilizar todas as categorias do menu e um link para cadastramento. Ao clicar em alguma opo do menu o usurio ser direcionado a respectiva seo. J quando acessar um evento ou roteiro em destaque ser direcionado a seo de detalhamento daquele evento ou roteiro.

Mobile Em comparao com o contedo da verso desktop, a verso mobile manteve-se com o contudo em trs idiomas, informaes gerais sobre a cidade, temperatura, agenda cultural, roteiros de um dia, atrativos, opes de busca, detalhamento sobre alimentao, detalhamento de hospedagem, detalhamento de trasnportes, localizao e mapas e locais de compras. No entando, esse contedo sofreu algumas modificaes. As modificaes foram: Informaes gerais do site - O site mobile ter um layout fluido, de melhor visualizao em resoluo de 176 X 220, com as informaes disposta de forma direta para evitar a existncia de grandes massas de texto. As pginas tero imagens, porm em pouca quantidade e dando ao usurio a opo de visualizar, ou no, mais imagens. Idioma - A opo pelo idiomas portugus, ingls ou espanhol dever ser feita pelo usurio apenas na pgina inicial. Opes de busca- Haver apenas a opo de busca simples, presente na pgina principal.

- 82

Site Rota Recife: uma aplicao desktop e mobile

Detalhamento de hospedagem - Descrio geral sobre cada hotel ou pousada, com uma fotos apenas, endereo, e-mail, telefones e localizao no mapa. Detalhamento sobre transportes, localizao e mapas - Funcionamento e tarifas de nibus, metrs e txis; visualizao de mapas da cidade com destaque para localizao de pontos tursticos, porm sem possibilidade de download; informaes de percurso atravs de pesquisa de como se deslocar de ponto a outro da cidade, com indicao de transportes e visualizao de mapa. Pgina principal - Na pgina principal o usurio poder escolher o idioma do site, realizar buscas simples, visualizar todas as opes do menu e algumas imagens de roteiros. No haver possibilidade de cadastramento pelo site.

- 83

Site Rota Recife: uma aplicao desktop e mobile

6.3. Plano de estrutura


6.3.1. Card sorting
Para definir as palavras e trechos de cada carto, foi estruturada uma arquitetura inicial baseada nas informaes principais do site e que estariam disponveis nas duas verses.

Estrutura Inicial - Card sorting Recife

Caractersticas Histricas Caractersticas Culturais Caractersticas Gastronmicas

Roteiros Tursticos Regio Norte Regio Sul Regio Centro Roteiro Recife Antigo Comece visitando a Sinagoga das Amricas... Fotos Mapa Especfico Depoimentos Horrios de Funcionamento e Preos Roteiro do Bairro de So Jos Atrativos Naturais Praia de Boa Viagem Artsticos Teatro Hermilo Borba Filho Museu do Estado Noturnos Agenda Cultural Show do cantor Alceu Valena Data, local, horrio, preo Alimentao Restaurantes Lanchonetes Bares Hospedagem Hotis Pousadas Transportes Taxi nibus Metr Como de deslocar... Compras Artesanato Shopping Centers Supermercados e Feiras

Figura 30 Estrutura e nomenclatura inicial do contedo principal para aplicao do Card sorting.

Mapas Diversos Temperatura

- 84

Site Rota Recife: uma aplicao desktop e mobile

O teste foi realizado individualmente com quatro representantes de cada grupo. Antes de aplicar o card sorting, cada entrevistado foi contextualizado atravs de informaes verbais sobre os objetivos do site e os objetivos do teste. Em seguida, foi entregue os 43 cartes para que o entrevistado organizasse, de modo que nenhum ficasse de fora do esquema. Os participantes puderam fazer perguntas referentes ao contedo do site ou sobre a definio de alguma das nomenclaturas utilizadas. Durante a aplicao do teste foi observado os comentrios de cada participante na organizao dos cartes. Devido quantidade de informaes para organizar, o que acarretou muitas reestruturaes do esquema ao longo da aplicao, definiu-se que ao final de cada teste seria apresentada a estrutura inicialmente planejada (figura 30) para que o entrevistado pudesse fazer comparaes, comentrios e sugestes. A aplicao de cada teste se encontra no Anexo II (pg. 163). Por meio da aplicao do card sorting e das sugestes dos participantes foi possvel fazer uma srie de observaes sobre a estrutura do site: Com relao aos roteiros tursticos, os usurios vm a possibilidade de encontr-los diretamente como menu principal ou dentro das informaes sobre Recife. Cada opo representou 37,5% do total dos pesquisados. Dessa forma definiu-se o acesso aos roteiros tursticos por esses dois meios distintos. O nome dos dois roteiros tursticos colocados como exemplos foram posicionados como subitens do carto Roteiros Tursticos por 62,5% dos pesquisados, que esperam encontrar descrio sobre o roteiro, locais de visitao e fotos. Apesar dos pesquisados no terem colocado mapas especficos e depoimentos dentro de cada roteiro, gostaram da sugesto feita, o que justifica o fato de mant-los dentro da descrio de cada roteiro, como planejado no espoco. A tentativa de dividir os roteiros tursticos por regies, no obteve sucesso. Os usurios no se interessam em dividir os roteiros em Regio Norte, Regio Centro, etc. Preferem encontrar cada roteiro diretamente dentro de Roteiros Tursticos ou Recife. Dessa forma definiu-se que os roteiros tursticos seriam organizados apenas por ordem alfabtica. Definiu-se tambm a utilizao de um campo de busca para o contedo dessa seo, onde o usurio pode pesquisar em todos os roteiros disponveis um local especfico que deseja conhecer. A seo Recife deve ser colocada como informao inicial para 87,5% dos pesquisados. Desses usurios, 85,7% procurariam caractersticas

- 85

Site Rota Recife: uma aplicao desktop e mobile

histricas, culturais e gastronmicas dentro da seo. 57% desejam encontrar depoimentos e fotos. A seo sobre transporte, para 100% dos entrevistados, deve aparecer inicialmente, reunindo as informaes sobre taxi, nibus e metr. Apenas, 25%, no procurariam Como se deslocar dentro de Transportes. Porm a pesquisa de como se deslocar de um ponto a outro da cidade ficou como parte das informaes sobre os transportes, j que nas comparaes ao final da pesquisa, esse percentual concordou com tal posicionamento. Os cartes Hotis e Pousadas foram facilmente agrupados como subseo de hospedagem por 100% dos pesquisados. O carto Mapas Especficos no pretende ser uma seo dentro do site, foi utilizado apenas para identificar em quais reas do site o usurio deseja encontrar um mapa mais detalhado. 62,5% dos pesquisados esperam ver mapas mais detalhados dentro de hospedagem para saber a localizao do hotel ou pousada. A nomenclatura Mapas Diversos serviu para representar uma seo com vrios mapas da cidade. 87% dos participantes identificaram que essa seo deve fazer parte das informaes iniciais. Essa nomenclatura, no entanto, ser substituda apenas por Mapas. As informaes sobre temperatura ficaram claramente definidas pelos entrevistados como uma opo inicial, sem subgrupos, por 75% do pblico. O carto Alimentao, em 37,5% dos casos, esteve como parte das opes inicias. 62,5% colocaram alimentao como subitem de Caractersticas Gastronmicas. Porm, desses 62,5%, 40% consideraram que essa informao deveria estar acessvel mais facilmente. Sendo assim, definiu-se duas formas de chegar as opes de alimentao: como informao inicial ou atravs das caractersticas gastronmicas. Quanto ao contedo sobre alimentao, 87,5% definiu que os subitens deveriam ser: restaurantes, bares e lanchonetes. 62,5% dos pesquisados decidiram que a opo de compras deve ficar como informao inicial dos subitens Shopping Centers e Supermercados e Feiras. A compra de artesanato seria mais bem representada por Feira de Artesanato, e onde foi utilizado Supermercados e Feiras, ficaria melhor empregado Mercados e Supermercados. Para 75% dos pesquisados as informaes sobre os atrativos da cidade podem ser encontradas como uma opo de primeiro nvel, como tambm dentro de

- 86

Site Rota Recife: uma aplicao desktop e mobile

Agenda Cultural. Quanto aos subitens, o maior nmero foi para os cartes Artsticos, Naturais e Noturnos. Para reunir informaes de atrativos artsticos como teatros, museus e igrejas, poderia ser utilizado o termo Patrimnio Cultural, porm utilizou-se a nomenclatura Culturais ficando assim mais coerente ao contedo e aos demais subitens da seo. Para as informaes sobre a agenda cultural, com dados sobre eventos, os usurios vm duas possibilidades: como opo inicial ou dentro de atrativos artsticos e noturnos. Sendo assim haver tambm a possibilidade de encontrar informaes sobre a agenda por esses dois caminhos.

6.3.2. Arquitetura da informao

Segundo Garret (2003), a melhor ferramenta de documentao para arquitetura da informao ou design de interao so os diagramas. Representar a estrutura visualmente o melhor caminho para se comunicar entre os segmentos, grupos e relaes propostos em um site. Baseado em todo contedo e na organizao natural das informaes por parte dos usurios, foi definido um mapa para cada verso do site.

Desktop A representao do mapa para a verso desktop (figura 31) utiliza caixas e linhas preenchidas para representar as sees e subsees do site. J as linhas pontinhas entre as caixas representam ligaes entre subsees de categorias diferentes, mas que para o usurio possuem fcil relao. Mobile Para a verso mobile do site, a arquitetura da informao sofreu algumas modificaes, tendo em vista que para a web mvel os contedos em texto no devem ser muito extensos. As sees sobre histria, cultura e gastronomia de Recife foram reunidas em uma nica seo, onde as informaes sero mais condensadas. As sees de transporte e compras ficaram sem submenu. Em Transportes as informaes sobre cada transporte e como se deslocar aparecem juntas. J no caso de Compras, a listagem dos locais aparece completa em uma nica pgina dividida por ttulos.

- 87

Site Rota Recife: uma aplicao desktop e mobile

Recife
Histria Cultura Gastronomia Depoimentos Fotos

Roteiros

Atrativos
Naturais Noturnos Culturais

Agenda Cultural

Alimentao
Restaurantes Lanchonetes Bares

H O M E

Temperatura

Transportes
Taxi nibus Metr Como se deslocar

Compras
Shopping Centers Mercados e Supermercados Feiras de Artesanato

Hospedagem
Hotis Pousadas

Mapas

Contato

Cadastre-se
Figura 31 Arquitetura para o site desktop.

Busca

- 88

Site Rota Recife: uma aplicao desktop e mobile

Recife
Caractersticas Depoimentos Fotos

Roteiros

Atrativos
Naturais Noturnos Culturais

Agenda Cultural

Alimentao
Restaurantes Lanchonetes Bares

H O M E

Temperatura

Transportes

Compras

Hospedagem
Hotis Pousadas

Mapas

Contatos

Busca

Figura 32 Arquitetura com adaptaes para o site mobile.

- 89

Site Rota Recife: uma aplicao desktop e mobile

6.4. Plano de esqueleto


6.4.1. Sistema de navegao
Foram elaborados dois sistemas de navegao diferentes para atender cada uma das verses. O site desktop tem sua navegao dividida em: navegao global, navegao local e navegao contextual. J na verso para a web mvel, no foi utilizada a navegao contextual, fato que ser justificado mais adiante. Segundo Garrett (2003), a navegao global possibilita o acesso toda a extenso do site. No precisa necessariamente estar visvel em todas as pginas, mas rene tudo aquilo que o usurio capaz de acessar. Pode-se dividir a navegao global em: primria, utilitria e navegao de rodap. Navegao primria - Rene o contedo principal do site, todas as tarefas mais importantes para o usurio. Navegao utilitria - Possibilita ferramentas que ajudam o usurio a realizar tarefas importantes, mas no fazem parte do contedo principal. Campo de busca e escolha de idiomas so alguns exemplos desse tipo de navegao. Navegao de rodap - Normalmente rene informaes que no so muito importantes para o usurio, como a poltica de privacidade do site, por exemplo. No entanto, em sites que possuem pginas muito longas, a navegao de rodap pode funcionar assim como a navegao primria, fornecendo os links para o contedo principal, facilitando a navegao do usurio que j percorreu toda a rolagem do site. Navegao local - Resume-se em todos os subitens, ou subdivises da navegao principal. Navegao contextual - Esse tipo de navegao normalmente est inserido no contedo da pgina. Pode, ou no, ser hyperlink e facilita a vida do usurio na medida em que fornece a opo de acessar outra pgina que possua relao com a anterior.

Desktop No projeto para desktop o usurio ter acesso navegao global primria e utilitria, presente em todas as pginas.

- 90

Site Rota Recife: uma aplicao desktop e mobile

Navegao global primria - Recife, Roteiros, Atrativos, Agenda Cultural, Alimentao, Hospedagem, Transportes, Compras, Mapas e Contato. Navegao global utilitria - Idiomas, Busca e Mapa do Site. O link para a home ficara apenas na marca, na parte superior do site. Navegao local - Histria, Cultura, Gastronomia, Depoimentos, Fotos, Naturais, Noturnos, Culturais, Restaurantes, Lanchonetes, Bares, Hotis, Pousadas, Taxi, nibus, Metr, Como se deslocar, Shopping Centers, Mercados e Supermercados, e Feiras de Artesanato Navegao contextual - A navegao contextual do site ocorre entre a pgina de roteiros e as pginas de histria e cultura; entre Agenda Cultural e atrativos culturais e noturnos e entre as pginas de alimentao e gastronomia. Todas representadas pelas linhas pontilhadas no mapa (figura 31) apresentado anteriormente. Essa navegao poder, ser disponibilizada atravs de hyperlinks no decorrer do texto.

Mobile Na verso mobile do projeto, a navegao global primria ser visvel apenas na homepage, para que se priorize o espao para o contedo de cada pgina. Sendo assim, em todas as pginas, exceto na homepage o usurio encontrar as opes Home e Voltar para que possa voltar pgina onde encontra a navegao primria ou voltar para a seo um nvel acima. Para muitos usurios web mobile a navegao feita por meio das teclas direcionais do aparelho. Levando em considerao os modelos dos celulares do pblico alvo entrevistado e o tamanho da tela que foi definido no plano de escopo, algumas pginas internas ficaro longas o suficiente para se justificar a repetio dos links Home e Voltar como navegao global de rodap. Dessa forma diminui-se o desgaste de percorrer a barra de rolagem at o topo do site, ou mesmo usar inmeras vezes as teclas direcionais para chegar aos links no topo. Na verso mobile desse projeto no foi utilizada a navegao contextual. Dessa forma, evita-se que o usurio se perca ao percorrer longos caminhos e permutar entre diferentes sees. Sendo assim, a estrutura foi dividida da seguinte maneira:

- 91

Site Rota Recife: uma aplicao desktop e mobile

Navegao global primria - Recife, Roteiros, Atrativos, Agenda Cultural, Alimentao, Hospedagem, Transportes, Compras, Mapas, Temperatura, Busca e Contatos Navegao global utilitria - Idiomas e Mapa do Site Navegao global de rodap - Home e Voltar Navegao local - Caractersticas, Depoimentos, Fotos, Naturais, Noturnos, Culturais, Restaurantes, Lanchonetes, Bares, Hotis e Pousadas

6.4.2. Wireframe

Com base no sistema de navegao definido para cada verso, foram feitos os wireframes iniciais que tm o objetivo de definir o posicionamento, disposio e dimenses de cada elemento na tela.

Desktop O wireframe para o site desktop (Figura 33) foi feito com base em uma grid de trs colunas. A rea de maior destaque propositalmente a caixa prxima a marca do site, onde ficaro os roteiros em destaque. Os destaques abaixo da navegao local possuem peso semelhante. O contedo da pgina inicial composto pela marca do site, a navegao utilitria, navegao primria e navegao local. Esses elementos estaro presentes em todas as telas. Para a escolha dos destaques da homepage, foi levado em considerao o interesse das personas definidas. Quais informaes postas inicialmente facilitaria o acesso delas? Fernando mora em Recife e tem interesse maior pelos eventos que acontecem durante os finais de semana. J a turista Erika, tem maior interesse em conhecer a cidade atravs dos roteiros. Sendo assim, o wireframe reserva espao para os destaques de roteiros de um dia, mais interessantes para Erika; e destaques da agenda cultural, para Fernando. Alm dessas informaes haver o incio do formulrio de cadastro, um destaque sobre o acesso mobile e as informaes sobre a temperatura.

Mobile Para a verso mobile inicialmente foram desenvolvidos dois wireframes

- 92

Site Rota Recife: uma aplicao desktop e mobile

(figuras 34 e 35). Um para a pgina principal e sua navegao e outro como modelo para uma pgina interna, onde o campo reservado para contedo pode ser usado tambm para a navegao local.

Figura 33 wireframe da pgina inicial para o projeto desktop.

Figura 34 Wireframe da homepage mobile.

Figura 35 Wireframe da pgina interna mobile.

6.5. Plano de superfcie


6.5.1. Anlise de similares
Na busca de referncias estticas para a elaborao dos sites, foram analisados diferentes tipos de produtos que fizessem relao com os seguintes conceitos: viagem, turismo, roteiros tursticos, agenda cultural, eventos ou Recife. Os produtos aqui escolhidos sero divididos em indiretos e diretos. Todos possuem ao menos um dos conceitos mencionados anteriormente, mas podem ser diretos ou indiretos pelo fato de se tratar, ou no, de um website.

- 93

Site Rota Recife: uma aplicao desktop e mobile

Para cada um dos produtos escolhidos foram feitas descries gerais e anlise esttica considerando tipografia, imagens, cores, formas e a relao existente entre esses elementos.
6.5.1.1. Similares indiretos

Folder Parque Temtico da Madeira Folder com roteiro de visitao ao Parque Temtico da Madeira, em Portugal. O material composto por um envelope e um folder com seis dobras. Elementos visuais Tipografia Sem serifa, caixa alta nos ttulos e legendas Formas Linhas diagonais, linhas tracejadas e crculos concntricos Fotografias Coloridas O envelope e o folder fazem referncia a um bilhete de passagem area. Em cada pgina as fotografias do local so exploradas em mais de 50% do espao. Os ttulos e as legendas so em caixa alta. As legendas so inseridas na frente da fotografia sobre faixas de destaque na cor preta. Nas demais reas, predominam o vermelho, o laranja e o branco. O percurso dentro do parque representado pela linha tracejada que percorre todas as fotografias e interligam as pginas. Cada fotografia um ponto de parada, um atrativo, representado pelos crculos concntricos. As linhas tracejadas ainda so utilizadas como separador de algumas informaes de texto. A pea possui acabamento arredondado e a dobra entre as pginas, um corte especial.

Figura 36 Envelope e folder do Parque Temtico da Madeira

- 94

Site Rota Recife: uma aplicao desktop e mobile

Calendrio e coleo de postais Recife: pontes, rios e histrias Calendrio e conjunto de postais com representaes de locais da cidade do Recife e suas histrias. Elementos visuais Tipografia Uso de fontes com serifa e sem serifa Formas Linhas e losangos Fotografias e pinturas Coloridas O Calendrio de parede composto por 15 folhas. A capa possui textura apenas visual e formas que fazem referncia a uma das pontes da cidade, nela predominam o preto o cinza. Os cortes vazados em alguns dos losangos da capa permitem que as imagens da primeira pgina sejam vista j no incio. Os locais da cidade so representados atravs de pinturas coloridas, impressas em papel Linho Telado, de textura semelhante a tela de um quadro. A tipografia utilizada nos ttulos possui um trao orgnico. J as linhas so utilizadas como separadores.

Figura 37 Calendrio e coleo de postais : Recife: pontes, rios e histrias

- 95

Site Rota Recife: uma aplicao desktop e mobile

Livro de Bolso Mercados do Recife Livro de bolso abordando os principais aspectos de alguns mercados pblicos da cidade do Recife, suas histrias e tradies. Elementos visuais Tipografia Fontes sem serifa e fontes caligrficas Formas Ornamentos, linhas e caixas de ttulo Fotografias Coloridas Na capa predominam os tons de vermelho com jogos de luz e sombra. Uso de muitas fotografias, coloridas, em formato retangular e recortadas em contorno. Apesar das fotografias serem coloridas, no miolo existe uma diviso das sees por cores que pode ser vista na lateral do livro. So utilizadas caixas de ttulo em algumas pginas, bem como linhas divisrias e molduras com bordas arredondadas. Ao longo do projeto podemos ainda observar ornamentos que fazem referncia a cada um dos mercados.

Figura 38 Livro de bolso, Mercados do Recife

- 96

Site Rota Recife: uma aplicao desktop e mobile

Revista In Magazine Revista piloto, de carter internacional, dedicada apresentao de atrativos noturnos: espaos de lazer, tendncias, eventos e artistas da noite. Elementos visuais Tipografia Sem serifa Formas Predominncia de forma geomtricas, linhas, crculos e retngulos Fotografias e desenhos Coloridos A revista, com estilo jovem, possui 64 pginas. Entre as caractersticas que compe unidade a publicao, est o jogo de formas geomtricas, seja nos ornamentos das pginas, seja no detalhe da paginao ou composio das imagens; e faixas estreitas que separam o cabealho e o rodap do contedo. Cada matria traz elementos que fazem referncia ao tema abordado. Fcil perceber o uso de cores fortes como o roxo, vermelho, azul escuro ou ciano. Observa-se tambm muito preto ou cinza, como background ou elementos da pgina, o que confere ao projeto um ambiente noturno.

Figura 39 Revista In Magazine

- 97

Site Rota Recife: uma aplicao desktop e mobile

6.5.1.2. Similares diretos

Site 180 Degrees (http://www.180degrees.co.uk) Website que funciona como dirio de bordo de dois jovens viajantes. Elementos visuais Tipografia Sem serifa e caixa alta nos ttulos Formas Linhas tracejadas, caixas de ttulo e setas Fotografias Coloridas O site possui um layout diferente para cada seo com predomnio do bege ou azul no background e se utiliza de objetos relacionados ao tema, como cadernos de anotaes, mapas e dirios para criar maior interao em cada seo. Todos os ttulos possuem caixa alta e alguns deles aparecem em uma caixa na cor preta, verde ou em caixas com preenchimento texturizado, semelhante a uma folha de papel. As fotografias aparecem com corte reto e no mapa dos percursos, o site possui cones, linhas e setas.

Figura 40 Telas do site 180 Degrees (http://www.180degrees.co.uk)

- 98

Site Rota Recife: uma aplicao desktop e mobile

Site Northeast England (http://www.visitnortheastengland.com) Site turstico do nordeste da Inglaterra, com informaes do local e indicaes de passeios e hospedagem. Elementos visuais Tipografia Sem serifa Formas Formas retas ou com pequenos arredondamentos nas extremidades, detalhes com setas e crculos Fotografias Coloridas O site faz uso de uma tabela de cores com variaes entre o roxo e o lils, alm do branco. Os ttulos e destaques internos das sees utilizam fonte em bold. So utilizadas caixas de cor suave para identificar os subttulos juntamente com setas e cones em pequenos crculos. Na homepage, fotografias e textos em destaque se alternam e ocupam mais de um tero da largura do site. De forma geral, o site possui um layout limpo e bastante homogneo, fazendo uso apenas de pequenos efeitos em degrad, como sombra nas extremidades do site e nas extremidades das abas, pequenos efeitos de brilho e detalhes sutis, como linhas pontilhadas.

Figura 41 Telas do site Northeast England (http://www.visitnortheastengland.com)

- 99

Site Rota Recife: uma aplicao desktop e mobile

Site South Africa (http://www.southafrica.net) Site oficial do turismo na frica do Sul Elementos visuais Tipografia Sem serifa Formas Linhas preenchidas, linhas pontilhadas e formas levemente arredondadas Fotografias Coloridas No topo de cada seo utilizada uma fotografia na largura do site e a mesma imagem colocada com efeito de desfocagem no background da pgina. Quanto as imagens que ilustram o contedo, estas possuem as bordas levemente arredondadas. Os grupos de contedo so identificados no menu por linhas de cores diferentes, cores referentes a frica do Sul: vermelho, verde, preto e amarelo. So utilizadas linhas preenchidas, nas mesmas variaes do menu, para identificao dos ttulos e linhas pontilhadas para separao de contedo. Em todas as pginas mostrado um grande mapa com pontos de visitao e vrias fotografias em miniatura.

Figura 42 Telas do site South Africa (http://www.southafrica.net)

- 100

Site Rota Recife: uma aplicao desktop e mobile

Site Tourisme Montral (http://www.tourisme-montreal.org) Site turstico da cidade de Montreal, no Canad. Elementos visuais Tipografia Sem serifa e caixa alta nos ttulos Formas Formas retas, linhas preenchidas, linhas pontilhadas e setas Fotografias Coloridas Uma enorme fotografia da cidade ocupa a maior rea da pgina inicial do site. Essa imagem preenche toda a largura do site e seu background. So usadas fotografias com cortes retangulares e cones monocromticos. Todos os ttulos so em caixa alta, e quando ttulos de sees, se apresentam tambm em faixas de preenchimento slido. As cores predominantes no site so os tons de lils, o cinza e o branco. Alguns pequenos detalhes no preenchimento das formas garantem elegncia ao site: preenchimento de setas e faixas com linhas pontilhadas ou inclinadas.

Figura 43 Telas do site Tourisme Montral (http://www.tourisme-montreal.org)

- 101

Site Rota Recife: uma aplicao desktop e mobile

6.5.2. Gerao e seleo de alternativas

Durante a gerao de alternativas foi possvel perceber que o wireframe para a pgina inicial da modalidade desktop, definido anteriormente, no era a melhor soluo para a organizao dos elementos que deveriam compor a homepage. Sendo assim, estudou-se alternativas no s de layout como tambm de wireframes. Os estudos realizados deram origem a trs alternativas visuais.

Figura 44 alternativa 01

Figura 45 alternativa 02

- 102

Site Rota Recife: uma aplicao desktop e mobile

Figura 46 alternativa 03

Para selecionar a melhor alternativa entre os esboos realizados, utilizou-se o mtodo de Pen (2003) intitulado tabela de estilo de esboo de alternativas. Para isso, geramos uma tabela com critrios a serem avaliados nas alternativas propostas. Para cada critrio foi atribudo um peso e uma nota de 0 a 5. O mtodo foi aplicado como forma de melhor justificar a escolha do layout que passaria para a prxima etapa, a avaliao esttica. Segue abaixo a tabela com os critrios e notas:

Harmonia Originalidade Clareza Adequao ao pblico alvo Total

Pesos 3 3 3 4

Alterna. 01 1 2 2 2 23

Alterna. 02 Alterna. 03 5 4 3 4 4 4 3 48 5 59

Tabela 1 Tabela de estilo de esboo de alternativas

De acordo com a anlise da tabela de estilo de esboo e alternativas, possvel observar que a alternativa 03 obteve a maior pontuao, sendo ento, a selecionada para a prxima fase a avaliao esttica por parte dos usurios.

- 103

Site Rota Recife: uma aplicao desktop e mobile

6.5.3. Avaliao esttica

Como especificado na metodologia do projeto, a avaliao esttica do ponto de vista do usurio foi aplicada com base na TAE.web-u, Tcnica de avaliao esttica para websites com usurios, desenvolvida por Pirau (2007). Foram feitas pequenas adaptaes com base no modelo de questionrio e entrevista desenvolvidos por Pirau (ibid). Por considerar-se desnecessrias para a anlise desse trabalho, as duas questes abaixo, presentes no modelo original da pesquisa, foram retiradas da entrevista aqui aplicadas: 1 - Com que freqncia voc acessa a Internet? ( ( ( ( ( ( ) Diariamente ) Mais de uma vez por semana ) Uma vez por semana ) Menos de uma vez por semana ) Raramente ) Nunca

2 - Voc j conhecia o site apresentado? ( ( ( ) Sim ) No ) Talvez

A avaliao foi aplicada com 10 pessoas, cinco delas correspondente ao grupo dos usurios locais e as demais correspondente ao grupo dos turistas. A TAE. web-u foi aplicada pessoalmente ou atravs da internet, pelo Messenger. Foi possvel perceber que as avaliaes realizadas pessoalmente rendem um maior detalhamento nos comentrios, o que enriquece a avaliao e consequentemente o resultado final do projeto. A seguir apresentado o modelo final da avaliao composto por questionrio e entrevista.

- 104

Site Rota Recife: uma aplicao desktop e mobile

Avaliao Esttica - Modelo


Informaes pessoais Nome: Idade: Ocupao: Sexo: ( ) Masculino ( ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 105

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu?

Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 5. Voc consegue identificar alguma rea do site que lhe desagradou? 6.Quais seriam as suas sugestes para melhorar a aparncia deste site?

- 106

Site Rota Recife: uma aplicao desktop e mobile

Para participar da avaliao, o usurio era inicialmente apresentado ao layout da tela do site, alternativa 03. A imagem era visualizada no browser para simular ao mximo o impacto inicial que o usurio teria ao acessar a pgina j implementada. Em seguida, o participante respondeu o questionrio e a entrevista podendo fazer os comentrios que quisesse. Como forma de definir referncias e parmetros para a comparao dos resultados, foram preenchidos os modelos ideais para as duas tabelas do questionrio. Esses modelos referem-se s expectativas em relao a cada uma das descries. Modelo ideal dos sentimentos do usurio em relao ao site

Muito Pouco Nulo Pouco

Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

Modelo ideal para as idias transmitidas pelo site

Muito Pouco Nulo Pouco

Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 107

Site Rota Recife: uma aplicao desktop e mobile

Segundo o modelo ideal desenvolvido, o layout do site deve ser muito atrativo e divertido e provocar muita surpresa agradvel e satisfao. As emoes que estariam em segundo plano, importantes por serem aspectos positivos, mas no essenciais em nveis elevados para esse caso, so: Inspirao, admirao e fascinao. O modelo ideal referente s idias transmitidas pelo site determina que o layout deva ser um pouco ativo, maduro, moderno, srio e original. Os extremos, masculino e feminino, quente e frio, modesto e sofisticado, refinado e rstico, excepcional e medocre foram colocados como nulos, pois no h o interesse de que essas idias sejam transmitidas. Segundo Norman (apud Pirau, 2007), quando ocorre uma maior concentrao de respostas positivas, significa que a interface est agradando o usurio. No caso em que a maior parte das respostas estiver relacionada a emoes negativas, a interface desagrada seus usurios e dessa forma, necessrio alteraes em carter de urgncia. Existe ainda uma terceira possibilidade, onde a maior parte dos usurios responde de forma indiferente nulo, significando assim que a interface, no mnimo, no agrada e to pouco provoca reaes positivas. Aps a aplicao da avaliao esperado que o site desperte na maioria dos usurios emoes positivas. A seguir, veremos em detalhes, as comparaes de cada modelo ideal e os resultados levantados com a avaliao dos usurios.

- 108

Site Rota Recife: uma aplicao desktop e mobile

Observaes dos sentimentos do usurio em relao ao site Modelo ideal


Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao Resultado da avaliao dos usurios
Muito Pouco Nulo Pouco Muito

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

50% 50% 30% 30% 40% 50% 10%

40% 20% 50% 40% 30% 30% 60%

10% 30% 20% 20% 30% 10% 20%

10% 10% 10%

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

No que diz respeito ao impacto emocional do usurio em relao esttica do site apresentado, a maior parte respondeu de forma positiva. Em nenhum dos casos a resposta negativa ultrapassou os 10% e o percentual mximo para a escolha do nulo foi de 30%. Conforme mostrado na tabela anterior, possvel perceber a porcentagem e a intensidade para cada alternativa. A atrao correspondeu escolha de 90% dos usurios. Inspirao e satisfao foi escolha de 80%. J a surpresa agradvel obteve 70%, assim como diverso, admirao e fascinao. Em comparao com ao modelo ideal, a avaliao dos usurios se deu de forma no esperada apenas no nvel de diverso e admirao. Para o sentimento de diverso o site deveria atingir o nvel muito. Porm, 70% consideraram o layout divertido, uma soma dos 30%, que optaram como muito, com os 40% dos usurios que escolheram pouco. Uma discordncia de baixa gravidade, tendo em vista que o percentual geral de diverso manteve-se nas emoes positivas. Quanto a admirao o resultado foi

- 109

Site Rota Recife: uma aplicao desktop e mobile

alm das expectativas, mas assim como diverso, em uma pequena margem de diferena. Era esperado que essa emoo atingisse apenas o nvel pouco, no entanto, 40% consideram o layout muito admirvel e 30% tiveram pouca admirao. De forma geral podemos ento afirma, que inicialmente, o layout do site agradou o pblico alvo atravs de emoes positivas. Seguem abaixo as comparaes referentes s idias transmitidas pelo layout do site. Observaes relacionadas a idia transmitida pelo site Modelo ideal
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

Resultado da avaliao dos usurios


Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

10%

20% 20% 20% 20% 30% 40% 30% 40% 20%

20% 20% 30%

30%

80% 20% 30% 20% 20% 40% 30% 70% 50% 10%

30% 50% 30% 20%

20% 20% 30% 20% 10%

10% 30%

10%

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 110

Site Rota Recife: uma aplicao desktop e mobile

Entre as opes masculino e feminino, 80% consideram que o site no parece ter essa caracterstica bem definida, e marcaram nulo. Somente 20% registraram uma idia um pouco masculina. Resultado satisfatrio. 50% dos usurios identificam que o site ativo, 30% consideram-no inerte e 20% nulo. Resultado no satisfatrio, pois apenas 20% do total dos pesquisados declarou o que realmente esperava-se, que o layout muito ativo. Um mesmo percentual de 20% o considerou um pouco inerte. Entre as opes de quente e frio, o frio obteve 70%, os 30% restante foram nulos. Resultado considerado um pouco satisfatrio, tendo em vista que no se deseja despertar nenhum dos extremos. 60% dos pesquisados acham que o site apresentado transmite uma idia madura. 20% vem o layout de maneira um pouco infantil e o mesmo percentual foram nulos. Essa caracterstica atendeu de forma satisfatria as expectativas. Modesto e sofisticado foram as nicas opes que se mantiveram em igualdade de percentagem em todas as intensidades, 20% para cada opo. Resultado considerado satisfatrio de acordo com o modelo ideal definido. 50% dos usurios consideram que o layout moderno, 40% o consideram nulo e 10%, muito tradicional. Essas caractersticas parecem um pouco confusas para o usurio e tero que ser mais bem trabalhadas. Entre as idias de refinado e rstico o resultado se mostrou satisfatrio. A descrio de rstico no obteve escolha alguma, 70% descreveram o site como refinado e 30% o consideram nulo. 70% dos usurios no consideram o site excepcional ou medocre e 30% consideram-no um pouco excepcional. Resultado correspondente as expectativas. J entre as idias de srio e extravagante, 50% dos pesquisados marcaram nulo, 40% julgam um pouco srio e 10%, um pouco extravagante. Resultado que corresponde ao modelo ideal. Entre original e comum a avaliao foi bem equiparada. 50% consideram o site original, contra 40%, que escolheram a opo comum, e apenas 10% marcaram que o layout muito comum. Era esperado que o site transmitisse uma idia um pouco original e no se pode dizer que esse objetivo foi atingido por causa dos 30% que o identificaram um pouco comum e os 10% que o

- 111

Site Rota Recife: uma aplicao desktop e mobile

definiram como muito comum. Com relao s idias que devero ser mais bem desenvolvidas, o layout dever ser mais ativo, mais moderno e original.

Anlise das notas Com as notas que foram dadas nas questes 1, 2, 3 e 4, da entrevista, foi feita a mdia que resultou no seguinte quadro: Mdias 8,35 8,5 7,8 8,8

Beleza do site Formato , tamanho e disposio dos elementos Cores Fontes


Tabela 2 Mdia das notas da avalio esttica

Para analisar as mdias obtidas, foi definido o critrio que se segue: 0 a 4,9: ruim ou pssimo Faz-se necessria uma reforma urgente na interface. 5 a 7,9: regular A interface pode melhorar, ento necessria uma reforma, sem carter de urgncia. 8 a 10: bom ou timo No so necessrias alteraes A menor mdia foi na anlise das cores, 7,8. Tendo em vista que foram feitos muitos comentrios e sugestes com relao s cores utilizadas no site, essa ser uma das alteraes para que o layout atinja uma pontuao maior entre os usurios. De fato, as demais notas esto entre 8 e 10, que segundo o critrio demonstrado anteriormente, no necessitam de alteraes. No entanto, percebeu-se que todas essas mdias ficaram muito prximas do limite que dividi o resultado bom e o regular, sendo a maior delas de 8,8. Boa parte dos usurios tem dificuldades em definir o valor das notas e em geral os pesquisados disseram gostar da interface, mas na maioria dos casos, no deram nota mxima. Alguns deles no souberam expressar exatamente o que lhes desagradava. Sendo assim, definiu-se que alm das cores utilizadas no layout, a beleza, o estilo e as fontes aplicadas na interface, poderiam ser melhoradas. Essas mudanas seriam fundamentadas com os comentrios, problemas e sugestes

- 112

Site Rota Recife: uma aplicao desktop e mobile

citadas pelos usurios. Informaes que analisaremos a seguir.

Problemas apontados Cores montonas, muito azul Forma diagonal do fichrio Pouco espao entre o menu e o fichrio Mancha azul no topo Fonte da rea de roteiros Site pequeno na largura Falta de estilo da fonte do menu Linha tracejada no lado direito Background branco A rea de cadastre-se chama muita ateno Foto central pequena Sombra azul no rodap Linha tracejada do menu A rea de roteiros poderia ser mais trabalhada
Tabela 3 Problemas encontrados na avaliao esttica

60% 30% 30% 30% 20% 20% 20% 20% 10% 10% 10% 10% 10% 10%

Durante toda a avaliao os usurios poderiam fazer os comentrios que quisessem. Porm, nas perguntas de nmero 5 e 6 da entrevista, tinha-se espao especificamente para identificar problemas e dar sugestes. Como forma de identificar a gravidade dos problemas apontados utilizou-se os critrios a seguir: Citado por mais de 50%: alta gravidade Citados por mais de 25%: mdia gravidade Citado por menos de 25%: baixa gravidade

Sugestes Usar tons mais escuros e adicionar outras cores Mudar a fonte do menu Aproveitar mais as laterais Usar mais fotos Destacar mais a agenda cultural Aumentar a fonte do ttulo dos roteiros Usar cores da bandeira do Recife Dar textura ao menu
Tabela 4 Sugestes dos usurios na avaliao esttica

60% 20% 20% 20% 10% 10% 10% 10%

- 113

Site Rota Recife: uma aplicao desktop e mobile

Alteraes Ao final de toda essa anlise, podemos comentar a seguir, as alteraes que a interface sofreu para a finalizao do layout desse projeto. As alteraes propostas tm a inteno de tornar o site um pouco mais ativo, divertido e com aspectos mais originais. Reavaliar as cores utilizadas, por exemplo, ser fundamental para ressaltar tais aspectos. Alm de ajustes nas fontes, no menu e nos destaques dos roteiros tursticos. Ponderando os aspectos mais relevantes que deveriam ser ajustados foi gerada uma lista de aes a serem executadas na reviso do layout do projeto, conforme mostrado a seguir: Checar a possibilidade de escurecer o azul utilizado; Inserir outra cor para quebrar a monotonia atual; Checar a possibilidade de mudar ou retirar as machas azuis do topo e do rodap do site; Destacar mais o menu mudando a fonte e adicionando cor ou caixas em cada item; Checar a margem inferior do menu; Diferenciar o ttulo do que est abaixo dele; Dar maior destaque aos roteiros tursticos e usar fotos mais atrativas; Checar a possibilidade de limitar a rea do site nas laterais e no rodap.

- 114

Site Rota Recife: uma aplicao desktop e mobile

6.5.4. Layout

De forma geral, na interface final do website, realizou-se as alteraes detectadas na avaliao esttica, sem esquecer da conformidade com as informaes definidas no incio da metodologia, como por exemplo, as caractersticas das personas, Fernando e Erika, e os objetivos de que o site deveria permitir que as pginas tivessem um carregamento rpido. Nessa etapa apresentado o layout final do site desktop e algumas telas desenvolvidas, com um descritivo sobre suas respectivas caractersticas. Se tratando de um mesmo produto, a verso mobile manteve a mesma identidade definida, com as devidas adequaes que aqui sero descritas. Foram selecionadas para apresentao pginas com diferentes formataes: a tela da pgina inicial; as pginas de roteiros, com textos e fotos e uma tela que apresenta a formatao de formulrios.

Figura 47 Layout final

Justificativas No que se refere aplicao das formas, a interface explorou alguns contornos diagonais e arredondados de modo a proporcionar certo dinamismo. As formas retangulares ligadas por argolas transmitem a idia de um guia de viagem, com pginas e bolsos onde esto todas as informaes que o usurio precisar. Foram utilizados pequenos detalhes, como linhas preenchidas e linhas tracejadas, na separao de contedo e definio de ttulos. Esses recursos foram identificados com freqncia na anlise de similares e se

- 115

Site Rota Recife: uma aplicao desktop e mobile

adequou as necessidades do projeto. Efeitos de sobras nas extremidades das formas tambm foram aplicados garantindo um volume sutil aos elementos. A paleta de cores utilizada resumi-se em 3 cores bsicas e suas variaes: azul, laranja e vermelho. Essa proposta concede ao projeto certa originalidade, tento em vista que no se restringe as cores da bandeira de Recife, como se v com freqencia em outros sites. Foram utilizadas apenas tipografias sem serifa, justificadas por serem mais bem adequadas para trabalhos web. Utilizou-se as fontes Susanna e Eurostile em ttulos e menu. J para as massas de textos, o contedo, foi utilizado a fonte Verdana, por ser uma das fontes padres para internet e que apresenta boa legibilidade em escalas reduzidas, importante para a verso web mobile. As fotografias utilizadas so todas colorias e de tamanhos variados de acordo com cada pgina. Todas com bordas arredondadas. Foram ainda utilizados pequenos cones para ajudar na identificao de tarefas especficas e setas, posteriores a links de texto curto.

Figura 48 Detalhes de alguns elementos utilizados no layout

6.5.4.1. Desktop

Pgina inicial A pgina inicial da verso desktop composta por destaques da agenda cultural; temperatura; destaques de roteiros tursticos, onde so apresentados por meio de animao os roteiros mais procurados; rea de cadastramento com preenchimento de dados iniciais; e destaque do acesso mobile. Como mencionado na gerao de alternativas, o wireframe definido no plano de esqueleto, sofreu modificaes. Ficou ento definido o wireframe mostrado na figura 49.

- 116

Site Rota Recife: uma aplicao desktop e mobile

Figura 49 Camparao da pgina inicial com seu wireframe

Navegao O topo do site possui as informaes presente em todas as telas dessa verso. Nele encontramos a navegao primria, navegao local, navegao utilitria e a marca com link para a pgina inicial. Ao passar o mouse em um dos itens do menu, uma aba com linha tracejada faz seu contorno e seus subitens aparecem abaixo. Quando direcionado para

- 117

Site Rota Recife: uma aplicao desktop e mobile

uma das pginas internas, a seleo da aba permanece ativada, mostrando os subitens da respectiva seo (figura 50). A navegao utilitria (figura 51) representada por cones e texto nos casos do idioma e no mapa do site. A busca simples se apresenta apenas com o campo de texto e o boto, e a busca avanada, um link em texto. A navegao contextual (figura 52) apresentada ao lado do contedo e definida em uma caixa na cor azul, com um sutil efeito de aba que altera a cor ao passar o mouse.
Figura 50 Navegao primria

Figura 51 Navegao utilitria

Figura 52 Navegao contextual

Pginas interna As pginas internas, assim como a pgina inicial, possui uma grid de trs colunas. No entanto, as duas primeiras colunas so agrupadas para o contedo principal da seo. O topo dessa rea possui o ttulo, em vermelho, e links com o caminho percorrido, chamado de breadcrumbs ou migalhas de po. Na coluna da direita so apresentados a navegao contextual e contedo auxiliar. Na coluna do contedo, o ttulo separado por duas linhas preenchidas. J na coluna da direita, os ttulos so diferenciados apenas pela cor e tipografia e as reas so divididas por linhas tracejadas.

Figura 53 Wireframe geral das pginas internas

- 118

Site Rota Recife: uma aplicao desktop e mobile

Pgina Roteiro Ao escolher a opo Roteiro, o usurio ser direcionado a lista de todos os roteiros disponveis. Os roteiros so organizados por ordem alfabtica e divididos por paginao. O usurio poder encontrar um roteiro, procurando pela lista ou utilizando um campo de busca especfico para esta seo. Atravs da busca possvel encontrar um roteiro pesquisando por uma palavra chave, um lugar que deseja conhecer, ou mesmo o nome de um roteiro especfico que est em uma das pginas da lista. Alm disso, o usurio encontra destaques dos roteiros mais procurados no site. Na pgina, cada roteiro encontrado em um quadro com o ttulo, uma foto representativa e texto com alguns dos pontos que o roteiro contempla. Esses

Figura 54 Tela Roteiros

- 119

Site Rota Recife: uma aplicao desktop e mobile

quadros possuem o topo na cor azul ou laranja que se intercalam no decorrer da lista. A escolha de colocar uma fotografia representando cada roteiro teve o intuito de facilitar a identificao pelo usurio; ela funciona como uma referncia visual para encontrar determinado roteiro. A coluna da direita, coluna de apoio, traz a navegao contextual: Histrias da Cidade e Cultura Recifense. Abaixo se v o campo de busca para os roteiros. Essa funo destacada atravs da aplicao da cor, onde foi usado o vermelho e o laranja. Ainda na mesma rea, possvel ver os roteiros em destaque: uma foto e o nome do roteiro com o mesmo efeito utilizado no destaque da pgina inicial. Pgina Roteiro Recife Antigo

Figura 55 Tela Roteiro Recife Antigo

- 120

Site Rota Recife: uma aplicao desktop e mobile

Ao escolher um dos roteiros disponveis, o usurio tem acesso pgina com o detalhamento das informaes. O roteiro aqui exemplificado o Roteiro Recife Antigo. primeira coluna conta com a descrio do percurso e destaques dos pontos principais. Esses pontos principais so em fonte maior que os demais textos e do acesso a uma foto e legenda. Essa legenda apresenta algumas informaes bsicas, como horrio de funcionamento e preo de acesso. A coluna de apoio dividida em trs reas: Fotos, Depoimentos e Mapas do Roteiro. Todos esses ttulos aparecem em caixas na cor laranja e com um cone representativo na lateral. Na rea de fotos, a foto representativa do roteiro aparece maior, com outras miniaturas abaixo. As miniaturas quando clicadas, levam tambm visualizao da fotografia e respectiva informao em texto. Na rea de depoimentos possvel ver o ltimo depoimentos e links para ver todos ou submeter um novo relato. Abaixo do ttulo Mapas do Roteiro possvel visualizar ou fazer download dos mapas com os pontos tursticos e as linhas de transportes.

Figura 56 Visualizao de fotos

- 121

Site Rota Recife: uma aplicao desktop e mobile

Pgina Cadastre-se A pgina de cadastramento basicamente composta por um formulrio com opes de campo de texto, checkbox, radio button e um boto de finalizao. As informaes so divididas em dois grupos, limitados por caixas semelhantes as da pgina de roteiros: bordas arredondadas, identificao no topo e um leve sombreamento entre o ttulo e o incio do texto. Os campos de texto mantm o mesmo aspecto dos que se apresentam na pgina inicial, preenchimento suave em degrad e contorno azul. J os checkboxes e radio buttons so na cor branca. A lateral desta pgina possui um texto com informaes auxiliares sobre o cadastramento e um destaque sobre o acesso por celular.

Figura 57 Tela Cadastre-se

- 122

Site Rota Recife: uma aplicao desktop e mobile

6.5.4.2. Mobile

Para levar a mesma identidade para a interface do site mobile, algumas alternativas foram estudadas. E assim como no caso do desktop, permitiu-se testar opes de wireframe. Ao final do estudo foi selecionada a figura 59. Apesar de possuir um layout fluido, todas as telas mobile foram projetadas para se adequarem principalmente resoluo dos celulares do pblico alvo (176 X 220). Os mesmo elementos visuais foram utilizados, porm em menor quantidade e com algumas adaptaes para no deixar o espao visualmente carregado. As linhas preenchidas; linhas tracejas e suaves efeitos de sombra e degrad, foram mantidos; j as bordas se tornaram menos arredondadas. Foi utilizada apenas a fonte Verdana e essa opo foi adotada para garantir a legibilidade, tendo em vista a resoluo dos celulares do pblico alvo e o tamanho da fonte. Pgina inicial O wireframe da pgina inicial, definido no plano de estrutura, no atendeu as necessidades do site. Os ajustes no wireframe colocaram a navegao utilitria com disposio horizontal e trouxeram para a pgina algumas imagens de roteiros, no intuito de tornar a homepage mais atraente. A pgina possui uma grid de duas colunas. Uma com fotos e a outra com a navegao primria. As fotografias aparecem em caixas retangulares, levemente arredondadas e com a mesma relao visual no site desktop.

Figura 58 Tela da pgina principal

Figura 59 Wireframe da pgina principal

- 123

Site Rota Recife: uma aplicao desktop e mobile

Navegao A navegao utilitria acontece apenas atravs dos links em texto, sem uso de cones, na cor azul e sobre uma faixa laranja. A navegao primria e a navegao local so na cor vermelha e separadas por linhas tracejadas. Os links de home e voltar possuem as mesmas caractersticas da navegao utilitria.

Figura 60 Sistemas de navegao mobile

Pginas Internas O wireframe para as pginas internas foi mantido de acordo com a definio no plano de estrutura. Entre os elementos presente em todas as pginas internas, tem-se a marca do Rota Recife, os links home e voltar, a rea do contedo, disposta em uma nica coluna, e a repetio dos links que permitem ir a pgina inicial ou voltar para a pgina anterior. A rea reservada para o contedo possui background azul e ttulo separado por linha preenchida. Pgina Roteiro Na pgina Roteiros, o usurio encontrar as informaes sobre a busca por roteiros e a lista de todos os roteiros, visualizados pelo ttulo de cada um. As caixas para cada roteiro se intercalam entre o azul e o laranja. Quando escolhido um dos roteiros tem-se acesso a pgina com o detalhamento das informaes daquele percurso.

Figura 61 Tela Roteiro

- 124

Site Rota Recife: uma aplicao desktop e mobile

Pgina Roteiro Recife Antigo A seo do Roteiro Recife Antigo possui uma imagem representativa do roteiro; o texto que descreve o percurso e links para as demais informaes de fotos, depoimentos e mapas. A imagem mantm as bordas levemente arredondadas. O volume de todos os textos sofreram adaptaes, ficando o mais conciso possvel para transmitir as informaes de forma objetiva e evitar pginas muito longas. Ao final do texto encontram-se links que levaro o usurio para uma nova seo respectiva a fotos, depoimentos ou mapas. Esses links possuem a caixa de cor laranja e se mantm com o cone, para facilitar a identificao.

Figura 62 Tela Roteiro Recife Antigo

- 125

Site Rota Recife: uma aplicao desktop e mobile

Pgina de Fotos As fotos podem ser visualizadas separadamente quando acessado a link na pgina de detalhamento do roteiro. A pgina apresenta as imagens com bordas arredondadas e uma legenda abaixo. Pgina Contatos A opo de cadastramento no estar disponvel nessa verso. Dessa forma, para representar a disposio de uma tela com formulrio, foi aqui utilizada a seo de contatos. A pgina possui informaes em texto, boto e campos com as mesmas caractersticas visuais da verso desktop.

Figura 64 Tela Contatos Figura 63 Tela de fotos do roteiro

6.6. Prottipo digital

A inteno do prottipo digital desenvolvido no final desse projeto apresentar, em computadores e celulares, as telas anteriormente mostradas. Com isso, pretende-se permitir a utilizao de recursos bsicos e trazer parte da experincia que o site provocar nos usurios, quando completamente finalizado. O foco do prottipo analisar as questes de design que foram desenvolvidas e avaliar a necessidade de ajustes e modificaes.

- 126

Site Rota Recife: uma aplicao desktop e mobile

7. Concluso

Como vimos, a convergncia das mdias, a difuso dos dispositivos mveis de acesso a web e a prpria web mobile, so resultados da necessidade de comunicao constante. Dessa forma, Os computadores do tipo desktop vo perdendo espao para dispositivos portteis, afinal a mobilidade nunca foi to atual. A miniaturizao dos dispositivos e a convergncia de funes nos aparelhos celulares crescem na mesma proporo. Queremos mais funcionalidades no menor espao fsico possvel, e o que antes era apenas comunicao de voz, agora possui incontveis funcionalidades. Tudo isso justifica os atuais investimentos em aplicaes mveis para a web. Vimos que a mobilidade na web avana a largos passos, mas que junto a esse crescimento preciso garantir a qualidade na experincia do usurio, no design de interao, usabilidade e acessibilidade. Para tal, faz-se necessria as adequaes que aqui foram propostas. O presente trabalho teve como objetivo o desenvolvimento de um site com aplicao na web desktop e na web mobile. Definiu-se ento um cliente hipottico, e o produto: um site de roteiros tursticos de um dia pela cidade do Recife. Intitulado Rota Recife, o site visa atender s necessidades de turistas e moradores da cidade, oferecendo as melhores informaes de turismo e lazer em plataformas desktop e mobile. O site pretende ser uma ferramenta de fcil acesso, antes e durante visitas cidade. Percebemos que as etapas de desenvolvimento de um projeto do tipo desktop, aqui expostas, podem ser facilmente aplicadas no desenvolvimento da verso mobile. Para isso, no entanto, foi preciso traar paralelos constantes entre as duas modalidades. Todas as etapas realizadas tiveram o intuito de garantir a qualidade da experincia por parte dos usurios e para tal foram identificadas as necessidades no uso dos dispositivos distintos, computadores e celulares. Antes de projetar para um dispositivo especfico, precisamos conhec-lo, saber quais os sistemas que o envolve, como ocorre a interao e quais as vantagens e limitaes que oferece ao usurio. Ficou claro tambm, que mudanas e ajustes no projeto so sempre necessrias. Nenhum dos planos aqui realizados so definitivamente imutveis, principalmente quanto tem-se a participao dos usurios em diferentes etapas. Assim como nas entrevistas iniciais, no carding sorting ou

- 127

Site Rota Recife: uma aplicao desktop e mobile

na avaliao esttica, a participao do pblico alvo ainda na fase projetual faz o designer enxergar alm do que percebemos inicialmente como a melhor maneira de projetar um produto interativo. Dessa forma, o projeto resultou em uma soluo bastante satisfatria a todos os seus objetivos inicias. O site poder ser acessado por usurios que utilizam aparelhos de acesso a internet, fixo ou mveis, e garantir a qualidade da experincia do usurio. Uma interface agradvel, com a contribuio do prprio usurio na organizao das informaes. O prottipo digital aqui desenvolvido teve apenas o intuito de testar a conformidade das telas projetadas, sua navegao e permitir as devidas comparaes no acesso por meio de computadores e celulares. Recomenda-se, como desdobramento desse trabalho, a continuao de seu desenvolvimento e posterior submisso a testes de usabilidade que daro origem a novos aperfeioamentos para o sistema. As fontes de pesquisa sobre a web mobile, por enquanto, no so muitas, porm aos poucos vo surgindo novas publicaes. Nossa contribuio acadmica foi relevante por colocar em discusso as etapas de adaptao de um projeto web para apresentao em celulares. Com esse trabalho esperamos contribuir para um maior conhecimento no desenvolvimento de sites e suas respectivas verses, etapas de desenvolvimento de um projeto web e, especialmente, no que diz respeito s diretrizes da web mvel.

- 128

Site Rota Recife: uma aplicao desktop e mobile

Referncias bibliogrficas

ABREU, Leonardo Marques de. Usabilidade de telefones celulares com base em critrios ergonmicos. Rio de Janeiro: PUC, 2004, 294f. Dissertao (Mestrado) Pontifcia Universidade Catlica do Rio de Janeiro, Departamento de Artes & Design, Rio de Janeiro, 2004. DOMINGO, Henrique Costa Pereira. Algumas questes em torno do desenvolvimento de sites para dispositivos mveis. [S.I.], 2007. Disponvel em: <http://revolucao.etc.br/archives/algumas-questoes-emtorno-do-desenvolvimento-de-sites-para-dispositivos-moveis/>. Acesso em: 14 dez. 2008. GARRETT, Jesse James. The Elements of User Experience: User-Centered Design for the web. New Riders, 2003. HORST, Heather. The Cell Phone An Anthropology of Communication. [S.I.]. Berg, 2006 KRUG, Steve. No me Faa Pensar. 2. ed. Traduo de Acauan Pereira. Rio de Janeiro: Alta Books, 2006. MAGUIRE, Martin. Methods to support human-centred design. HUSAT Research Institute, Loughborough University, Leicestershire, UK, 2001. MEIRA, Slvio. Convergncia digital... no celular. Recife: G1 Portal de Notcias da Globo, 2007. Disponvel em: <http://www.silviomeira.globolog. com.br/archive_2007_05_26_19.html>. Acesso em: 25 jan. 2009. MELGAR, Robinson. Web mvel: a internet de bolso j realidade. Revista Locaweb, 5. ed. Rio de Janeiro: Europa Ltda, p. 23-31, Abril. 2008. MEMRIA, Felipe. Design para a internet: projetando a experincia perfeita. Rio de Janeiro: Elsevier, 2005. MTLD - DOTMOBI. Mobile Web Developers Guide: Creating Simple Mobile Sites for Common Handsets. [S.I.]. 2007. NIELSEN, Jakob. Projetando Websites. Rio de Janeiro: Campus, 2000.

- 129

Site Rota Recife: uma aplicao desktop e mobile

_____________. Usability Engineering. Boston, MA: Academic Press, 1993. REVISTA PC WORLD/EUA. Do tijolo ao iPhone: acompanhe a evoluo dos celulares. [S.I.]. Disponvel em: <http://idgnow.uol.com.br/computacao _pessoal/2007/06/01/idgnoticia.2007-06-01.3791063042/>, 2007. Acesso em: 20 mar. 2009. STERLING, Bruce. When blobjects rule the Earth. Palestra apresentada na SIGGRAPH, Los Angeles: 2004. Disponvel em: <http://www.boingboing.net/ images/blobjects.htm>. Acesso em: 12 jan. 2009. PADOVANI, Stephania. Ergonomia informacional. Apostila de acompanhamento de disciplina para o curso de especializao em ergonomia informacional - Departamento de Design da Universidade Federal de Pernambuco. Recife, 2002. PEN, Maria L. Sistemas de Identidade Visual. 3. ed. Rio de Janeiro: 2AB, 2003 PINHEIRO, Mauro; SPITZ, Rejane. O design de interao em ambientes de ubiqidade computacional. Congresso Internacional de Design da Informao, 3., 2007, Curitiba; Anais...CD-ROM. Curitiba, 2007. PIRAU, Jos. TAE.web-u : a construo de uma tcnica para avaliao esttica de websites com usurios. Recife: UFPE, 2007, 150f. Dissertao (Mestrado) Programa de Ps-Graduao em Design. Universidade Federal de Pernambuco, Recife, 2007. PREECE, Jenifer; ROGERS, Yvonne; SHARP, Helen. Design de interao: alm da interao homem computador. Traduo de Viviane Possamai. Porto Alegre: Bookman, 2005. SIQUEIRA, Alexandre de Oliveira. Usabilidade na internet: Uma avaliao de portais web nacionais sob a tica do acesso para a terceira idade. Recife: UFPE, 2005. Trabalho de concluso de curso - Bacharelado em Design. Universidade Federal de Pernambuco, Recife, 2005.

- 130

Site Rota Recife: uma aplicao desktop e mobile

Anexo I - Entrevistas
Entrevista Representativa - Grupo1: Usurio Local
Nome: Juliana Santos Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Recife PE - Brasil Grau de escolaridade: Tcnico em Contabilidade e Cursando Superior de Administrao Ocupao: Assistente Financeiro Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 30 Nacionalidade: Brasileira

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ R ] Celular [ R ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? 1g de memria, 160 HD, monitor de 17 polegadas e resoluo de 1024x768 Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Celeron, 2G de memria, 160HD e resoluo de 1280x800 Qual o modelo do seu aparelho de celular: Nokia n95, Sony Ericsson, Sansumg Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Em mdia duas vezes por ms Exemplifique 3 sites que acessa com freqncia: - google - unopar - e-mails em geral (ig, hotmail, bol e gmail) e orkut Se os sites citado possussem verso para celular, voc os acessaria? Sim. Acesso o Orkut s vezes e os sites da Claro e do Ig para checar e-mail. Apesar de no caberem na tela no tive problemas para encontrar o que queria. Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ x ] 2 4 vezes por ms[ ] 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Shopping, parques de diverso ou clubes de campo O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ ]

- 131

Site Rota Recife: uma aplicao desktop e mobile

Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ R ] Patrimnio histrico e artstico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestaes culturais [ R ] Paisagens naturais [ S ] Locais de compra [ S ] Outros:

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ S ] Temperatura [ S ] Horrios de funcionamento [ S ] Preos de servios [ S ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ X ] Sites [ ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqentemente [ ] Raramente [ ] Nunca [ X ] Outros: Quais os sites que costuma acessar para obter essas informaes? Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? No Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? Sim Que tipo de informao considera indispensvel em roteiros tursticos na web? Informaes do local, mapas, preo dos servios O que poderia ser oferecido nesse site para facilitar seu passeio? Informaes bem especificas de como chegar aos locais: se existe ou no locais de estacionamento. Transportes que se pode tomar e em que paradas descer.

- 132

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: Mnica Maria da Silva Barbosa. Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Camaragibe- Brasil Grau de escolaridade: Superior incompleto. Ocupao: Funcionria Pblica Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 24 anos Nacionalidade: Brasileira

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Configurao do windows vista.Tela LCD widescreen 15,4. ,resoluo de vdeo 1200x800. Qual o modelo do seu aparelho de celular: Sony ericsson w302 e sony ericsson k550i O celular permite acesso internet? Sim [ X ] No [ ]

Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Apenas quando realmente necessrio Exemplifique 3 sites que acessa com freqncia: -geocities -google -hotmail Se os sites citado possussem verso para celular, voc os acessaria? Sim

Nunca [ ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 4 vezes por ms[ X ] 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Cinema, praias, locais de manifestaes culturais. Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ S ] Patrimnio histrico e artstico [ S ] Gastronomia /Bares e restaurantes [ S ] Manifestaes culturais [ S ] Paisagens naturais [ S ] Locais de compra [ R ] Outros:

- 133

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ F ] Temperatura [ R ] Horrios de funcionamento [ F ] Preos de servios [ F ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqentemente [ ] Raramente [ X ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Sites oficiais do evento. Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ X ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? Sim. Passeio de Catamar pelo Rio Capibaribe. Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? Sim Que tipo de informao considera indispensvel em roteiros tursticos na web? Localizao O que poderia ser oferecido nesse site para facilitar seu passeio? Tpicos com informaes diretas (exemplo: localizao, acessos, servios disponveis).

- 134

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: Jos Patrcio Silva dos Santos Sexo: Masculino [ X ] Feminino [ ] Cidade e pas onde reside: Olinda /Brasil Grau de escolaridade: Superior incompleto Ocupao: Bolsista da UFPE Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 23 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ N ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? 512MB de memria RAM e 80GB de HD Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? ----Qual o modelo do seu aparelho de celular: Nokia 2680 Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: - www.sportrecife.com.br - www.orkut.com - www.folhape.com.br Se os sites citado possussem verso para celular, voc os acessaria? Talvez - Eu s usaria num caso em que fosse imprescindvel. Mas no usaria com freqncia no. O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ X ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 4 vezes por ms[ 1 vezes por ms [ X ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Cinema, estdio de futebol, praia, pizzaria etc Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ S ] Patrimnio histrico e artstico [ F ] Gastronomia /Bares e restaurantes [ N ] Manifestaes culturais [ S ] Paisagens naturais [ S ] Locais de compra [ S ] Outros:

- 135

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ S ] Temperatura [ N ] Horrios de funcionamento [ S ] Preos de servios [ S ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? www.google.com.br Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ X ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? J. Atravs de um catamar no Rio Capibaribe, no centro da cidade do Recife. Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? Acessaria pela comodidade Que tipo de informao considera indispensvel em roteiros tursticos na web? Localizao e custo O que poderia ser oferecido nesse site para facilitar seu passeio? Depoimentos de pessoas que passaram pela experincia do roteiro turstico

- 136

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: Renato Jos da Silva Sexo: Masculino [ X ] Feminino [ ] Cidade e pas onde reside: Camaragibe / Brasil. Grau de escolaridade: 3 Grau incompleto. Ocupao: Estudante. Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 26 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Intel (Pentium dual-core inside); Ram (3,00 GB); HD (160); Tela (14) Qual o modelo do seu aparelho de celular: Gradiente GF 930 Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: -www.yahoo.com.br -www.ebah.com.br -www.youtube.com Se os sites citado possussem verso para celular, voc os acessaria? Dependendo do custo para o acesso. O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ X ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ X ] 2 4 vezes por ms[ 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Cinema; Recife Antigo. Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ R ] Patrimnio histrico e artstico [ F ] Gastronomia /Bares e restaurantes [ N ] Manifestaes culturais [ R ] Paisagens naturais [ R ] Locais de compra [ N ] Outros:

- 137

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ X ] Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ S ] Temperatura [ R ] Horrios de funcionamento [ S ] Preos de servios [ R ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqentemente [ ] Raramente [ X ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? www.pe360graus.com.br Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ X ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? Sim. Caminhada ecolgica pelo priv da cidade. Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? Dependendo do custo do servio. Que tipo de informao considera indispensvel em roteiros tursticos na web? Comentrios de quem j visitou o ponto turstico em questo; horrios e dias mais apropriados; Fotos do local; resumo da razo turstica do local. O que poderia ser oferecido nesse site para facilitar seu passeio? Uma mdia do custo e, dependendo do local, mapas que ajudariam no acesso ao ponto turstico.

- 138

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: Aline Vieira Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Recife-PE/ Brasil Grau de escolaridade: Superior Completo Ocupao: Professora- ensino fundamental e mdio Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 23 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ F ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? memria de 624 Mb, HD 40. Resoluo 1024 x 768 Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Windows Vista, memria 1Gb, HD 120 Qual o modelo do seu aparelho de celular: LG Mg 185 Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: -Yahoo -google -vagalume Se os sites citado possussem verso para celular, voc os acessaria? Sim O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [

Nunca [ X ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 4 vezes por ms[ X ] 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: cinema, show Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ S ] Patrimnio histrico e artstico [ S ] Gastronomia /Bares e restaurantes [ F ] Manifestaes culturais [ S ] Paisagens naturais [ S ] Locais de compra [ F ] Outros:

- 139

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ S ] Temperatura [ F ] Horrios de funcionamento [ S ] Preos de servios [ S ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? prprio lugar que desejo visitar (se houver) Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ X ] No [ ] Exemplifique: muitas vezes as informaes esto desatualizadas Voc j fez algum roteiro turstico dentro da cidade? Qual? Instituto Ricardo Brennand, Oficina Francisco Brennand, torre Malakoff e ao Forte do Brum. Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? Talvez, em caso de necessidade. Se estivesse na rua, por exemplo, e precisasse saber alguma informao de um lugar que eu queria ir com urgncia Que tipo de informao considera indispensvel em roteiros tursticos na web? Horrio de funcionamento dos pontos tursticos; informaes sobre agendamento de visitas; valor da entrada; informaes sobre acesso ao ponto turstico, com diferentes roteiros; valor de passeios com guias, caso haja guias O que poderia ser oferecido nesse site para facilitar seu passeio? Todas as informaes acima

- 140

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: Angela Mendona Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Recife PE , Brasil Grau de escolaridade: Superior Ocupao: Professora Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 40 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? No sei Qual o modelo do seu aparelho de celular: LG MG280 Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: - www.terra.com.br - www.google.com.br - www.hotmail.com Se os sites citado possussem verso para celular, voc os acessaria? No O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ X ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 4 vezes por ms[ X ] 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Cinema, Shopping Center, livraria. Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ R ] Patrimnio histrico e artstico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestaes culturais [ N ] Paisagens naturais [ S ] Locais de compra [ F ] Outros:

- 141

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ X ] Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Localizao [ S ] Outros: Segurana (S) Temperatura [ R ] Horrios de funcionamento [ S ] Preos de servios [ S ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? www.google.com.br / www.pernambuco.com / www.folhape.com.br Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ X ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? Sim. No Catamar, pelo rio Capibaribe. Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? No Que tipo de informao considera indispensvel em roteiros tursticos na web? Localizao, preo dos servios e produtos e, principalmente, veracidade quanto ao que oferecido ( tal praia linda, mas a estrada de acesso um horror, por exemplo) O que poderia ser oferecido nesse site para facilitar seu passeio? Ser de fcil navegao e oferecer links.

- 142

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: David Leonardo de Sousa Santos Sexo: Masculino [ X ] Feminino [ ] Cidade e pas onde reside: Recife/Brasil Grau de escolaridade: Superior - Cursando Ocupao: Estudante/Voluntrio Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 22 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? Dual Core / 1GB RAM / 160GB HD (tela 1024x768) Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Core 2 Duo / 4 GB RAM / 320 GB HD (tela 1024x768) Qual o modelo do seu aparelho de celular: Sony Ericsson W200a Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: - www.google.com - www. myaiesec.net - www.bb.com.br Se os sites citado possussem verso para celular, voc os acessaria? Depende das taxas O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ X ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ X ] 2 4 vezes por ms[ 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Bares, restaurantes, praia, cinema Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ F ] Patrimnio histrico e artstico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestaes culturais [ S ] Paisagens naturais [ S ] Locais de compra [ S ] Outros:

- 143

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ ] Grupo de amigos [ X ] Companheiro(a) [ X ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ F ] Temperatura [ N ] Horrios de funcionamento [ F ] Preos de servios [ S ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Pe360graus Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ X ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? No Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? No Que tipo de informao considera indispensvel em roteiros tursticos na web? Local e preo O que poderia ser oferecido nesse site para facilitar seu passeio? Tour virtual, mapas, vdeos, fotos e animaes

- 144

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo1: Usurio Local


Nome: Emlia Oliveira Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Recife - Brasil Grau de escolaridade: Superior Incompleto Ocupao: Estgio Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 26 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ R ] Celular [ R ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela?

Qual o modelo do seu aparelho de celular: Nokia 5310

O celular permite acesso internet? Sim [ X ] No [ ]

Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Exemplifique 3 sites que acessa com freqncia: - Google - Orkut - Siga - Poli Se os sites citado possussem verso para celular, voc os acessaria? Sim

Nunca [ ]

Considere que todas as prximas perguntas so referentes cidade do Recife Nas suas horas de lazer, com que freqncia costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 4 vezes por ms[ X ] 1 vezes por ms [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqentar como forma lazer: Cinema, teatros e restaurantes Na cidade onde mora, com que freqncia as opes abaixo despertam seu interesse: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Pontos tursticos [ F ] Patrimnio histrico e artstico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestaes culturais [ S ] Paisagens naturais [ S ] Locais de compra [ F ] Outros:

- 145

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias nos momentos de lazer? Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Antes de sair para um passeio, com que freqncia pensa nos itens abaixo: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localizao [ S ] Temperatura [ R ] Horrios de funcionamento [ S ] Preos de servios [ S ]

Qual(s) das opes abaixo voc utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Pe360graus Normalmente tem problemas para encontrar algum tipo de informao nos sites mencionados anteriormente? Sim [ ] No [ X ] Exemplifique: Voc j fez algum roteiro turstico dentro da cidade? Qual? Sim. Museu de Brennand Gostaria de ter acesso a sugestes de roteiros tursticos de um dia pela cidade? Sim Voc acessaria um guia turstico da cidade na web? Sim Voc acessaria um guia turstico da cidade pelo celular? Sim Que tipo de informao considera indispensvel em roteiros tursticos na web? Indicao de pontos de referncia O que poderia ser oferecido nesse site para facilitar seu passeio? Formas de pagamento e preo dos servios

- 146

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Raquel Lima Pedrosa Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Macei, Alagoas, Brasil Grau de escolaridade: Superior incompleto Ocupao: Estudante de psicologia Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 21 Nacionalidade: Brasileira

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ X ] No [ ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? HD 120 GB, Tela de 14.1, 2gb Qual o modelo do seu aparelho de celular: V3 Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: - Orkut.com - gmail.com - google.com.br Se os sites citado possussem verso para celular, voc os acessaria? No O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ X ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e pases que j visitou: Londres, Lisboa, Fortaleza Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ F ] Localizao de pontos tursticos [ R ] Hospedagem [ R ] Patrimnio histrico [ R ] e restaurantes [ R ] Manifestaes culturais [ S ] Temperatura [ N ] Outros: Gastronomia

- 147

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ X ] Agncias de viagem [ ] Indicao de amigos [ X ] Sites [ ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ X ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Google.com.br Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ X ] No [ ] Exemplifique: Transportes Que tipo de informao considera indispensvel em guias de viagem na web? Hospedagem barata, transporte, histria e pontos tursticos

O que poderia ser oferecido nesses sites para facilitar sua viagem? Dicas de como funciona o metr, as linhas de nibus

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? Nem sempre se tem acesso ao impresso Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ F ] Traos tursticos [ S ] Arquitetura [ N ] Patrimnio histricos e artsticos [ R ] Paisagens naturais [ F ] Programao cultural [ R ] Gastronomia [ F ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ R ] Temperatura [ S ] Transportes [ S ] Horrios de funcionamento [ F ] Preos de servios [ S ] Locais de compra [ F ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ S ] Arquitetura [ N ] Patrimnio histricos e artsticos [ S ] Paisagens naturais [ S ] Programao cultural [ F ] Gastronomia [ S ] Hospedagem [ R ] Restaurantes [ S ] Postos de apoio ao turista [ N ] Temperatura [ R ] Transportes [ S ] Horrios de funcionamento [ S ] Preos de servios [ S ] Locais de compra [ S ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? Do computador do hotel ou do notebook se tiver wi-fi Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Sugestes de roteiros so sempre bem vindos Voc acessaria um guia turstico pelo celular durante uma viagem? Dificilmente. Seria mais fcil acessar do hotel ou pelo notebook Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ X ] Outros:

- 148

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Marina Filipa Nunes Sousa Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Madeira (Portugal) Grau de escolaridade: 12 ano Ocupao: Estudante de Design Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 20 Nacionalidade: Portuguesa

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ R ] Computador porttil/notebook [ S ] Celular [ R ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? Tela de 15.4 Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ X ] No [ ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela?

Qual o modelo do seu aparelho de celular: Sharp

O celular permite acesso internet? Sim [ X ] No [ ]

Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Exemplifique 3 sites que acessa com freqncia: - www.google.com -www.youtube.com -www.uma.pt Se os sites citado possussem verso para celular, voc os acessaria? Sim

Nunca [ ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e pases que j visitou: Madrid, Lisboa, Coimbra, entre outras Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ S ] Localizao de pontos tursticos [ R ] Hospedagem [ R ] Patrimnio histrico [ R ] e restaurantes [ R ] Manifestaes culturais [ R ] Temperatura [ R ] Outros: Gastronomia

- 149

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ ] Agncias de viagem [ ] Indicao de amigos [ X ] Sites [ ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ X ] Freqentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? www.google.com Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ ] No [ X ] Exemplifique: Que tipo de informao considera indispensvel em guias de viagem na web? Preos das viagens. Informaes de transportes e alojamento.

O que poderia ser oferecido nesses sites para facilitar sua viagem? No sei

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? Um guia impresso vem mais pormenorizado, enquanto que o guia online, apresenta apenas a informao necessria de modo a transmitir a idia a pessoa interessada em viajar. Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ S ] Arquitetura [ S ] Patrimnio histricos e artsticos [ S ] Paisagens naturais [ F ] Programao cultural [ F ] Gastronomia [ R ] Hospedagem [ R ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ S ] Horrios de funcionamento [ S ] Preos de servios [ S ] Locais de compra [ R ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ S ] Arquitetura [ S ] Patrimnio histricos e artsticos [ S ] Paisagens naturais [ F ] Programao cultural [ F ] Gastronomia [ R ] Hospedagem [ R ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ S ] Horrios de funcionamento [ S ] Preos de servios [ S ] Locais de compra [ R ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? Acesso a internet quando levo o porttil comigo, ou vou aos cibernets Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Sugesto de roteiros tursticos de um dia. Voc acessaria um guia turstico pelo celular durante uma viagem? Sim Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ X ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ X ] Outros:

- 150

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Kennia de Cssia Arajo Galdino Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Macei - Brasil Grau de escolaridade: Superior incompleto Ocupao: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 21 Nacionalidade: Brasileira

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ X ] No [ ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Celeron, 2Gb, 120 HD Qual o modelo do seu aparelho de celular: Samsung Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: -Claro Idias -Google - Google acadmico Se os sites citado possussem verso para celular, voc os acessaria? Sim, mas o que impede muitas vezes o acesso dos (possveis) usurios o custo O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ X ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e pases que j visitou: Fortaleza, Aracaju, Santa Cruz do Capibaribe, Campina Grande, Lisboa - PT, Funchal PT, Vila Real PT. Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ R ] Localizao de pontos tursticos [ R ] Hospedagem [ F ] Patrimnio histrico [ R ] e restaurantes [ R ] Manifestaes culturais [ R ] Temperatura [ R ] Outros: Gastronomia

- 151

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ ] Agncias de viagem [ ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Google Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ X ] No [ ] Exemplifique: O que mais difcil de entrar em contato... e as poucas informaes que os sites tm geram muitas dvidas que nem sempre esto respondida no perguntas mais freqentes. Que tipo de informao considera indispensvel em guias de viagem na web? Disponibilidade (vagas em hotis), preo, regras do hotel (esse realmente no est includo), telefones para contato (ao invs de oferecer no site apenas o email) O que poderia ser oferecido nesses sites para facilitar sua viagem? Um esclarecedor de dvidas online

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? A praticidade do online, mesmo que faltem algumas informaes e que voc no precisa necessariamente sair de casa em busca dessas informaes Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ S ] Arquitetura [ R ] Patrimnio histricos e artsticos [ F ] Paisagens naturais [ F ] Programao cultural [ F ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ F ] Horrios de funcionamento [ F ] Preos de servios [ S ] Locais de compra [ F ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ N ] Traos tursticos [ F ] Arquitetura [ F ] Patrimnio histricos e artsticos [ F ] Paisagens naturais [ R ] Programao cultural [ F ] Gastronomia [ R ] Hospedagem [ R ] Restaurantes [ R ] Postos de apoio ao turista [ R ] Temperatura [ F ] Transportes [ S ] Horrios de funcionamento [ F ] Preos de servios [ F ] Locais de compra [ R ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? Sim, de uma lanhouse Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Sugestes. Voc acessaria um guia turstico pelo celular durante uma viagem? Sim. Dependendo das taxas claro Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ X ] Outros:

- 152

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Janino Livramento Sexo: Masculino [ X ] Feminino [ ] Cidade e pas onde reside: Portugal Grau de escolaridade: 12 Ano Ocupao: Estudante Universitrio Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 23 Nacionalidade: Cabo-Verdiana

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ R ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? Utilizo os computadores da Universidade Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ X ] No [ ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Corel 2 duo, 2gb, Qual o modelo do seu aparelho de celular: No sei Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: - www.hattrick.org - www.abola.pt - www.liberal.sapo.cv Se os sites citado possussem verso para celular, voc os acessaria? Sim O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ X ]

Nunca [ ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez cada dois anos ou mais [ X ] Outros: Cite algum(as) das cidades e pases que j visitou: Lisboa Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ R ] Localizao de pontos tursticos [ R ] Hospedagem [ R ] Patrimnio histrico [ R ] e restaurantes [ R ] Manifestaes culturais [ S ] Temperatura [ R ] Outros: Gastronomia

- 153

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ X ] Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ X ] Agncias de viagem [ ] Indicao de amigos [ ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? www.google.com Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ ] No [ X ] Exemplifique: Funcionamento e valor dos transportes, horrios de funcionamento, valores de servios, telefones e eventos culturais Que tipo de informao considera indispensvel em guias de viagem na web? Mapas com localizao e preo dos servios

O que poderia ser oferecido nesses sites para facilitar sua viagem? Detalhes de cada lugar

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? A desvantagem principal pode se considerar o facto de no poder consultar o online sempre, ao passo que o impresso tens na mo sempre. Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ F ] Arquitetura [ N ] Patrimnio histricos e artsticos [ R ] Paisagens naturais [ R ] Programao cultural [ R ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ F ] Horrios de funcionamento [ R ] Preos de servios [ S ] Locais de compra [ S ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ F ] Traos tursticos [ R ] Arquitetura [ N ] Patrimnio histricos e artsticos [ F ] Paisagens naturais [ R ] Programao cultural [ R ] Gastronomia [ R ] Hospedagem [ F ] Restaurantes [ R ] Postos de apoio ao turista [ S ] Temperatura [ R ] Transportes [ F ] Horrios de funcionamento [ R ] Preos de servios [ S ] Locais de compra [ S ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? Pontos onde se tem wireless ou cybershop. Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Gostaria de sugestes. Voc acessaria um guia turstico pelo celular durante uma viagem? Talves. Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ X ] Outros:

- 154

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Catarina Quintal Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Funchal - Portugal Grau de escolaridade: 2Ciclo Universitrio Ocupao: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 20 Nacionalidade: Portuguesa

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ S ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ ] No [ X ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? No sei Qual o modelo do seu aparelho de celular: LGKS360 Com que freqncia acessa a internet no celular: Diariamente [ X ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: -Google -Youtube -Hotmail Se os sites citado possussem verso para celular, voc os acessaria? Sim,claro. O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e pases que j visitou: Londres-Inglaterra , Alentejo-Portugal Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ F ] Localizao de pontos tursticos [ F ] Hospedagem [ F ] Patrimnio histrico [ R ] e restaurantes [ F ] Manifestaes culturais [ F ] Temperatura [ F ] Outros: Gastronomia

- 155

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ ] Agncias de viagem [ ] Indicao de amigos [ X ] Sites [ ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Costume utilizar o google fazendo uma pesquisa. Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ ] No [ X ] Exemplifique: Funcionamento e valor dos transportes, horrios de funcionamento, valores de servios, telefones e eventos culturais Que tipo de informao considera indispensvel em guias de viagem na web? Informaes sobre pontos turisticos mais atractivos e sugestes de viagem.

O que poderia ser oferecido nesses sites para facilitar sua viagem? Mais informao sobre a cultura e histria do pas que visitamos e mapas.

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? As vantagens de um guia online nos permite um acesso mais rpido a uma informao. As desvantagens que para aceder net precisamos de um computador o que torna o guia de bolso muito mais conveniente. Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ F ] Arquitetura [ D ] Patrimnio histricos e artsticos [ S ] Paisagens naturais [ N ] Programao cultural [ F ] Gastronomia [ R ] Hospedagem [ N ] Restaurantes [ F ] Postos de apoio ao turista [ F ] Temperatura [ N ] Transportes [ N ] Horrios de funcionamento [ N ] Preos de servios [ N ] Locais de compra [ N ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ F ] Arquitetura [ S ] Patrimnio histricos e artsticos [ S ] Paisagens naturais [ F ] Programao cultural [ F ] Gastronomia [ F ] Hospedagem [ F ] Restaurantes [ F ] Postos de apoio ao turista [ R ] Temperatura [ R ] Transportes [ R ] Horrios de funcionamento [ R ] Preos de servios [ R ] Locais de compra [ R ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? No, no costumo acessar. Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Sim, gostava de sugestes. Voc acessaria um guia turstico pelo celular durante uma viagem? Sim, claro o tele mvel muito mais prtico e leve que um Porttil o que tornava as coisas bem mais simples. Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ ] Outros:

- 156

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Caroline Mendes de Andrade Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Macei-AL/ Brasil Grau de escolaridade: Superior incompleto Ocupao: Estudante de Enfermagem na Universidade Federal de Alagoas (UFAL) Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 22 Nacionalidade: Brasileira

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ F ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ X ] No [ ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? Intel Core 2 Duo, HD 120 GB, 2 GB de memria e resoluo de tela de 1024 x 768. Qual o modelo do seu aparelho de celular: Sony Ericsson W300i Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: -www.hotmail.com -www.orkut.com -www.google.com.br Se os sites citado possussem verso para celular, voc os acessaria? Depende da taxa cobrada pela empresa de telefonia. O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ ]

Nunca [ X ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez cada dois anos ou mais [ X ] Outros: Cite algum(as) das cidades e pases que j visitou: Brasil (Recife, Garanhuns, Caruaru, Joo Pessoa, Aracaj, Natal, Arapiraca), Portugal (Ilha da Madeira, Lisboa, Porto, Serra da Estrela, Marco de Canaveses, Ftima, Belm, Pao darcos), Espanha (Barcelona, Madri), Frana (Paris), Itlia (Veneza, Roma, Florena), Inglaterra (Londres), Estados Unidos (Miame). Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ F ] Localizao de pontos tursticos [ R ] Hospedagem [ R ] Patrimnio histrico [ R ] e restaurantes [ R ] Manifestaes culturais [ F ] Temperatura [ F ] Outros: Gastronomia

- 157

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ X ] Agncias de viagem [ ] Indicao de amigos [ X ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? www.google.com.br Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ X ] No [ ] Exemplifique: difcil encontrar: horrio de funcionamento e o valor cobrados dos transportes pblicos, sobre os eventos culturais que estaro acontecendo no perodo da viagem, etc. Que tipo de informao considera indispensvel em guias de viagem na web? Histria local; Principais pontos tursticos; Pratos tpicos da regio; Informaes sobre transportes, hospedagem e temperatura; O que poderia ser oferecido nesses sites para facilitar sua viagem? Enviar para o celular, atravs de sms, informaes dirias sobre, temperatura, agenda cultural, entre outros.

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? O guia de viagens online vantajoso porque geralmente mais atualizado e no preciso carregar mais um tem na mo ou na bolsa, mas desvantajoso porque no se tem certeza se poder ter acesso na hora que precisar utiliz-lo. O guia de viagens impresso vantajoso porque pode ser consultado na hora que quiser e geralmente mais completo, mas desvantajoso porque mais um tem que tem que carregar. Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ F ] Traos tursticos [ S ] Arquitetura [ R ] Patrimnio histricos e artsticos [ F ] Paisagens naturais [ S ] Programao cultural [ F ] Gastronomia [ S ] Hospedagem [ S ] Restaurantes [ S ] Postos de apoio ao turista [ N ] Temperatura [ R ] Transportes [ S ] Horrios de funcionamento [ S ] Preos de servios [ F ] Locais de compra [ F ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ S ] Traos tursticos [ S ] Arquitetura [ R ] Patrimnio histricos e artsticos [ S ] Paisagens naturais [ S ] Programao cultural [ S ] Gastronomia [ S ] Hospedagem [ S ] Restaurantes [ S ] Postos de apoio ao turista [ F ] Temperatura [ S ] Transportes [ S ] Horrios de funcionamento [ S ] Preos de servios [ S ] Locais de compra [ S ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? Sim, notebook ou qualquer outro computador disponvel no hotel, albergue, pousada, etc.. Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? sugestes de roteiros tursticos de um dia? Gosto de definir meus prprios roteiros para conhecer o lugar que estou visitando. Voc acessaria um guia turstico pelo celular durante uma viagem? Sim. Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ X ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ X ] Outros:

- 158

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Andreina da Silva Sexo: Masculino [ ] Feminino [ X ] Cidade e pas onde reside: Funchal Madeira - PT Grau de escolaridade: Ensino superior, faculdade,2 ano Design Ocupao: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 20 Nacionalidade: Portuguesa

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ R ] Computador porttil/notebook [ S ] Celular [ N ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ ] No [ X ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela? No sei Qual o modelo do seu aparelho de celular: Sagem MYX-2 Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: - http://www.deviantart.com/ - http://www.hotmail.com/ - http://www.youtube.com/ Se os sites citado possussem verso para celular, voc os acessaria? Provavelmente. Caso o meu aparelho permitisse. O celular permite acesso internet? Sim [ ] No [ X ]

] Anualmente [ ]

Nunca [ X ]

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e pases que j visitou: Caracas, Venezuela, Lisboa e para o ano espero ir a espaa Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ R ] Localizao de pontos tursticos [ R ] Hospedagem [ R ] Patrimnio histrico [ R ] e restaurantes [ N ] Manifestaes culturais [ R ] Temperatura [ R ] Outros: Gastronomia

- 159

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ ] Agncias de viagem [ X ] Indicao de amigos [ ] Sites [ X ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? Geralmente procuro no google Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ ] No [ X ] Exemplifique: Que tipo de informao considera indispensvel em guias de viagem na web? Transportes, hospedagem e informao sobre os lugares turisticos.

O que poderia ser oferecido nesses sites para facilitar sua viagem? No tenho pensado nisso

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? As vantanges do guia online na minha opiniao que possivel conter uma maior quantidade de informao desventagen principal seria que mais complicado de manusear o guia impresso facil de transporatar e de manipular mas pode ser confuso dependendo da organizao da informao. Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ F ] Traos tursticos [ R ] Arquitetura [ R ] Patrimnio histricos e artsticos [ F ] Paisagens naturais [ F ] Programao cultural [ R ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ F ] Transportes [ F ] Horrios de funcionamento [ F ] Preos de servios [ S ] Locais de compra [ F ] Outros: Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ F ] Traos tursticos [ R ] Arquitetura [ F ] Patrimnio histricos e artsticos [ F ] Paisagens naturais [ R ] Programao cultural [ R ] Gastronomia [ R ] Hospedagem [ F ] Restaurantes [ R ] Postos de apoio ao turista [ R ] Temperatura [ F ] Transportes [ S ] Horrios de funcionamento [ S ] Preos de servios [ S ] Locais de compra [ S ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? Sim. Levo o notebook ou acesso em cybercafs. Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Gostaria de sugestes Voc acessaria um guia turstico pelo celular durante uma viagem? Se for necessrio sim, dependeria da situao Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ X ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ X ] Outros:

- 160

Site Rota Recife: uma aplicao desktop e mobile

Entrevista Representativa - Grupo2: Turista


Nome: Andr Gonalves Macna Jnior Sexo: Masculino [ X ] Feminino [ ] Cidade e pas onde reside: Macei-AL, Brasil Grau de escolaridade: Cursando Nvel Superior Ocupao: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Vivo(a) [ ] Outros: Idade: 20 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se internet: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Computador [ S ] Computador porttil/notebook [ N ] Celular [ R ] Outros:

Qual a configurao do seu computador (apenas se souber) e a resoluo da tela? No sei. Quando realiza uma viagem costuma levar computador porttil/notebook? Sim [ ] No [ N ] Qual a configurao do seu computador porttil/notebook (apenas se souber) e a resoluo da tela?

Qual o modelo do seu aparelho de celular: LG MG 235 Com que freqncia acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqncia: - www.orkut.com.br - www.hotmail.com - www.alagoas24horas.com.br

O celular permite acesso internet? Sim [ X ] No [ ]

] Anualmente [ X ]

Nunca [ ]

Se os sites citado possussem verso para celular, voc os acessaria? No

Com que freqncia costuma realizar viagens de passeio a outras cidades ou pases: 1 3 vezes ao ms [ ] 1 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez cada dois anos ou mais [ X ] Outros: Cite algum(as) das cidades e pases que j visitou: Maragogi-AL, Brasil; Caruaru-PE, Brasil; Paripueira-AL, Brasil; Japaratinga-AL, Brasil Quais dos itens abaixo costumam ser informaes difceis quando se est em lugares novos? (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Transportes[ S ] Localizao de pontos tursticos [ S ] Hospedagem [ F ] Patrimnio histrico [ S ] e restaurantes [ F ] Manifestaes culturais [ R ] Temperatura [ F ] Outros: Gastronomia

- 161

Site Rota Recife: uma aplicao desktop e mobile

Qual(s) costumam ser suas companhias durante a viagens: Famlia [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [

Qual(s) das opes abaixo voc utiliza de forma decisiva para escolher o destino de uma viagem. Guias Impressos [ ] Agncias de viagem [ ] Indicao de amigos [ X ] Sites [ ] Outros: Voc costuma buscar na internet informaes sobre os lugares que deseja conhecer? Sempre [ ] Freqentemente [ ] Raramente [ X ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informaes? www.google.com Normalmente tem problemas para encontrar algum tipo de informao nos sites tursticos? Sim [ ] No [ X ] Exemplifique: Que tipo de informao considera indispensvel em guias de viagem na web? Informaes sobre pousadas e hotis, Informaes sobre as opes de lazer da cidade

O que poderia ser oferecido nesses sites para facilitar sua viagem? Informaes mais claras sobre hospedagem

Quais as vantagens e desvantagens de um guia de viagens online em relao ao impresso? O online voc pode acessar a qualquer momento e de forma mais rpida e confortvel. Antes de viajar voc pesquisa sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ N ] Traos tursticos [ F ] Arquitetura [ R ] Patrimnio histricos e artsticos [ R ] Paisagens naturais [ S ] Programao cultural [ R ] Gastronomia [ R ] Hospedagem [ F ] Restaurantes [ N ] Postos de apoio ao turista [ N ] Temperatura [ F ] Transportes [ N ] Horrios de funcionamento [ N ] Preos de servios [ N ] Locais de compra [ R ] Durante a estadia voc deseja saber sobre: (Marcar S= sempre, F= freqentemente, R= raramente, N= nunca) Histria local [ R ] Traos tursticos [ F ] Arquitetura [ R ] Patrimnio histricos e artsticos [ N ] Paisagens naturais [ S ] Programao cultural [ R ] Gastronomia [ F ] Hospedagem [ S ] Restaurantes [ S ] Postos de apoio ao turista [ N ] Temperatura [ F ] Transportes [ N ] Horrios de funcionamento [ F ] Preos de servios [ S ] Locais de compra [ R ] Outros: Durante uma viagem voc costuma acessar a internet? Como e onde? No Voc gosta de definir seus prprios roteiros para conhecer o lugar que est visitando ou gostaria de sugestes de roteiros tursticos de um dia? Prefiro fazer meus prprios roteiros Voc acessaria um guia turstico pelo celular durante uma viagem? Talvez, apenas se realmente fosse necessrio. Durante uma viagem voc utiliza que objetos para acessar as informaes sobre a cidade: Guias de bolso [ X ] Guias tursticos de agncias [ ] Mapas impressos [ ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador porttil/notebook [ ] Outros:

- 162

Site Rota Recife: uma aplicao desktop e mobile

Anexo II - Card Sorting


Card sorting - Entrevistado: 01 - Grupo2 - Turista Mapas Diversos Recife Regio Norte Regio Sul Regio Centro Roteiros Tursticos Roteiro Recife Antigo Roteiro do Bairro de So Jos Atrativos Artsticos Museu do Estado Temperatura Naturais Praia de Boa Viagem Compras Shopping Centers Supermercados e Feiras Noturnos Fotos Depoimentos Caractersticas Histricas Comece visitando a Sinagoga das Amricas... Horrios de Funcionamento e Preos Caractersticas Culturais Agenda Cultural Show do cantor Alceu Valena Teatro Hermilo Borba Filho Data, local, horrio, preo Artesanato Caractersticas Gastronmicas Alimentao Restaurantes Bares Lanchonetes Hospedagem Hotis Pousadas Mapa Especfico Transportes Taxi nibus Metr Como de deslocar...

- 163

Site Rota Recife: uma aplicao desktop e mobile

Card sorting - Entrevistado: 02 - Grupo2 - Turista Recife Fotos Depoimentos Caractersticas Histricas Caractersticas Culturais Artesanato Caractersticas Gastronmicas Mapas Diversos Regio Norte Regio Sul Regio Centro Roteiros Tursticos Roteiro Recife Antigo Comece visitando a Sinagoga das Amricas... Roteiro do Bairro de So Jos Atrativos Artsticos Teatro Hermilo Borba Filho Museu do Estado Horrios de Funcionamento e Preos Agenda Cultural Show do cantor Alceu Valena Data, local, horrio, preo Noturnos Bares Naturais Praia de Boa Viagem Alimentao Restaurantes Lanchonetes Supermercados e Feiras Hospedagem Hotis Pousadas Transportes Taxi nibus Metr Compras Shopping Centers Temperatura Como de deslocar... Mapa Especfico
- 164

Site Rota Recife: uma aplicao desktop e mobile

Card sorting - Entrevistado: 03 - Grupo2 - Turista Mapas Diversos Regio Norte Regio Sul Regio Centro Como de deslocar... Temperatura Recife Roteiros Tursticos Comece visitando a Sinagoga das Amricas... Museu do Estado Praia de Boa Viagem Roteiro Recife Antigo Caractersticas Culturais Roteiro do Bairro de So Jos Caractersticas Histricas Hospedagem Hotis Horrios de Funcionamento e Preos Mapa Especfico Pousadas Fotos Noturnos Naturais Depoimentos Compras Shopping Centers Supermercados e Feiras Artsticos Teatro Hermilo Borba Filho Atrativos Artesanato Agenda Cultural Show do cantor Alceu Valena Data, local, horrio, preo Caractersticas Gastronmicas Alimentao Restaurantes Lanchonetes Bares Hospedagem Hotis Pousadas Mapa Especfico Transportes Taxi nibus Metr

- 165

Site Rota Recife: uma aplicao desktop e mobile

Card sorting - Entrevistado: 04 - Grupo2 - Turista Agenda Cultural Atrativos Noturnos Artsticos Show do cantor Alceu Valena Teatro Hermilo Borba Filho Data, local, horrio, preo Compras Shopping Centers Supermercados e Feiras Recife Mapa Especfico Caractersticas Gastronmicas Alimentao Restaurantes Bares Lanchonetes Caractersticas Culturais Artesanato Museu do Estado Caractersticas Histricas Roteiros Tursticos Roteiro Recife Antigo Roteiro do Bairro de So Jos Comece visitando a Sinagoga das Amricas... Depoimentos Fotos Mapas Diversos Naturais Praia de Boa Viagem Temperatura Regio Norte Regio Sul Regio Centro Hospedagem Hotis Pousadas Transportes Taxi nibus Metr Como de deslocar... Horrios de Funcionamento e Preos

- 166

Site Rota Recife: uma aplicao desktop e mobile

Card sorting - Entrevistado: 05 - Grupo1 - Usurio Local Mapas Diversos Regio Norte Regio Sul Regio Centro Temperatura Transportes Metr Taxi nibus Como de deslocar... Atrativos Agenda Cultural Noturnos Show do cantor Alceu Valena Data, local, horrio, preo Artsticos Museu do Estado Teatro Hermilo Borba Filho Naturais Praia de Boa Viagem Compras Shopping Centers Supermercados e Feiras Roteiros Tursticos Roteiro Recife Antigo Roteiro do Bairro de So Jos Fotos Recife Caractersticas Histricas Comece visitando a Sinagoga das Amricas... Horrios de Funcionamento e Preos Caractersticas Culturais Artesanato Caractersticas Gastronmicas Alimentao Restaurantes Bares Lanchonetes Hospedagem Hotis Pousadas Mapa Especfico Depoimentos

- 167

Site Rota Recife: uma aplicao desktop e mobile

Card sorting - Entrevistado: 06 - Grupo1 - Usurio Local Regio Norte Regio Sul Regio Centro Temperatura Transportes Taxi nibus Metr Como de deslocar... Noturnos Recife Caractersticas Histricas Caractersticas Gastronmicas Alimentao Restaurantes Bares Lanchonetes Naturais Caractersticas Culturais Artesanato Roteiro Recife Antigo Atrativos Artsticos Show do cantor Alceu Valena Roteiro do Bairro de So Jos Fotos Agenda Cultural Roteiros Tursticos Comece visitando a Sinagoga das Amricas... Mapa Especfico Teatro Hermilo Borba Filho Museu do Estado Data, local, horrio, preo Praia de Boa Viagem Shopping Centers Compras Supermercados e Feiras Horrios de Funcionamento e Preos Mapas Diversos Hospedagem Hotis Pousadas Depoimentos

- 168

Site Rota Recife: uma aplicao desktop e mobile

Card sorting - Entrevistado: 07 - Grupo1 - Usurio Local Mapas Diversos Regio Norte Regio Sul Regio Centro Recife Caractersticas Histricas Caractersticas Culturais Artesanato Caractersticas Gastronmicas Roteiros Tursticos Roteiro Recife Antigo Comece visitando a Sinagoga das Amricas... Roteiro do Bairro de So Jos Depoimentos Fotos Temperatura Compras Shopping Centers Supermercados e Feiras Agenda Cultural Atrativos Artsticos Teatro Hermilo Borba FIlho Museu do Estado Horrios de Funcionamento e Preos Noturnos Show do cantor Alceu Valena Data, local, horrio, preo Naturais Praia de Boa Viagem Alimentao Restaurantes Bares Lanchonetes Hospedagem Hotis Pousadas Mapa Especfico Transportes Taxi nibus Metr Como de deslocar...

- 169

Site Rota Recife: uma aplicao desktop e mobile

Card sorting - Entrevistado: 08 - Grupo1 - Usurio Local Mapas Diversos Regio Norte Regio Sul Regio Centro Recife Roteiros Tursticos Roteiro Recife Antigo Comece visitando a Sinagoga das Amricas... Roteiro do Bairro de So Jos Naturais Praia de Boa Viagem Horrios de Funcionamento e Preos Depoimentos Fotos Temperatura Compras Shopping Centers Supermercados e Feiras Agenda Cultural Atrativos Artsticos Show do cantor Alceu Valena Data, local, horrio, preo Caractersticas Culturais Teatro Hermilo Borba Filho Artesanato Caractersticas Histricas Museu do Estado Alimentao Caractersticas Gastronmicas Restaurantes Bares Lanchonetes Hospedagem Hotis Pousadas Mapa Especfico Transportes Taxi nibus Metr Como de deslocar... Noturnos
- 170

Site Rota Recife: uma aplicao desktop e mobile

Anexo III - Avaliao Esttica (TAE.web-u)


Avaliao esttica - Grupo 1 - Usurio local
Informaes pessoais Nome: Alane Ayana Vieira de Oliveira Couto Idade: 20 Ocupao: Estudante Sexo: ( ) Masculino ( X ) Feminino Formao: ( ) 1 grau ( X ) 2 grau ( ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 171

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? Sim. Acho que parece com algum site escolar que j acessei. Acho que por conta da idia do fichrio. Lembra o site do pe360graus, por conta das informaes. Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 7,5 As cores colocadas poderiam ser mais vivas de forma a chamar mais a ateno. 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 8,0 No gosto das pontas na diagonal, na imagem do fichrio. O espao entre o menu e o fichrio pouco, deveria ter uma distncia maior entre eles. A fonte do roteiro sobre a foto deveria ser maior. O site todo deveria ser maior. A lateral vazia da a seo de estar faltando alguma coisa. Talvez alguma informao na lateral, fora do fichrio mesmo. 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 6,0 No gostei da cor. Achei as cores muito apagadas deixando o site pouco atrativo. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 9,5 A fonte do roteiro poderia ser maior e a fonte do menu principal tambm. 5. Voc consegue identificar alguma rea do site que lhe desagradou? O formato da sombra azul superior no ficou bem e as folhas laterais do fichrio no me agradam. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? As cores poderiam ser mais escuras. Cada submenu poderia ficar dentro de uma caixa de cor azul. Ou ento poderia substituir o azul pela cor vinho.

- 172

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 1 - Usurio local


Informaes pessoais Nome: Aline Vieria Idade: 23 Ocupao: Professora Sexo: ( ) Masculino ( X ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( X ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 173

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? No que me lembre. Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 9,0 O espao poderia ser melhor aproveitado. 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 9,0 Acho que existe muita cor branca nas laterais. Esse vazio me incomoda um pouco. O Espao poderia ser melhor aproveitado. Gosto do formato e do tamanho dos elementos. Acho bom o tamanho da foto, nem muito grande nem muito pequena. 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 10,0 No est muito colorido e isso me agrada. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 9,5 S achei a fonte do menu muito comum, as outras me agradam. 5. Voc consegue identificar alguma rea do site que lhe desagradou? No. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? Aproveitaria mais as laterais e mudaria a fonte do menu.

- 174

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 1 - Usurio local


Informaes pessoais Nome: Milena Monteiro Idade: 26 Ocupao: Estudante Sexo: ( ) Masculino ( X ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( X ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 175

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? Falando sinceramente, de primeira ... o Orkut, mas acho que s por conta da cor azul imperando. O Orkut tambm assim. Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 10,0 Achei lindo demais! Uma fofura. 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 10,0 Achei muito bem equilibrado 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 7,0 Achei muuuuuito azul demais. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 9,0 S questo de cor, daquele quadro do meio, do roteiro, a fonte branca, eu no gostei muito. E a de cima, o menu, que esta muito imprensadinha. Mas no geral eu gostei sim. 5. Voc consegue identificar alguma rea do site que lhe desagradou? O fundo do topo, tem duas linhas brancas um pouco esfumaadas, em diagonal convergindo, achei meio estranho.... mas tudo bem. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? S isso, esse topo... a cor branca usada no texto do bloco do meio e diminuiria o azul.

- 176

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 1 - Usurio local


Informaes pessoais Nome: Luanna Alexandra Cheng Idade: 21 Ocupao: Estudante Sexo: ( ) Masculino ( X ) Feminino Formao: ( ) 1 grau ( X ) 2 grau ( ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 177

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? No Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 10,0 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 8,0. No sei exatamente o que , alguma coisa com o formato 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 10,0 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 10,0 5. Voc consegue identificar alguma rea do site que lhe desagradou? Acho que s agenda cultural, poderia ter mais destaque. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? Destacar mais o nome Recife, em algum lugar, e fazer a agenda cultural aparecer mais.

- 178

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 1 - Usurio local


Informaes pessoais Nome: Graziela Silva Idade: 30 Ocupao: Estudante e Assistente administrativo Sexo: ( ) Masculino ( X ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( X ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 179

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? No Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 6,0. bonito, mas no me empolga muito. 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 7,0 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 5,0. As cores no so muito atrativas. Est tudo meio parado, deveria ter mais colorido. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 6,0. So um pouco comum demais e muito pequenas. 5. Voc consegue identificar alguma rea do site que lhe desagradou? A rea de cadastre-se chama muita ateno, desnecessariamente. J a foto central deveria ser maior e deveria ser uma foto que representasse mais Recife. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? Poderia ter mais imagens, usar mais cores, cores da bandeira, por exemplo, que so mais vivas.

- 180

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 2 - Turistas


Informaes pessoais Nome: Antonio Vieira de Oliveira Filho Idade: 20 Ocupao: auxiliar administrativo Sexo: ( X ) Masculino ( ) Feminino Formao: ( ) 1 grau ( X ) 2 grau ( ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 181

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? No Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 8,0. Eu gostei, achei muito bom... bem diferente. 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 10,0 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 8,0. Talvez pudesse mudar alguma coisa, apesar de no saber exatamente o que . Talvez usar menos azul. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 10,0 5. Voc consegue identificar alguma rea do site que lhe desagradou? No. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? Minha sugesto seria mais com relao ao contedo. Acho que deveria ter uma lista com telefones teis e de emergncia em algum lugar.

- 182

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 2 - Turistas


Informaes pessoais Nome: Wanderley Batista da Silva Idade: 23 Ocupao: Estudante Sexo: ( X ) Masculino ( ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( X ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 183

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? No Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 9,o 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 9,0 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 10,0 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 10,0 5. Voc consegue identificar alguma rea do site que lhe desagradou? Achei estranho as sombras no rodap e topo serem inclinadas, e abaixo da opo de cadastro h duas linhas serrilhadas separadas. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? Acho que deveria haver um link Home junto ao menu. S isso.

- 184

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 2 - Turistas


Informaes pessoais Nome: Joaquim Souza Idade: 23 Ocupao: Estudante Sexo: ( X ) Masculino ( ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( X ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 185

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? No. Nem pela esttica. Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 10,o 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 9,0 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 8,o Esto um pouco frias, bastante sbrias. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 9,0 5. Voc consegue identificar alguma rea do site que lhe desagradou? Acredito que o tracejado do menu. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? Talvez se colocasse uma cor um pouco mais forte chamasse mais ateno, ou dar um destaque maior no menu.

- 186

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 2 - Turistas


Informaes pessoais Nome: Pedro Miguel Rocha da Graa Nogueira Idade: 20 Ocupao: Estudante Sexo: ( X ) Masculino ( ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( X ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 187

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? Sim, mas no me recordo o link Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 6,0 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 6,0 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 5,0. Tudo muito igual, pouco atrativo. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 7,0 5. Voc consegue identificar alguma rea do site que lhe desagradou? O esquema central, onde tem a foto, poderia estar mais trabalhado. T um pouco simples. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? O caderno poderia estar melhor aos lados, tem um ar um pouco forado e acho que s uma imagem assim no chega, poderia haver mais algumas, talves um pequeno slide show.

- 188

Site Rota Recife: uma aplicao desktop e mobile

Avaliao esttica - Grupo 2 - Turistas


Informaes pessoais Nome: Simone Souza da Graa Idade: 32 Ocupao: Professora Sexo: ( ) Masculino ( X ) Feminino Formao: ( ) 1 grau ( ) 2 grau ( X ) Ensino Superior ( ) Ps-graduao

Questionrio
Agradecemos desde j a sua participao nesta pesquisa. Preencha o questionrio abaixo usando as primeiras respostas que vierem na sua mente. No se preocupe em acertar, pois no h respostas certas nem erradas. Responda da forma mais sincera possvel e sinta-se vontade para fazer qualquer comentrio. 1. Use as palavras abaixo para descrever o que voc sentiu ao observar a tela do site que foi apresentada para voc. Faa apenas uma marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Atrao Surpresa agradvel Inspirao Diverso Admirao Satisfao Fascinao

Repulso Surpresa desagradvel Desestmulo Tdio Desprezo Insatisfao Frustrao

2. Agora use as palavras seguintes para descrever qual foi a idia passada pela tela do site que foi apresentada para voc. Faa apenas um marcao em cada uma das linhas horizontais.
Muito Pouco Nulo Pouco Muito

Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Srio Original

Feminino Ativo Frio Maduro Sofisticado Tradicional Rstico Medocre Extravagante Comum

- 189

Site Rota Recife: uma aplicao desktop e mobile

Entrevista
Esse site lembra voc de algum outro que voc tenha visto? Caso sim, qual? E porqu? No. Responda as questes abaixo sobre a esttica do site avaliado: 1. Em uma escala de 0 a 10, que nota voc daria beleza desse site? 8,0 2. Em uma escala de 0 a 10, que nota voc daria ao estilo (formato, tamanho e disposio dos elementos) do site? 9,0. Achei que as folhas inclinada ajudaram dando um ar diferente ao formato. 3. Em uma escala de 0 a 10, que nota voc daria s cores usadas nesse site? 9,0. Talvez ficaria melhor com um azul um pouco mais forte, para no ficar tudo muito clarinho. 4. Em uma escala de 0 a 10, que nota voc daria s fontes que foram usadas? 8,0. 5. Voc consegue identificar alguma rea do site que lhe desagradou? Me incomoda a linha tracejada do lado direito. 6.Quais seriam as suas sugestes para melhorar a aparncia deste site? Afastar mais o menu do topo do caderno, retirar a linha branca tracejada que quase no aparece, usar um azul mais forte e talvez algumas outras cores diferentes do azul, o texto poderia ter outra cor, poderia ter um pouco mais de textura tambm.

- 190

You might also like