Você está na página 1de 190

Universidade Federal de Pernambuco Centro de Artes e Comunicação Departamento de Design

Site Rota Recife: uma aplicação desktop e mobile

Gabriele Maria Silva dos Santos Recife, 2009

Universidade Federal de Pernambuco Centro de Artes e Comunicação Departamento de Design

Site Rota Recife: uma aplicação desktop e mobile

Monografia apresentada à Universidade Federal de Pernambuco como pré-requisito para obtenção do grau de Bacharel em Design. Orientadora: Profa. Isabella Aragão

Gabriele Maria Silva dos Santos Recife, 2009

SANTOS, Gabriele Maria Silva dos

Site Rota Recife: uma aplicação desktop e mobile. Recife: UFPE. 2009. Monografia de Graduação em Design - Universidade Federal de Pernambuco, CAC, Design, 2009. Palavras-chave 1. Websites 2. Web mobile 3. Projeto web 4. Dispositivos móveis

________________________________________________ Isabella Ribeiro Aragão (Orientadora) ________________________________________________ André Menezes Marques das Neves (UFPE) ________________________________________________ José Pirauá Alves Gonçalves (UFPE) . 20 de julho de 2009. sob a orientação do primeiro. composta pelos professores abaixo.Universidade Federal de Pernambuco Centro de Artes e Comunicação Departamento de Design Gabriele Maria Silva dos Santos Site Rota Recife: uma aplicação desktop e mobile Parecer da Comissão Examinadora A comissão examinadora. considera a candidata Gabriele Maria Silva dos Santos APROVADA no Curso de Bacharelado em Design pela Universidade Federal de Pernambuco. Recife.

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

pelas seções de terapia ao telefone e pelos ouvidos e coração sempre atentos as minhas histórias. minha irmã. se dispondo a ajudar nas entrevistas. . meus pais. Graciele e meu sobrinho Caio. por toda orientação e confiança no meu trabalho. Por todo o amor. ou do outro lado do oceano. torcendo sempre para meu sucesso. Sônia e Gilson. Agradeço aos professores do curso e todos os amigos de turma pelas experiências valiosas. pela competência. acompanharam a minha trajetória nesse trabalho. Sem eles eu nada teria conseguido. Agradeço à professora Isabella. pelas oportunidades que coloca em meu caminho e principalmente pelas pessoas que põe em minha vida. questionários.Agradecimentos Agradeço à minha família. À minha amiga Aline. pela confiança que sempre depositaram em mim. Agradeço em especial a Deus. o apoio às minhas decisões. paciência e dedicação prestada. avaliações e testes. as palavras de incentivo e ajuda prestada por cada um à sua maneira. À todos os meus amigos que de perto.

Afinal de contas... somos.).. móveis…” Sílvio Meira ..) o mundo digital converge mesmo é nos celulares (.“(. o tempo todo.

projeto web. além de diretrizes de design em projetos web para celulares. o contato constante com os usuários. dispositivos móveis . O foco deste trabalho projetual é a criação de um site com roteiros turísticos na cidade do Recife e sua aplicação na web desktop e web mobile. suas críticas e sugestões. Durante o desenvolvimento do projeto. a confluência das mídias nos dispositivos móveis e o crescimento da web mobile. transforma nossas experiências na web através da web mobile. usabilidade e acessibilidade. resultando na construção das duas versões do website. são de fundamental importância para atingir os objetivos e necessidades do projeto. web mobile.Resumo A necessidade de comunicação móvel constante e a conseqüente miniaturização dos artefatos que a representam. aborda-se questões de design da interação. Palavras-chave Websites. Partindo da análise das relações entre a sociedade e os aparelhos celulares.

The study start from analysis of relations between the society and the cell phones. During the development of the project. cell phone. are extremely important for achieving the goals and needs of the project. mobile web. the confluence of media in mobile devices and the mobile web growth.Abstract The need for constant mobile communication and the consequent miniaturization of artifacts that represent it. usability and accessibility. web project. 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. tourist itinerary . resulting in the construction of two website’s versions. the constant contact with users. have transformed our experience in web through the web mobile. and webdesign’s guidelines for mobile phones. It addresses issues of interaction design. Keywords Websites. their criticisms and suggestions.

Facilidade de aprendizado | 28 3. Publicação | 39 4.Sumário 1.3. Uma única versão x versões separadas | 33 4.3. A relação da sociedade com os celulares | 20 2. URLs | 40 4.6.1. Introdução | 16 1. Facilidade de memorização | 28 3.1.1. Browsers | 39 4.1.2. Objetivos específicos | 16 1.6.1. Design da interação | 24 3.3.2.4. Justificativa | 16 2. Projetando para um dispositivo conhecido | 37 4.1.1. Utilidade | 27 3.5.1.4.5. Testes de usabilidade | 41 . Celular: além de um telefone móvel | 18 2. Eficácia | 26 3.3.1. Design visual | 36 4. Objetivo | 16 1.2.1. Layout | 38 4. Usabilidade | 25 3.2. Tamanho das imagens | 39 4. Experiência do usuário | 29 3. Eficiência | 27 3.1.4.3.1. Arquitetura da informação | 34 4.4.3. Diretrizes de design para a web móvel | 32 4. Diferentes resoluções | 36 4.3. Paradigmas da navegação web | 38 4.5.3.1.3.2.4. Objeto | 16 1.2. Estratégias | 32 4.1.1. Segurança | 27 3.3. Acessibilidade | 29 4. Confluência das mídias até a web móvel | 21 3.

Objetivos do site | 50 6. Análise de similares | 45 5.2. Entrevistas | 44 5.3.1.1.1.4.3.1.5. Metodologia do Projeto | 42 5. Avaliação estética | 48 5.4.2.4. Sistema de navegação | 47 5.5.2.5.4.1.2. Plano de escopo | 45 5. Análise de similares | 77 6.2.2.2.2.2.4.1. Conteúdo | 81 6.2. Análise de similares | 47 5. Plano de estrutura | 84 6.1. Público alvo | 44 5. Geração de alternativas e seleção | 48 5. Definição dos personagens | 70 6.4.1. Definição de personagens | 44 5.2.5.1.4. Arquitetura da informação | 46 5.2.1.5.3. Sistema de navegação | 90 6. Necessidade dos usuários | 50 6. Plano de estrutura | 45 5.1.1.2. Wireframe | 92 6. Plano de superfície | 47 5.1.2. Necessidades | 70 6. Entrevistas | 51 6.2.5.2. Segmentação dos usuários | 44 5.3. Objetivos do site | 43 5.1.1. Plano de escopo | 77 6.5.2. Card sorting | 84 6. Necessidade dos usuários | 44 5.1.2.2.1.1.2.3.1. Plano de esqueleto | 46 5. Layout | 48 5.2.4.1. Desenvolvimento do projeto | 50 6.2.1. Wireframe | 47 5. Plano de estratégia | 50 6. Segmentação dos usuários | 50 6. Conteúdo | 45 5. Plano de superfície | 93 .3. Protótipo digital | 49 6.Público alvo | 50 6. Plano de estratégia | 43 5.3. Plano de esqueleto | 90 6.6.1.2.3. Arquitetura da informação | 87 6.5.1.2. Card sorting | 46 5.2.3.4.1.1.2.1.

4.1.Entrevistas | 131 Anexo II . Protótipo digital | 126 7.6.2. Análise de similares | 93 6.Card Sorting | 163 Anexo III . Avaliação estética | 104 6.5. Similares indiretos | 94 6. Desktop | 116 6.2.4.6. Geração e seleção de alternativas | 102 6.5.5.web-u) | 171 .1.5.1.2. Layout | 115 6.5.3.4.5.1.5.5. Mobile | 123 6. Similares diretos | 98 6.1.Avaliação Estética (TAE. Conclusão | 127 Referências bibliográficas | 129 Anexo I .

Emulador do Opera Mini Features.Modelo dos dados para definição dos personagens. Pesava 1kg. Novo sistema operacional. | 78 Figura 25 . | 45 Figura 21 . Representava uma revolução na comunicação. | 19 Figura 04 .Visualização do site da MSDN no Série 60.DynaTac 8000x da Motorola (1983).iPhone da Apple (2007). | 39 Figura 14 . | 50 Figura 15 . | 22 Figura 05 .Wireframe de um site desktop.Versão móvel do site da Microsoft. | 19 Figura 03 . | 50 Figura 16 . Considerado o mais moderno dos celulares da chamada terceira geração.Emulador do Ready. novas cores e barateamento do aparelho.Modelo dos planos. | 50 Figura 17 .Versão móvel do site da CNN. | 76 Figura 23 .iPhone (2008).Danger Hiptop (2002). memória para 30 números e uma hora de conversação.Wireframe de um site mobile. acesso a internet mais rápido que o modelo anterior.Site Visit Califórnia. Sanyo SCP-5300 (2002) e Motorola Rokr (2005) – Inserção de novas mídias nos dispositivos. representante do grupo dos usuários locais.Visualização do site da MSDN no Opera.mobi | 39 Figura 13 .Visualização do site da MSDN no Pocket Internet. da estratégia à superfície (do abstrato ao concreto). | 50 Figura 19 . | 38 Figura 12 . conteúdo verticalizado.Ficha de Erika. tela sensível ao toque por touchscreen e inúmeras funcionalidades.Ficha de Fernando.Portal de Turismo iPernambuco.Site Pernambuco Conhece Pernambuco. | 34 Figura 07 . | 79 .Sem teclado.Visualização do site da MSDN Opera Mini. | 42 Figura 20 . | 77 Figura 24 . | 35 Figura 08 .Visualização do site da MSDN no Explore Mobile e no NetFront.Comparação dos vários tamanhos de tela de celulares. representante do grupo dos turistas.Site London England. em versão mobile. | 73 Figura 22 .Modelo da arquitetura do mesmo site mostrado anteriormente. | 18 Figura 2 . | 79 Figura 26 . Figura 10 .Modelo da arquitetura de um site desktop. | 36 Figura 11 . | 35 Figura 09 . | 50 Figura 18 .Lista de figuras Figura 1 . | 34 Figura 06 .

| 118 Figura 53 . | 89 Figura 33 .seção explore.Wireframe da homepage mobile. | 101 Figura 44 . | 118 Figura 54 .Tela Cadastre-se.Wireframe da página inicial para o projeto desktop.Estrutura e nomenclatura inicial do conteúdo principal para aplicação do Card sorting. | 98 Figura 41 .Site Srilank.Sistemas de navegação mobile. | 123 Figura 60 . | 99 Figura 42 . | 115 Figura 48 .Navegação primária. | 118 Figura 52 . | 121 Figura 57 . | 100 Figura 43 .Tela Roteiro. | 125 Figura 63 .Figura 27 .Visualização de fotos. | 97 Figura 40 . | 80 Figura 28 . | 120 Figura 56 .Detalhes de alguns elementos utilizados no layout.Alternativa 03. | 88 Figura 32 . | 116 Figura 49.Telas do site Northeast England.Alternativa 02.Alternativa 01. Mercados do Recife. | 93 Figura 36 .Telas do site 180 Degrees. | 94 Figura 37 . | 125 .Telas do site Tourisme Montréal. | 125 Figura 64 . | 84 Figura 31 .Layout final. | 93 Figura 34 .Tela Roteiro Recife Antigo. rios e histórias.Camparação da página inicial com seu wireframe. | 96 Figura 39 .Livro de bolso.Tela da página principal mobile. | 124 Figura 61 .Site Berlim .Tela Contatos. | 103 Figura 47 .Navegação contextual.Tela Roteiro Recife Antigo. | 123 Figura 59 . | 93 Figura 35 .Envelope e folder do Parque Temático da Madeira. | 117 Figura 50 .Site Berlim. | 80 Figura 30 . | 122 Figura 58 .Tela Roteiros. | 102 Figura 46 .Telas do site South Africa.Wireframe da página interna mobile. | 80 Figura 29 . | 118 Figura 51 .Arquitetura para o site desktop.Tela de fotos do roteiro.Wireframe geral das páginas internas.Arquitetura com adaptações para o site mobile. | 102 Figura 45 . | 124 Figura 62 .Calendário e coleção de postais : Recife: pontes. | 95 Figura 38 . | 119 Figura 55 .Revista In Magazine.Navegação utilitária.Wireframe da página principal mobile.

Lista de Tabelas Tabela 1 . | 103 Tabela 2 . | 113 .Problemas encontrados na avaliação estética. | 112 Tabela 3 .Média das notas da avalição estética.Tabela de estilo de esboço de alternativas.Sugestões dos usuários na avaliação estéticai. | 113 Tabela 4 .

Investigar diretrizes de design para web mobile. caminhamos para a confluência das mídias.3. 1. compreender o funcionamento dos dispositivos.Site Rota Recife: uma aplicação desktop e mobile 1. o tamanho dos aparelhos móveis também tem evoluído. A indústria de celulares investe pesado todo ano em novas tecnologias. rádio.Top Level Domain. Mp3. O trabalho tem como objetivos específicos realizar um estudo inicial sobre design de interação. fotos. O celular que antes só fazia e recebia ligações. Várias empresas estão organizadas em torno do grupo dotMobi. que corresponde a TLD .mobi (TLD . justificativa Na era da tecnologia e da informação 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 relações pessoais e profissionais da nova sociedade.2. usabilidade e acessibilidade. O objetivo geral é desenvolver um site acessível nas plataformas web e mobile. acesso a internet. as necessidades do usuário e a relação desenvolvida até então entre usuário – celular – internet. O acesso à internet pelo celular está se difundindo rapidamente e os investimentos para melhoria da chamada web mobile estão crescendo. tem diversas funções como envio de mensagens de texto. entre outros. laptops. objeto 1.16 . objetivo 1. Introdução 1. Pela necessidade da disponibilidade a qualquer hora e local. Realizar comparações entre os projetos desenvolvidos para a web desktop e web mobile.1. que define o tipo de . Eles estão cada vez menores e multifuncionais. por exemplo.4. hoje. músicas. agenda. objetivos específicos Sites web e mobile. etc. A necessidade de comunicação constante foi importante para o surgimento de diversos aparelhos móveis: celulares. calculadora.

A . mas também projetar um site que responda as suas necessidades.mobi foi criada para indicar especificamente os sites compatíveis com dispositivos móveis. Sansung. Esta pesquisa pretende não só analisar as adequações nos sites para celular. Completando esse cenário tem-se o crescimento das redes de telefonia celular 3G. agora precisam ser projetados para essa nova modalidade da web levando em consideração uma série de limitações e necessidades específicas. sobretudo. contribuir aos interessados no assunto sobre a responsabilidade do design nessa modalidade da web.net. os sites. houve. Microsoft. por exemplo. . realizada em 2008. pelo Ibope. atribui parte do aumento do sucesso das campanhas online nos grandes portais. . 5% dos internautas brasileiros já usam a web móvel.com . No Brasil. O trabalho pretende. TIM e Visa. O número de requisições via celulares passou de 55 mil em agosto para mais de 155 mil em dezembro do mesmo ano. Entre os investidores que apóiam esses grupos estão empresas como Nokia. mas é vital que as páginas sejam as mais usáveis possíveis para seus usuários. que permitem o acesso móvel de banda larga a preços cada vez mais acessíveis. só nos últimos meses de 2007. um aumento de 181% na tendência de acesso web por celulares.mobi são exemplos de TLDs). através das diretrizes levantadas. antes acessados somente pelo computador.17 . O surgimento de novos aparelhos também impulsiona o acesso móvel no Brasil. É de grande valia que a internet também possa ser acessada pelos celulares. Google. ao acesso por meio de iPhones.org e . De acordo com dados apurados pela consultora Predicta. Assim.Site Rota Recife: uma aplicação desktop e mobile domínio . mas segundo a pesquisa. segundo dados da 19ª edição da Pesquisa Internet Pop. A Predicta. .. Pode parecer pouco. esse número cresce vertiginosamente.

que investiu 15 anos de pesquisas em tecnologia móvel celular. A novidade tecnológica pesava cerca de 1kg. na Figura 1 . representando uma densidade de 26. de 2003 para 2004. Entretanto. as listas de espera pelo aparelho chegavam aos milhares. derivando deste o nome celular. já havia sistema de comunicação instalado em carros de polícia. Segundo Abreu (ibid. o DynaTAC 8000x (figura 1). em agosto de 2003. Em 1973. Segundo dados da Agência Nacional de Telecomunicação (ANATEL) no final de 2003 o total de acessos móveis no Brasil era de mais de 46 milhões. o número de usuários da telefonia móvel ultrapassou os da telefonia fixa. Em 1968. da Motorola. memória para 30 números e uma hora de conversação. A chegada dos celulares no Brasil ocorreu em 1990 e 13 anos depois. a Anatel divulgou que esse percentual de acesso subiu para 31. continuou a propagação do sistema até a cobertura que conhecemos nos dias atuais.3% da população brasileira. Celular: além de um telefone móvel Abreu (2005) descreve que por volta de 1947. o que tornou a tecnologia inviável comercialmente. a empresa americana Bell Company. capacidade para uma hora de conversação e oito de stand-by. desenvolveu um sistema que permitia a utilização de telefonia móvel dentro de uma determinada área utilizando o conceito de células. somente em 1983 surgiu o primeiro celular aprovado pela FCC. possibilitando que somente 23 pessoas se conectassem simultaneamente ao sistema de uma determinada área. as empresas AT&T e Bell definiram o sistema de uso de torres para atender aos usuários por áreas. Em novembro de 2004.DynaTac 8000x da Motorola (1983).Site Rota Recife: uma aplicação desktop e mobile 2. e. Os consumidores ficaram impressionados com a idéia de estar sempre conectados e mesmo com o custo de cerda de quatro mil dólares. foi a primeira empresa a incorporar essa tecnologia a um dispositivo móvel de comunicação fora de veículos e para uso pessoal. a FCC (Federal Communication Commission) disponibilizou poucas freqüências de rádio. desta forma. .18 . Um aumento de 27%. no mesmo ano. Pesava 1kg. O DynaTac 8000x iniciou o uso comercial da telefonia celular nos Estados Unidos e no mundo. A Motorola. ou áreas de cobertura. tinha memória para 30 números. conforme seu deslocamento. Representava uma revolução na comunicação. levou cerca de 20 anos para a FCC reconsiderar o número de freqüências destinadas à telefonia móvel e aumentar esse número para suportar mais usuários.).2 por 100 habitantes. Porém.

aumentar a produtividade e divertir. Novo sistema operacional.5 bilhões atualmente. chamados de aparelhos da terceira geração. para mais de 2. textos. o número de usuários no mundo passou de cerca de 300 mil. vale lembrar que novas versões de aparelhos surgem a cada instante. (Abreu.Sem teclado. Figura 2 . 2005) Passados 25 anos do início da telefonia móvel comercial no mundo. criar e divertir com voz. dividir. em 1984. Hoje o celular tornou-se uma extensão do estilo de vida do consumidor. músicas e vídeos. tornando o que era a “última geração” de ontem na tecnologia ultrapassada de amanhã. Com o barateamento.Site Rota Recife: uma aplicação desktop e mobile teledensidade da telefonia móvel no Brasil. novas cores e barateamento do aparelho. tela sensível ao toque por touchscreen e inúmeras funcionalidades.iPhone (2008). imagens digitais e acesso sem fio à internet consolidam uma nova imagem dos dispositivos.iPhone da Apple (2007). Jogos.19 . considerado o mais moderno dos celulares da chamada terceira geração. Porém. Conforme normalmente ocorre na área tecnológica. música. imagens. À medida em que a indústria crescia. o conceito de uso desse dispositivo teve a inserção de novos valores. acesso a internet mais rápido que o modelo anterior. um sistema capaz de enriquecer relacionamentos. o preço dos celulares foi diminuindo. Isso significa comunicar. as empresas antecipavam a demanda por inserção de novas tecnologias. Figura3 . .

Essa definição caracteriza a chamada ubiqüidade computacional (ubiquitous computing ou ubicomp): tecnologias que “desaparecem” no ambiente. este representava 15% da base de assinantes. A sociedade tem aderido tão facilmente aos novos sistemas computacionais que eles deixam de ser entidades evidentes para diluir-se no ambiente. Ainda não chegamos a esse grau de absorção de tecnologia computacional descrita por Weiser (ibid). a explosão dos celulares no país deve-se em grande parte a compra dos aparelhos por famílias de baixa renda. que estudou os impactos dos aparelhos de celular na Jamaica. e apesar de não poderem fazer muita coisa com o aparelho. Segundo os autores. ao contrário dos computadores pessoais. Para a antropóloga. pesquisador da Xerox-Parc. O poder de estar conectado aliado à questão da mobilidade inseriu os dispositivos no dia-a-dia da sociedade de tal forma que hoje eles são vistos quase como parte do ambiente. os celulares atingiram uma massificação ainda maior. A relação da sociedade com os celulares O uso do aparelho de celular. A presença da tecnologia computacional poderia ser comparada no futuro com a presença da eletricidade no cotidiano dos grandes centros urbanos. mediando atividades do dia-a-dia sem demandar grande esforço para sua realização. em junho de 1999. há tempos. deixou de ser considerado supérfulo. ao menos. quando foi lançado o pré-pago no Brasil. dificilmente se encontrava uma residência que não tivesse. assim como os computadores. 2007) imaginava um futuro no qual tecnologias computacionais fariam parte do “tecido da vida cotidiana”. identificou que apesar dos altos níveis de pobreza na região. Desde novas formas de contato pessoal. até salvamento de vidas.20 . passando por áreas de negócios. sendo mais percebidas quando estão ausentes da cena do que pela presença constante. o conceito de ubiqüidade foi introduzido por Mark Weiser na década de 80. Heather Horst (2006). um celular.1. Segundo Abreu (2005). um ano depois já era 50% dos usuários. pois as pessoas querem ser parte do mundo globalizado. a telefonia móvel atingiu um patamar que permeia todo o tecido da sociedade moderna e que. ressaltando que as tecnologias mais avançadas seriam aquelas que desaparecessem no plano de fundo do nosso entorno. ele era o símbolo da sua conectividade. . representando 35 milhões de usuários no Brasil. Porém.Site Rota Recife: uma aplicação desktop e mobile 2. Em muitos paises o crescimento do número dos aparelhos se deve graças aos planos pré-pagos. criou um forte vínculo de dependência. O ano de 2003 fechou com 76% do mercado nessa modalidade de assinatura. tudo foi melhorados através do dispositivo móvel. Weiser (apud Pinheiro e Spitz. A pesquisadora e antropóloga. No entanto. definido por Pinheiro e Spitz (2007).

como aquele pequeno comerciante que depende do aparelho para realizar suas entregas. Os sistemas computacionais do cotidiano são cada vez mais mediados por aparelhos que fazem uso da mobilidade. para as câmeras digitais. e comunicarse a qualquer tempo e lugar. para os computadores pessoais na década de 80.21 . (ABREU. “O termo ‘pervasive computing’ tem sido utilizado para designar o contexto no qual as tecnologias de informação e comunicação (TICs) combinamse com objetos diversos (como celulares. produtores e consumidores. espaços . Segundo Pinheiro e Spitz (2007). o uso massivo da Internet e dos computadores em rede pode ser entendido como a formação de um grande computador coletivo e multitarefa. que mesmo nas férias tem que resolver alguns assuntos da empresa. Essa nova prática permite acessar. de relacionamentos e interações mediadas pelos meios computacionais a qualquer tempo. dependentes do celular. Hoje em dia não é difícil encontrar profissionais que tenham suas atividades. A popularização dos aparelhos fez crescer. para os celulares. Tempo e espaço tornam-se fluidos. em 1878. dão oportunidade a muita discussão sobre os reais benefícios de conexão constante. O futuro parece apontar para um cenário no qual fica difícil perceber os limites de apropriação e utilização das tecnologias computacionais. carros.Site Rota Recife: uma aplicação desktop e mobile Essa alta popularização do celular viabilizou e alavancou negócios em todo o mundo. em qualquer lugar. cada vez mais tênues. confunde-se o público e o privado.2. Diluem-se os limites de nossos territórios. relações hierárquicas deixam de fazer sentido. 2. em especial. negócios dos trabalhadores de renda mais baixa. de certa forma. relógios. emitir informações. compartilhado simultaneamente por diversas pessoas de forma descentralizada. o lazer e o trabalho. ser acessado. Esses limites. 2005) Vivemos em um cotidiano com crescente utilização de sistemas computadorizados e situações cada vez menos dependentes do uso de computadores do tipo desktop. no final do século XX. realidade que tem níveis ascendentes no Brasil. dos computadores de grande porte dos anos 70. a maioria dentro da informalidade da relação de trabalho. desde o grande empresário. Confluência das mídias até a web móvel Passamos do fonógrafo com microfone de carvão. possibilitando a criação de um contato permanente com escritórios móveis de diversos tipos de trabalhadores autônomos. uma vez que estas se fundem ao ambiente. pagers. que geralmente eram utilizados por um grupo de especialistas. Os computadores fazem parte da paisagem e é o que conhecemos como pervasive computing. das engenhocas que tiravam fotos em 1839.

segurança e comunicação de uma forma transparente e generalizada. na tentativa de resolver o maior número de problemas de forma rápida e a qualquer instante. Se observarmos a evolução dos telefones celulares. Figura 4 . que podiam ser executadas a qualquer momento. O Sanyo SCP-5300. Em sua maior resolução. foi o primeiro celular com câmera fotográfica disponível no mercado. também lançado em 2002. Com base na publicação. lançado em 2005. tinha funções ativadas por voz e foi um dos primeiros celulares a oferecer funções reais de acesso à web. um sucesso e que hoje é tarefa desempenhada com extrema facilidade por celulares.Danger Hiptop (2002).Site Rota Recife: uma aplicação desktop e mobile arquitetônicos) para compor novos dispositivos de mediação. Na época. A revista PC World/EUA publicou em 2007 a história da evolução dos aparelhos de celular até a chegada do iPhone. Ele permitia aos usuários a transferência de faixas do iTunes para o telefone.22 . e nomeado como o melhor produto de 2003 pela edição norteamericana. e-mails e mensagens instantâneas. A absorção de novas tecnologias tem acontecido de forma cada vez mais rápida. A tendência de reunir vários dispositivos em um único aparelho também tem evoluído de acordo com as necessidades dos usuários de economizar tempo e espaço. era o primeiro telefone a incorporar o software musical da Apple. o que permitirá uma infra-estrutura de sincronização. hoje. Sanyo SCP-5300 (2002) e Motorola Rokr (2005) – Inserção de novas mídias nos dispositivos. como nunca vista. a junção de várias ferramentas em um mesmo dispositivo e muitas outras características que alteram a maneira como as pessoas utilizam as tecnologias atualmente. lançado em 2002. O Danger Hiptop.”( PARAGUAI e TRAMONTANO apud PINHEIRO e SPITZ. ele capturava imagens em VGA (640 por 480 pixels). notaremos a gradual inserção de novos recursos com o passar do tempo. . Já o Motorola Rokr. como o Nokia N95 e sua câmera de 5 megapixels. em pouco tempo já fazem parte do dia-a-dia das pessoas. por exemplo. 2007) E um elemento crucial dessa nova tecnologia será o alto nível de comunicação entre os vários dispositivos e sensores participantes. Novidades que antes demoravam cerca de cinco anos para se espalhar pelo mundo. A mobilidade parece ser a palavra chave para entender a miniaturização dos componentes.

funcionalidade de mp3. O principal consumidor dessas novas tecnologias. São mais de 3 bilhões de telefones contra 1 bilhão de PCs. sons. somos cada vez mais bombardeados por produtos que concentram uma infinidade de funções e demandam imersão atenção do usuário para sua utilização. E um dos exemplos mais interessantes é o telefone celular. eles são 46%.23 . 67% dos usuários da web móvel têm menos de 35 anos de idade e. nos EUA. No Brasil esse número ainda é bem discreto. câmera digital. Aproveitando essa oportunidade de mercado. são muito difíceis de mudar (MEIRA. situação bem diferente da que ocorre no Brasil. A internet. há pelo menos dez anos. com banda larga e transferência de dados. agenda. possuem velocidades na casa de megabytes por segundo. Na Inglaterra. traz consigo inúmeras possibilidades de acesso a informação. a curto médio prazo. Segundo Meira (2007). No entanto. como gizmos. Sterling (2004) classifica esses tipos de aparelhos. o principal motor de inovação do mercado de comunicação móvel. o Japão tem sido. As tecnologias multifuncionais conquistam as crianças e jovens de hoje que serão os adultos e executivos de amanhã. há cerca 405 milhões de usuários de internet no celular contra 1. que longe de se integrarem à paisagem demandam muita atenção para manipulação das inúmeras funções que contêm. relógio e identificador de chamadas. comércio eletrônico realizado pela internet. vídeo e o acesso a web. E os hábitos. quando se formam. os celulares 3G. feito por pessoas entre 15 e 19 anos de idade já era através de celulares. uma nova classe de objeto. Sua possibilidade através dos celulares fez surgir os chamados aparelhos 3G. Yahoo e Google estão conciliando esforços para entrar na onda de mobilidade e adaptar seus produtos mais populares ao universo do celular. Esse atraso pode ser explicado por fatores como suporte aos usuários e velocidade de conexão. 2007). empresas como Microsoft. mais de 80% do e-commerce.Site Rota Recife: uma aplicação desktop e mobile No ponto atual da evolução dos meios tecnológicos e das práticas associadas a esses meios. Lá. manipulação de imagens. numa linha evolutiva que relaciona os artefatos de nossa cultura material com a sociedade que deles derivam. No Japão. desde 2005. Há três vezes mais celulares que computadores no mundo. será mesmo o acesso à internet. são os jovens. .3 bilhão de navegadores da web tradicional. apenas cerca de 5% dos internautas acessam a web pelos celulares o que representa cerca de 155 mil usuários. Existe então a discussão de que o principal uso dos celulares. em 2005. Nos celulares atualmente podemos encontrar além dos recursos padrões de plataforma de jogos. O serviço de terceira geração de celulares representa a inserção da internet nos dispositivos móveis. por sua essência. No Japão. o acesso a web via celulares é maior do que através de PCs.

são projetados com foco apenas na realização da tarefa. No entanto. pode-se concluir que cada vez que uma pessoa acessa um site. Para garantir a interatividade focada no usuário. Todos nós já sentimos dificuldade de realizar alguma tarefa em um desses produtos e é exatamente nesse ponto que se torna necessário o design de interação. como o objeto de estudo desse trabalho são os sites e não os celulares. o design de interação utiliza-se da usabilidade e acessibilidade. no mínimo. A primeira relação acontece entre o usuário e o aparelho e consiste em compreender o funcionamento do dispositivo. e assim o diálogo continua. Assim. porém antes de falarmos sobre estas questões precisamos definir o que é interação. se comunicam e interagem com os produtos.24 . Essa ação é recíproca e seu sucesso dependerá de uma série de fatores que veremos mais adiante. O ponto principal do design de interação é como se dá essa relação homem-computador e como criar experiências que melhorem a maneira como as pessoas trabalham. um site também é um produto interativo. é necessário. acontece uma espécie de diálogo entre o usuário e o site. Muitos produtos interativos que encontramos no cotidiano. não nos aprofundaremos no design de interação dos dispositivos móveis. Preece. identificação dos comandos etc. posicionamento das teclas. Design de interação No dia-a-dia estamos cercados de produtos interativos e fazemos uso deles o tempo todo. cada movimento do usuário gera uma resposta do sistema que provoca uma nova resposta do usuário. Confrontando definições de Nielsen(2000). interação pode ser definida como a ação ou influência mútua entre dois ou mais elementos. sem uma preocupação com o usuário. o celular e o site. Assim como um computador. dois elementos exercendo ações entre eles. um controle remoto ou um celular.Site Rota Recife: uma aplicação desktop e mobile 3. A segunda relação de interação ocorre entre o usuário e o site e consiste em entender o sistema de navegação web e a disposição das informações. Acessar um site por meio do celular. por exemplo. . Ao acessar um site através de um celular. dependerá da interação do usuário com esses dois produtos. a navegação no site também estará comprometida. tem-se uma seqüência de interações que envolvem três elementos: o usuário. nem todos eles podem ser considerados fáceis de usar. Para que haja essa “conversa”. Rogers e Sharp (2005) e Krug(2006). Apesar de interativos. Se o diálogo do usuário com o aparelho não for bem sucedido.

a tarefa. satisfatória. de uma forma geral. por exemplo. Utilizaremos o esquema sugerido pelas autoras com algumas adaptações.Site Rota Recife: uma aplicação desktop e mobile Preece. Segundo as autoras. as principais metas do design de interação são formadas por um conjunto das metas de usabilidade mais as metas decorrentes da experiência do usuário. facilidade de aprendizado. se uma pessoa não descobrir como utilizar um site em aproximadamente um minuto. como equivalente a expressão “user friendly” ou “amigável”. o termo não é apropriado por muitas razões. De acordo com Nielsen (2000). Ao invés da nomenclatura “metas”. Ela não trabalha de forma isolada. Acrescentaremos ao esquema. Usabilidade De acordo com Nielsen (2000). usuários diferentes têm necessidades diferentes e um sistema que é amigável para um pode não o ser para outro. pois está sempre associada às características do usuário. aos equipamentos etc.1. por entender que as descrições a seguir são partes que compõem a usabilidade. adotaremos “componentes”. querem apenas que elas não atrapalhem nas tarefas que pretendem realizar. componentes de acessibilidade. que se preocupam em meios de compensação para diferentes características humanas. Esses problemas podem gerar uma decepção momentânea ou definitiva. As metas de usabilidade preocupam-se em satisfazer critérios específicos de usabilidade como segurança. Além disso. Rogers e Sharp (2005) definem o design da interação em metas e as identificam. motivadora e etc. . Já Krug (2005) diz que cada pessoa possui um reservatório de boa vontade. como “parte do processo de entender as necessidades do usuário. eficácia. a experiência do usuário e a acessibilidade. Em linhas gerais. Ao acessar um site entramos com certa reserva de boa vontade e cada problema encontrado diminui o nível dessa reserva. O termo usabilidade começou a ser utilizado aproximadamente na década de 80. no que diz respeito a projetar um sistema interativo que as atenda e que consista em ser claro quanto ao objetivo principal”.25 . tecnológicas e do ambiente. conclui que não vale à pena gastar seu tempo com aquilo. Uma delas é que as pessoas não querem máquinas amigáveis. entre outros. As metas decorrentes da experiência do usuário preocupam-se em explicar a qualidade dessa experiência: interessante. a usabilidade é o fator que garante a facilidade de uso a partir da perspectiva do usuário. 3.

e que adotaremos nessa pesquisa: • Eficácia. • Facilidade de memorização O componente de satisfação utilizado por Nielsen (ibid. ou mesmo agradável. • Utilidade. Rogers e Sharp (2005) que definem a usabilidade em seis componentes.26 . a usabilidade é formada por múltiplos componentes e tradicionalmente associada a cinco principais atributos: • Facilidade de aprendizado. ele não será utilizado. que veremos mais adiante.Site Rota Recife: uma aplicação desktop e mobile Segundo Nielsen (ibid. Para cada componente seguem questões que auxiliam na identificação e uma descrição detalhada: 3. • Eficiência.1.1. Existem esquemas mais desmembrados. É vital que todo produto seja eficaz. A eficácia está ligada ao objetivo em si. as metas definidas para uma ação ou experimento.). mesmo que seja . como o das autoras Preece. à capacidade de realizar algo. • Erros. à relação entre os resultados almejados e os previstos e também ao processo de se atingir o que foi proposto. se ele não atingir os objetivos específicos de um determinado grupo de usuários.) é apresentado pelas autoras separadamente como componentes decorrentes da experiência do usuário. • Satisfação. • Facilidade de aprendizado. • Facilidade de memorização. • Segurança. • Eficiência de uso. Eficácia O sistema permite que as pessoas encontrem o que procuram? possui excelência em fazer o que se espera dele? Esse componente é bem geral e refere-se à capacidade de alcançar o que se espera do produto. Supondo que um software seja fácil de usar.

Segurança O sistema evita que os usuários cometam erros? e mesmo que esses aconteçam. . 3. Algumas falhas podem ser corrigidas rapidamente pelo usuário e não acarretam nenhum efeito grave à operação que estava sendo feita.27 . Uma boa forma de mensurar a eficiência de um site é definir algumas especificações e propor a operacionalização por um grupo de usuários com certa experiência. Eficiência Quando o usuário já tiver aprendido a realizar as tarefas desejadas.4. Cuidados simples. 3. outras são impossíveis de serem corrigidas. Utilidade O sistema disponibiliza funções para realizar todas as tarefas da maneira que os usuários desejam? Refere-se à medida na qual o sistema disponibiliza funções úteis para que as pessoas realizem ações que desejam. Dessa forma pode-se notar a qualidade do tempo gasto na realização das tarefas. como não posicionar próximos os botões de “sair”. permite corrigi-los facilmente? As pessoas devem se sentir seguras enquanto utilizam o sistema. por exemplo. com qualidade de execução.1. Grande número de erros pode influenciar na eficácia e eficiência do sistema.3.Site Rota Recife: uma aplicação desktop e mobile oferecido gratuitamente. Um site cujo objetivo é localizar mapas pode ser considerado útil.1. Algumas falhas não são percebidas pelos usuários e acabam por gerar resultados errôneos ou destruir o que foi executado anteriormente. Erro é qualquer ação que não atinge o resultado esperado. A insegurança do usuário em cometer erros irreparáveis dificulta a interação com o produto. quando oferece rotas de trânsito que indicam o sentido das vias e o melhor caminho para o usuário. o sistema possibilitará um alto nível de produtividade? A eficiência está relacionada à utilização dos recursos de forma produtiva. É a realização de algo de forma rápida.2. e está relacionada com a maneira em que o sistema auxiliará o usuário. “salvar” e “remover” ou mesmo diferenciá-los visualmente pode evitar que vários erros sejam cometidos. 3.1.

como softwares de edição de vídeo. familiaridade e poder de generalização.6. como impressoras. Facilidade de aprendizado Qual o grau de facilidade e quanto tempo o usuário gastará para realizar as tarefas básicas do sistema. O poder de generalização. ao acessar um site ele fará relações com o seu conhecimento prévio adquirido no uso desses sistemas. Porém. como os novatos.Site Rota Recife: uma aplicação desktop e mobile 3. o sistema deverá oferecer ao usuário não freqüente. Um site é previsível quando o usuário conhece o histórico das ações realizadas anteriormente durante a navegação e é capaz de determinar o resultado de uma ação futura nesse site.1. condições de lembrar-se facilmente de como utilizá-lo. decorrente de experiências com produtos interativos. generalizando o que aprendeu em determinado funcionamento de um site para outro tipo de site. e um conjunto mais amplo de tarefas? Os usuários estão dispostos a isso? Os produtos devem permitir que novos usuários entendam como usar o sistema para que posteriormente possam atingir bons níveis de desempenho. mas também não é um usuário expert que utiliza o sistema com muita assiduidade.5. de níveis variados. 3. fará com que o usuário estenda o conhecimento adquirido de um sistema para outro.1. A capacidade de aprender está relacionada com princípios de previsibilidade. sites e aplicativos simples. Esse problema acontece normalmente quando as tarefas são resultados de uma seqüência mau encadeada ou ilógica. Então. Ele não desconhece por completo o sistema.28 . Facilidade de memorização Uma vez aprendido a utilizar o sistema. sendo considerados produtos mais complexos. As pessoas não gostam de perder muito tempo aprendendo a usar sistemas do dia-a-dia. por sua vez. . O usuário não freqüente é o principal foco desse componente. processadores de texto etc. evitando assim o aborrecimento de ter que ficar reaprendendo a realizar as tarefas. A familiaridade está relacionada ao fato de que todo usuário carrega consigo uma bagagem. Sendo assim. estão preparadas para passar mais tempo aprendendo a usar sistemas que reúnem uma série de funcionalidades. que tipos de suportes são oferecidos para assegurar que as pessoas lembrarão como realizar as tarefas. Ter uma interface que seja fácil de lembrar é algo importante para o usuário que por algum motivo não fez uso do sistema por determinado período. mesmo aquelas que não são executadas com freqüência? Os sistemas devem permitir que os usuários se lembrem de como interagir com o produto que já utilizaram.

como a web e a computação móvel. inseridas em diversas áreas . É projetar soluções de interação considerando variados contextos. que tem como objetivo a prática de atividades pedagógicas pode ser projetado de forma a ser engraçado e divertido. sentimentos e opiniões.Site Rota Recife: uma aplicação desktop e mobile 3. . Os princípios de acessibilidade são: • Diferenças das características humanas .3. Experiência do usuário O objetivo de desenvolver produtos interativos considerando a experiência do usuário não pode ser esquematizado uniformemente. É precipitado pensar que a acessibilidade está interligada somente a problemas relacionados com algum tipo de deficiência física. áreas públicas.2.entretenimento. Que experiências esse produto proporcionará ao usuário? Como ele se sentirá durante a interação? Um site infantil. Acessibilidade Acessibilidade envolve fazer compensações para características que uma pessoa não pode mudar facilmente. A presença de tecnologias. enquanto que os componentes de usabilidade e acessibilidade são mais objetivos e estão preocupados com a maneira como o usuário lida com os produtos interativos. por exemplo. O termo deficiência pode ser substituído por diferenças. o design de interação está cada vez mais empenhado em elaborar sistemas que sejam: • Agradáveis • Divertidos • Interessantes • Úteis • Motivadores • Esteticamente apreciáveis • Incentivadores de criatividade • Compensadores • Emocionalmente adequados Assim. visual ou auditiva. residências. São geralmente definidas de acordo com as especificações do produto e características do usuário.trouxe à tona um conjunto de interesses voltados à satisfação dos usuários. como confiabilidade. Em linhas gerais. os componentes resultantes da experiência do usuário estão relacionados com às experiências de natureza subjetiva. percepções.29 . 3. etc. Já o site de um banco terá outros objetivos e deverá passar outras experiências.

• Feedback tátil e auditivo. um instituto britânico para deficientes visuais. entre outros.30 . podemos citar os sistemas de comandos de voz. departamento britânico de indústria e comércio. O comando de voz. muitos dos celulares atuais possuem recursos que facilitam a interatividade. dificuldades de audição. inerentes aos usuários: diferenças de faixa etária. encontramse: diferenças dos dispositivos de acesso. computador. diferenças de navegadores. laptop. tremor nas mãos e deficiência na fala.Site Rota Recife: uma aplicação desktop e mobile • Diferenças das características tecnológicas • Diferenças das características do ambiente Na web. ou de memória. por exemplo. a dificuldade de leitura ou a cegueira. o estudo apontou: • Teclas protegida e bem separadas. alerta vibratório. configuração de sons e alerta. Entre as deficiências levantadas estão diferenças de audição. Entre as possíveis soluções. que incluem o daltonismo. que diminui a quantidade de barulho do ambiente misturada à voz que se escuta ao fone. Apesar de ainda estarmos longe do ideal de acessibilidade. deficiências visuais. diferenças de iluminação etc. para indicar quando uma tecla foi pressionada. • Redução de som lateral. ou ainda decorar números de telefones. facilita a interação do usuário com dificuldade de coordenação motora. PDA etc. • Possibilidade de ajustar a pressão necessária para acionar as teclas. Como exemplos dessas melhorias. diferenças na coordenação motora. evitando a necessidade de se pressionar várias teclas. entre outros. falta de força para segurar objetos. existência de leitores de tela. O recurso de alerta vibratório emite vibrações através do aparelho que permite que o . companhia britânica de telecomunicações. podemos citar como características humanas. velocidade de conexão. deficiências cognitivas. O estudo identificou 15 deficiências e 44 recursos que poderiam ser acrescidos aos telefones a fim de melhorar a acessibilidade. diferenças de visão. Como diferenças das características tecnológicas dos dispositivos e programas. celular.. por exemplo. realizaram um levantamento em 1999 com o intuito de detectar necessidades e possíveis melhorias no uso de telefones por usuários com algum tipo de deficiência. O British Royal National Institute for the Blind (RNIB). juntamente com Bristish Departament of Trade and Industry. e o Bristish Telecomunication. ou decorar uma sequência de passos para acionar um comando. Já as características ambientais estão relacionadas à interferência do ambiente em que o produto está inserido: existência de ruídos. viva-voz e handsfree.

acionamento de teclas e alertas do sistema. útil quando o usuário não quer ou não pode ouvir o som de toque do aparelho.31 . então. Dessa forma. Tendo em vista que estamos abordando um dispositivo com características diferentes do computador do tipo desktop. ambos permitem que o usuário fale durante uma ligação sem ter que segurar o aparelho próximo ao ouvido. Porém. O objetivo do produto. Os recursos de viva-voz e handsfree são bem parecidos.Site Rota Recife: uma aplicação desktop e mobile usuário perceba a ligação de alguém ou o recebimento de uma mensagem. mantendo certa privacidade já que a conversa não é aberta ao ambiente. garantem o sucesso no design de interação. experiência do usuário e acessibilidade é extremamente importante na produção de um site ou de qualquer sistema interativo. a identificação dos usuários pretendidos e o conhecimento de suas habilidades e limitações no uso do sistema. . faz-se necessária. identificar e entender o equilíbrio entre usabilidade. com o handsfree um fone de ouvido pode ser interligado ao aparelho. a discussão a seguir a respeito das diretrizes de design para a web móvel. As configurações de sons e alerta são úteis para identificar a finalização de tarefas.

por exemplo. linguagem de marcação.] (MELGAR . arquitetura da informação. a navegação não acontece de forma fluida etc. explorando a capacidades dos navegadores instalados apenas nesse tipo de dispositivo. p.. 24). O número de fontes de pesquisa que abordam essas diretrizes de forma aprofundada ainda é escasso. por exemplo. Esse cenário de adaptação e enorme variedade de características dos aplicativos móveis. algumas compartilhadas com a web desktop e outras mais específicas para apresentação móvel. os elementos ficam fora dos seus lugares. as fotos serão menores. poucos elementos visíveis. As diretrizes aqui definidas são baseadas nos guias de desenvolvimento para web móvel elaborados por Cremin. é provável que mudanças na estrutura de navegação tenham que ser feitas.. 4. Consequentemente é muito comum a variação da disposição e tamanho dos elementos da página quando se entrega conteúdo à dispositivos móveis. Para desenvolver uma versão móvel de um site de notícias.. 2008. algumas matérias terão que ser resumidas. Rabin. Fling e Robinson (2007) e publicados pela Dotmobi. [. torna difícil que um site forneça experiência de qualidade para os usuários de diferentes dispositivos: [. Acessar uma página como esta em um dispositivo móvel pode gerar uma série de experiências frustrantes. as imagens não aparecem. p. versões e domínios. São questões que envolvem. existe uma enorme barra de rolagem vertical e horizontal. a maior parte das páginas web são projetadas para apresentação em telas de PCs.] As resoluções de telas influenciam diretamente no tamanho das imagens a serem adotadas.. O espaço da tela é menor. Para evitar a inserção de conteúdo desnecessário deve-se perguntar . soluções de design. etc. Estratégias Um projeto mobile deve centrar na oferta de conteúdo útil para dispositivos móveis e levar em consideração as diferenças de dispositivo.1. 25) As diretrizes de desenvolvimento móvel apóiam-se em uma série de questões.32 . Diretrizes de design para a web móvel Segundo Melgar (2008.Site Rota Recife: uma aplicação desktop e mobile 4. Um projeto mobile mal elaborado pode tornar a visualização do site lenta e cara.

Na elaboração de um único site que se adapte as duas realidades. Uma única versão x versões separadas Existem duas vertentes do desenvolvimento para celulares. construir versões separadas parece ser o melhor caminho. a de versões específicas para celulares.meusite. assim. uma acredita que os sites devem ter endereços diferentes já que o dispositivo que os acessa é diferente. • A tecnologia: Recursos. considerando três categorias para facilitar a gestão e definição dos objetivos. oportunidades e limitações tecnológicas que envolvem o projeto. Existem ainda as vertentes com relação ao domínio. Por enquanto a tendência maior está na segunda vertente. por exemplo. possuem uma versão exclusiva para a web móvel.mobi ou www. um perfil geral. por exemplo. A primeira defende a elaboração de um único site que se adapte aos diferentes dispositivos. Quais são os objetivos da organização? Como o projeto pode ajudar a sua organização a alcançar os seus objetivos? Será que proporcionam novas oportunidades de negócios? Existe uma oportunidade para a inovação? • Os usuários: Como o seu público-alvo se beneficiará do produto? Que tarefas serão realizadas com o seu conteúdo móvel? Como eles irão interagir com o conteúdo? Deve-se também definir o que os usuários desejam e necessitam.33 .Site Rota Recife: uma aplicação desktop e mobile constantemente: “Por que isso deve estar disponível em um site móvel?”. As decisões tomadas devem manter um equilíbrio em todas as três categorias: a empresa. se considerarmos os problemas de design.1. Recomenda-se iniciar um projeto móvel através da definição das metas globais para o site.com devem ter suas versões móveis www.mobilemeusite.com. o Google e a Microsoft. os sites www. Segundo Domingo (2007). por exemplo. 4. Entre os que se opõem a essa idéia está a própria W3C. Ou seja. definindo. Já a segunda recomenda que se façam versões específicas para cada dispositivo.1. porém o . A CNN. Essa escolha depende de uma série de fatores que devem ser estudados.meusite. deverá ser adotada questões de design e arquitetura da informação que satisfaçam as duas situações. • A empresa: Visa metas comerciais que devem ser claramente definidas no ínicio do projeto. arquitetura e programação. os usuários e a tecnologia. Não foram encontrados dados estatísticos que comprovem o predomínio de nenhuma das vertentes.

De acordo com Melgar (2008). msn.com). Arquitetura da informação Na web móvel é extremamente importante estruturar as informações da maneira mais simples possível. os usuários podem não saber utilizá-lo.34 . algumas atividades associadas à renderização de páginas web demandam muita capacidade computacional. 4. pois não são todos os dispositivos que possuem o botão de voltar. É essencial que os links sejam objetivos. por exemplo. isso evitará investidas frustradas. Deve-se escolher o que é mais relevante no conteúdo e o que deve ser descartado em relação à versão desktop. o que pode resultar em ítens que não aparecem totalmente. muitas vezes. Caminhos muito longos deixarão o usuário aborrecido. a página pode demorar bastante para carregar totalmente.Site Rota Recife: uma aplicação desktop e mobile mais comum ainda é encontrarmos domínios diferentes para cada versão. é difícil recuperar a negação depois de um erro ou link quebrado. Colocar a informação correta da melhor forma é uma prática fundamental para garantir qualidade na experiência do usuário. então o esforço de navegação do usuário se assemelha a uma pessoa que navega num PC sem utilizar o mouse.2. Isso significa que. Em alguns casos. Figura 5 – Versão móvel do site da CNN (http://cnnmobile. experiência semelhante a usar a tecla TAB do desktop. informando ao usuário o que o espera na próxima página. mesmo que o botão exista. A arquitetura da informação deve considerar a quantidade de cliques que o usuário terá que realizar até chegar à informação que deseja. a maior parte dos celulares ainda não possui tela sensível ao toque. . Normalmente chega-se aos link por meio das teclas de direcionamento da interface do dispositivo. Já que o poder de processamento da maior parte dos dispositivos móveis ainda é muito limitado.com) Figura 6 – Versão móvel do site da Microsoft (http://mobile. Atualmente. Muitos desses aparelhos tem pouca memória disponível para páginas e imagens.

35 .13) Figura 8 – Modelo da arquitetura do mesmo site mostrado anteriormente. Fonte: DotMobi Web Developer Guide (2007. em versão mobile. Figura 7 – Modelo da arquitetura de um site desktop.Site Rota Recife: uma aplicação desktop e mobile Veja abaixo (figuras 7 e 8) a diferença entre a arquitetura de um site para versão desktop e uma estrutura ideal para o mesmo site construídos especificamente para dispositivos móveis.14) . Fonte: DotMobi Web Developer Guide (2007. p. p.

garantindo que o conteúdo mais procurado será encontrado facilmente pelo usuário. por exemplo. Design visual 4.3. mas em sua maioria a resolução utilizada nos PCs é 1024 x 768 pixels.36 . Essa recomendação deve ser usada criteriosamente com os demais elementos que compõem a página. Reunindo e comparando diferentes tipos de telas de aparelhos celulares pode-se definir um tamanho máximo recomendável que é de 200 x 250 pixels (Figura 9). 4. Já na web móvel há uma diversidade muito maior nos atributos físicos dos dispositivos. Tornar mais fácil os links com maior freqüência. Os usuários se tornam cada vez mais desorientados a medida que entram na subseção de uma página. p. • Tentar utilizar no máximo dez links por página.22) . a menos que se tenha a certeza de que o dispositivo pode apresentar mais informações com qualidade. Figura 9 – Comparação dos vários tamanhos de tela de celulares. Deve-se lembrar.1. O tamanho das telas e a configuração do teclado variam consideravelmente em cada aparelho. que imagens aparentemente boas na menor resolução podem preencher apenas metade ou um terço da tela de um celular de resolução alta.Site Rota Recife: uma aplicação desktop e mobile Entre as sugestões que auxiliam na arquitetura da informação de um site móvel estão: • Limitar ao máximo as categorias. Diferentes resoluções Fora da web móvel trabalhamos com diferentes resoluções de tela.3. além do uso de teclado e mouse. • Priorizar os links por popularidade. Não só as dimensões como a proporção das telas dos aparelhos variam bastante. Fonte: DotMobi Web Developer Guide (2007.

mas conhecer o público alvo e os dispositivos que eles utilizam trará mais segurança nas definições do projeto. Modelos mais utilizados no setor empresarial..) Desenvolver sites para desktop permite explorar espaços maiores.. cores.. Muitas vezes incluem teclado QWERTY (layout de disposição de teclas como nos computadores) e caneta no lugar da interface com 12 teclas em celulares normais. sem recursos de acesso a web e consequentemente irrelevantes no contexto da web móvel.37 . • Celulares “Voice-Only”: Esses são aparelhos de baixo custo. muitas vezes. possuem leitor de mídia e teclado principal condensado em 12 teclas. com a tela em uma metade e o teclado na outra ou deslizante.2. imagens mais elaboradas.. animações. Normalmente utilizam um sistema operacional mais completo e dispositivo multimídia mais avançado. Agora quando você tem um espaço que varia de 128px a 320px. 2007) O trecho descrito anteriormente pode parecer desanimador. . pode alternar entre modo retrato e paisagem. dobrável. com teclado abaixo do visor. Apesar disso. Quanto ao formato. (. podem ser retangular. • Smartphones: Possuem as mesmas características dos 3G. tipologias. Projetando para um dispositivo conhecido As características de cada dispositivo não são bem definidas e estão em constante adaptação. Eles também possuem uma tela maior que. tamanhos.3.Site Rota Recife: uma aplicação desktop e mobile (. • PDAs: Grande parte da sua funcionalidade é orientada para tarefas organizacionais ao invés de comunicações de voz.) (DOMINGO. existem algumas diretrizes básicas que ajudam a entender o dispositivo alvo do projeto. porém com duas diferenças: a capacidade de executar mais aplicativos e uma tela um pouco maior. etc. onde a tela desliza e revela o teclado abaixo. Todas as categorias parecem caminhar no sentido das características dos smartphones. as soluções de design que você tem que encontrar são muito mais limitadas do que aquela que você está acostumado. 4. formatos. As fronteiras que definem esses dispositivos são muito tênues e estão constantemente em mudança. e entre elas a escolha do tamanho da tela. acessam a internet. Os dispositivos móveis podem ser segmentados nas seguintes classes gerais: • Celulares 3G: São os mais utilizados no mundo.

Embora não seja impossível. No entanto. Sendo assim. 4. recomenda-se que o layout possua uma única coluna e que o texto esteja alinhado à esquerda. Já Para a web móvel as páginas possuem maior verticalidade (Figura 11).3. Fonte: DotMobi Web Developer Guide (2007. Por isso não é aconselhável o uso de guias de navegação dispostas na horizontal ou utilização de coluna de texto nas páginas para celulares. deve-se fornecer link de saída para a próxima seção ou para a seção anterior. Esses links também são úteis na parte inferior da página. Layout Na concepção de um projeto desktop tendemos a um layout no formato paisagem (figura 10). Estes sistemas nos dão pistas visuais sobre onde estamos localizados dentro do site e fornecem referências sobre a forma de navegar dentro dele.Site Rota Recife: uma aplicação desktop e mobile 4.4. pois permitem que o usuário siga em frente ou retorne sem voltar para o topo da tela. Paradigmas da navegação web Estamos habituados a uma variedade de sistemas de navegação na web.3. O método normalmente utilizado na criação de sistemas de navegação móvel é a utilização de uma simples lista de opções verticais. o estilo de sistema de navegação desktop não costuma funcionar para um dispositivo móvel. além do link para a página inicial na parte superior. p. Fonte: DotMobi Web Developer Guide (2007. p. A melhor maneira é mostrar apenas as opções relacionadas com a página que o usuário está vendo. Exibir múltiplos níveis de navegação em sua lista normalmente não funciona bem.25) Figura 11 – Wireframe de um site mobile . conteúdo verticalizado. Figura 10 – Wireframe de um site desktop. porque dá aos usuários muitas opções e consome a valiosa área da tela.27) . onde a largura é um pouco maior que a altura.3.38 .

mobi. Sendo assim.39 . o site estará pronto e segue a fase de realização de testes. de composição complexa. 4. a menos que o projeto esteja utilizando técnicas avançadas de detecção do dispositivo. algumas caixas de textos são automaticamente condensadas para a largura disponível. um dos mais populares browsers móveis. Opera.4. que tem rapidamente se popularizado devido ao fato de que pode ser executado em dispositivos com recursos extremamente baixos. Figura 12 – Emulador do Ready. navegador padrão no Windows CE.Site Rota Recife: uma aplicação desktop e mobile 4. Browsers Os browsers mais utilizados são o Pocket Internet Explorer Mobile.3.5. e da Dotmobi. Esse será o momento de verificar a aparência e as funcionalidades do site nos dispositivos-alvo do projeto e aproveitar para corrigir o que for necessário. Devido à diversidade de tamanho das telas. por exemplo (figuras 12 e 13). em acordo com a tela da maioria dos dispositivos móveis.1. NetFront. uma boa opção é utilizar simuladores disponíveis em alguns sites como o da Opera Mini. que terão pouca legibilidade.com/mini/demo) 4. aconselha-se a utilização de imagens no menor tamanho possível. e navegador padrão em um grande número de aparelhos. (http:// ready. . Recomenda-se uma largura máxima de 120 pixels. Publicação Passada as etapas descritas até então.opera. enquanto imagens muito grandes saem do campo de visão. Como normalmente não dispomos de vários aparelhos para realização dos testes. Tamanho das imagens O maior problema encontrado com relação à utilização de imagens na web móvel diz respeito às dimensões. Opera Mini. Com o uso da imagem em dimensões tão restritas deve-se evitar imagens densas. para ter certeza de que tudo está funcionando como planejado. exceto se a imagem for de extrema importância.4. Série 60 Navegador. (http://www.mobi) Figuras 13 – Emulador do Opera Mini Features.

Figura 16 – Visualização do site da MSDN no Série 60. não foram projetados especificamente para acesso móvel e o teste tenta mostrar como a maioria dos serviços eletrônicos atuais não está formatado para trabalhar com telas pequenas. Aquelas que são muito longas ou possuem caracteres especiais serão. Figura 17 – Visualização do site da MSDN no Opera. na sua maioria. O site da MSDN. URLs A digitação nos celulares normalmente é uma ação muito demorada. da Microsoft. os sites. Figura 18 – Visualização do site da MSDN Opera Mini. sem dúvida. 4. por exemplo possui apresentações bem diferentes em cada um dos browsers testados. mais complicadas para os usuários. sendo assim as URLs devem levar essa limitação em consideração.5. Figura 14 – Visualização do site da MSDN no Pocket Internet Explore Mobile e no NetFront.40 . Figura 15 – Visualização do site da MSDN no Explore Mobile e no NetFront.Site Rota Recife: uma aplicação desktop e mobile Jones (2006) realizou um experimento que teve por objetivo observar como os sites reais se comportam em navegadores móveis. como mostrado nas figuras a seguir. As seguintes opções são formas de tornar um site mais acessível por dispositivo móvel: . Segundo o pesquisador.

Site Rota Recife: uma aplicação desktop e mobile

• Usar uma TLD específica para indicar que o site é compatível com dispositivos móveis; • Usar um domínio do tipo desktop acrescido do termo mobile, como por exemplo: meusite.com/mobile ou mobile.meusite.com; • Usar um único endereço que reconheça o dispositivo de acesso e faça o redirecionamento automático, utilizando, neste caso, um único domínio para as duas situações.

4.6. Testes de usabilidade

Realizar testes com usuários oferece informações valiosas. Os testes devem ocorrer ao longo de todo o projeto e processo de desenvolvimento. Independentemente do tamanho do site, a verificação, a disposição, legibilidade e usabilidade do site com usuários 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 relação ao tamanho da tela. Após 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 aplicação desktop e mobile

5. Metodologia do projeto

O projeto será desenvolvido com base na metodologia de Garrett (2003) que divide-se em: estratégia, escopo, estrutura, esqueleto e superfície. Segundo o autor, cada plano depende do anterior e juntos seguem de um estado de abstração a concretização (figura 19). A cada nova fase as decisões se tornam mais específicas até a conclusão do projeto.

Figura 19 – Modelo dos planos, da estratégia à superfície (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 usuário, permitindo o contato do designer com o público alvo. Essa característica concorda com a visão de usabilidade citada anteriormente e, dessa forma, acreditamos atingir a máxima eficiência, para que o site seja útil e fácil de usar. Para Garret (2003.) o projeto de design centrado no usuário pode ser planificado a partir do resumo abaixo: • Plano de estratégia: define-se o quê e para quem se quer comunicar; • Plano de escopo: quais serão as características do produto; • Plano de estrutura: hierarquia de páginas e caminhos entre elas; • Plano de esqueleto: desenho estrutural das telas, navegação, etc; • Plano de superfície: design gráfico ou design visual

- 42

Site Rota Recife: uma aplicação desktop e mobile

Como princípio, Garrett (ibid.) destaca a construção do site de baixo para cima (Bottom to Top), semelhante a um bolo e suas etapas. A estratégia seria a finalidade do bolo; para aniversário, 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 superfície, a aparência final. Uma construção das camadas mais inferiores, até o resultado final. É importante ressaltar que para o sucesso dessa metodologia é necessário que cada plano esteja finalizado. Desta forma, poderá ser iniciada a construção do plano seguinte, mantendo ainda ligação com o seu antecedente para o caso de se reavaliar decisões anteriores e posteriormente ocorrer uma mudança no projeto. Para o desenvolvimento deste projeto, a metodologia sofreu algumas adaptações gerando a estruturação abaixo e suas subdivisões: • Plano de estratégia (objetivos do site, necessidade dos usuários) • Plano de escopo (análise de similares, conteúdo) • Plano de estrutura (card sorting, arquitetura da informação) • Plano de esqueleto (sistema de navegação, wireframe) • Plano de superfície (análise de similares, geração e seleção de alternativas, avaliação estética, layout) • Protótipo digital Tendo em vista que o projeto envolve a elaboração de uma versão desktop e outra mobile de um mesmo site, a metodologia permanecerá única apenas até a finalização do plano de estratégia. A partir do plano de escopo algumas considerações serão definidas em paralelo para atender às necessidades de cada versão.

5.1. Plano de estratégia

O plano de estratégia consiste na definição de duas questões básicas. Quais os objetivos gerais do site? Quais as necessidades dos usuários? Ao respondê-las, estará determinado o que o projeto pretende atingir.

5.1.1. Objetivos do site

Definição em linhas gerais da pretensão do projeto por parte da organização. Nessa fase deve-se tomar o cuidado de não identificar soluções e pormenores antes de tomar conhecimento do problema. Os objetivos devem ser específicos em relação ao que o site deseja atingir.

- 43

2. cujo objetivo é conhecer e levantar informações importantes sobre a audiência pretendida.4. será feito a seguinte investigação: definição do público alvo. podemos identificar as mais comuns como sendo: critérios demográficos. esses representantes do público e suas necessidades não sejam esquecidos. Segmentação dos usuários Essa etapa deve ser considerada quando se trabalha com um grupo de usuário heterogêneo. O que esses usuários esperam encontrar? Para identificar essas necessidades. mas também para tomar conhecimento de necessidades específicas de cada grupo. entrevistas e definição de personagens.2.1. Essa fase será importante para que. Definição de personagens Obedecendo a segmentação dos usuários e os dados levantados nos questionários. Entrevistas Para entender as necessidades dos usuários é preciso conhecê-los.1. em linhas gerais.2.2.2. critérios psicológicos (psicográficos) e critérios tecnológicos. psicológicos e tecnológicos. o desejo dos usuários em relação ao site. 5. As formas de realizar tal segmentação são variantes em cada projeto. Necessidade dos usuários Nessa etapa compete identificar os objetivos externos. definem-se personagens fictícios para cada grupo segmentado.3. 5. do público que o projeto pretende atingir. Para isso. A cada personagem deve ser dado nome. durante as demais etapas de desenvolvimento do projeto. entrevistas serão aplicadas em forma de questionário. dados demográficos. 5. 5.Site Rota Recife: uma aplicação desktop e mobile 5. com os ajustes necessários para cada grupo.1.1.1.2. de tal forma a existir condições e necessidades muito diferentes.44 . A etapa consiste em dividir o público alvo em grupos menores através dos critérios que os identificam e servirá não só para entender as necessidades dos usuários como um todo. segmentação. .1. Público alvo Definição.

1.55) Sites frequentes: 5.45 . Nessa fase. Análise de similares Investigação de produtos similares existentes.2. estes requerimentos não descrevem como as partes se encaixam para formar um todo coerente. p. que tipo de informações serão disponibilizadas e quais não deverão existir.Site Rota Recife: uma aplicação desktop e mobile Nome Psicológico Como espera que o site funcione [papel] O que o levou a procurar o assunto do site Demográfico Idade: País/Cidade: Ocupação: Estado civil: Tecnológico Acesso à internet: Computador: Notebook: Celular: Figura 20 . Essa etapa tem o objetivo de estudar alternativas que resultarão no conteúdo do site. Para isso. recursos. p. São informações que se adequam as necessidades dos usuários e aos objetivos do site. no entanto.Modelo dos dados para definição dos personagens. será realizada uma análise de similares com o objetivo de estudar o conteúdo de produtos do mesmo segmento. no intuito de conhecer o conteúdo disponível. mas elas ainda precisam ser estruturadas. não se define seções ou mapa do site. Plano de estrutura Depois de coletados os requerimentos funcionais do projeto. Plano de escopo Quando traduzidas as necessidades e os objetivos dos sites .89). 5. 2003. 5. Este é um novo objetivo a ser alcançado: desenvolver uma estrutura conceitual para o site (GARRETT.2. Com a definição do conteúdo tem-se as informações do site. conteúdo.3. pagina inicial.2.de forma específica sobre qual conteúdo e que funcionalidades o site oferecerá para os usuários. Nessa etapa serão definidas quais informações . define-se o plano de escopo. resolução. Anteriormente. 5. é possível obter uma idéia clara do que será incluído no produto final. Conteúdo Definição específica de tudo que o site deve oferecer: informações gerais.2. Fonte: baseado em The Elements of User Experience (2003. serão geradas especificações de funcionalidade e o conteúdo para o site. Contudo.

46 . (PADOVANI. Segundo Maguire (ibid.3. que o site pretende divulgar. o card sorting é uma técnica que pode ser aplicada em projetos de diversas naturezas com o objetivo de descobrir a estrutura hierárquica de um conjunto de informações. por exemplo).Site Rota Recife: uma aplicação desktop e mobile devem estar juntas. Esse esquema específico deve fazer parte da lógica do usuário.2. nomenclatura. Plano de esqueleto Comparado com o plano que o antecede. 5. definidas no plano de escopo. Nele trabalha-se o design de interface. 62) De acordo com Maguire (2001).3.4. p. imagens ou ações referentes ao conteúdo e seções do site. . Card sorting Construa uma estrutura coerente para o usuário. 2003. por meio de dados de uma análise estatística é possível revelar o que não está tão claro para os usuários. A arquitetura corresponde a todo o levantamento e categorização das informações do site. Divisão final do conteúdo. informações. Para projetos web o teste consiste na confecção de cartões com nomes. deve-se levar em consideração que agrupamentos incoerentes podem ser um sinal de que a definição utilizada nos cartões não foi eficiente para transmitir a informação pretendida. A técnica é aplicada a um grupo de usuários com itens escritos em um conjunto de cartões. Define a quantidade de páginas existentes em cada uma delas e a importância de cada informação presente na tela. Esses cartões são entregues ao usuário. o plano de esqueleto busca um nível mais refinado de detalhe ao projeto. organização e ordenamento da informação através de mapas e fluxogramas de navegação.1. 5. que tem como tarefa relacioná-los em grupos e subgrupos do site. No entanto.). quais devem ser separadas e como será o fluxo de navegação. previsível e fácil de entender e lembrar (pois as ligações fazem sentido). A aplicação do card sorting no desenvolvimento desse projeto ajudará a perceber como o público alvo organiza as informações. Após a coleta dos agrupamentos de todos os entrevistados pode-se melhor entender como os usuários organizam essas informações mentalmente. Utilize um método de design participativo para montar a estrutura (card sorting. Arquitetura da informação Definição da arquitetura do site. 5.

Site Rota Recife: uma aplicação desktop e mobile

5.4.1. Sistema de navegação

o design de navegação e o design da informação. O design de interface inclui botões, campos de texto e todos os outros componentes da interface; o design de navegação organiza o acesso aos diversos links do site; já o design da informação, segundo Garrett (2003), é responsável pelo sucesso dos dois elementos anteriores, pois é responsável por apresentar a informação de maneira a tornar a comunicação eficiente.
A web é por essência, um sistema baseado em navegação. E sua característica mais básica e primordial, que possibilita o acesso à informação de forma não linear. (MEMÓRIA , 2005, p. 50)

O sistema de navegação consiste no ordenamento dos vários sistemas que permita percorrer as informações do site de diferentes circunstâncias: navegação global, local, contextual etc.
Na internet os usuários estão no comando e não precisam necessariamente consumir o conteúdo em uma sequência pré-determinada. Daí a vocação de ser um meio orientado aos usuários. E para que as pessoas consigam achar o conteúdo que procuram, o projeto de uma navegação eficiente, fácil e intuitiva torna-se fundamental. (MEMÓRIA , 2005, p. 50)

5.4.2. Wireframe

É a definição espacial da estrutura que integra o design de interface, o design de navegação e o design da informação. Contem o posicionamento, como um esqueleto, de todos os componentes da página juntos. Segundo Memória (2005) o nível de complexidade do wireframe depende do projeto, que pode começar simples e ir ganhando detalhes e modificações 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 superfície

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

5.5.1. Análise de similares

Para desenvolver o layout adequado a cada projeto, deve-se realizar uma análise de projetos similares como forma de buscar referências visuais. Essa análise pode ser voltada apenas a um tipo de produto específico, como também ampliada para a análise visual de diferentes tipos de produtos que possuam uma ligação mais abrangente.

- 47

Site Rota Recife: uma aplicação desktop e mobile

5.5.2. Geração de alternativas e seleção

Após a pesquisa de referências visuais, faz-se necessária a geração 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. Avaliação estética

Nessa fase o projeto segue para a avaliação estética pelos usuários que farão comentários e sugestões sobre o layout. Para tal será utilizada a TAE.web-u, técnica de avaliação estética para websites com usuários, modelo desenvolvido por Pirauá (2007), que tem como objetivo avaliar a estética de websites a partir da visão dos usuários. A avaliação é dividida em questionário e entrevista.
Dada a natureza do valor estético, que está contido na relação entre sujeito e objeto, é preciso coletar informações subjetivas (percepções do usuário) e objetivas (formas do objeto) para compor uma avaliação estética. (PIRAUÁ, 2007, p.74)

O questionário tem o objetivo de investigar a interpretação dos usuários a respeito das formas, bem como o impacto emocional sobre os mesmo. Já a entrevista investiga, através de valores dados pelos usuários, sobre a aparência do site e problemas estéticos apontados.
Com a aplicação dessa técnica, pretende-se fornecer informações para a melhoria do design do website, principalmente no que se refere à estética. Nesse sentido, surge um objetivo secundário da técnica: identificar com a maior precisão possível problemas a serem resolvidos referentes a estética do website. (PIRAUÁ, 2007, p.74)

Ao final da avaliação estética são feitas as mudanças necessárias no layout inicial.

5.5.4. Layout

Definição final do layout. Nessa fase tem-se a concretização e justificação visual do que foi definido nas etapas anteriores. Serão elaboradas as demais telas do projeto que devem manter consistência estética, levando em consideração, por exemplo, diagramação, cores e tipografia definidas.

- 48

Site Rota Recife: uma aplicação desktop e mobile

5.6. Protótipo digital

Nessa etapa o site já possui sua forma de se comunicar com o público alvo através do design visual, toda a informação e navegação já estão planejadas, mas o produto ainda não funciona. A fase de implementação consiste em por em prática o produto, deixá-lo funcionando para que o usuário possa interagir como planejado durante todas as etapas anteriores. Para este projeto esta fase será posta em prática por meio de um protótipo digital de alta fidelidade com o objetivo de apresentar as principais funcionalidades do site.

- 49

1. sites pelo celular. • Turistas – Moradores de outras cidades ou de outros países.1. 6.1. nacionais e estrangeiros. Desenvolvimento do projeto O projeto a ser desenvolvido adotou um cliente hipotético que deseja desenvolver um site em versão mobile e desktop. ou estão dispostas a cessar. Objetivos do site Abrange os objetivos do site e as necessidades dos usuários • Oferecer roteiros turísticos de um dia na cidade do Recife • Atender usuários locais e turistas • Ser acessado pelos usuários antes e durante a viagem • Fazer uso de sistema de navegação claro e intuitivo • Adotar um layout limpo e objetivo • Oferecer o carregamento das páginas de forma rápida • Possuir duas versões: desktop e mobile 6. Necessidade dos usuários Para identificar as necessidades do usuário foi necessária as etapas que seguem: 6. .2. • Usuário local – Moradores da cidade do Recife e região metropolitana. Plano de estratégia 6. que gostam de viajar ou fazer roteiros pela própria cidade como forma de lazer.Site Rota Recife: uma aplicação desktop e mobile 6.50 .1.1.2.2. Público alvo Jovens e adultos de 20 a 40 anos. 6. Essas pessoas são usuárias da internet e acessam. Segmentação dos usuários Os usuários foram divididos em dois grupos através de critérios geográficos. com roteiros turísticos na cidade do Recife.1.2.1.

.51 . por MSN ou e-mail. A aplicação de cada entrevista se encontra no Anexo I (pág. As entrevistas foram feitas através de dois modelos de questionários. o modelo de cada uma das entrevista que foram aplicadas e a tabulação dos resultados obita na comparação dos dados. Entrevistas Realizou-se um total de 16 entrevistas. 131). um para cada grupo.1. A seguir. sendo oito com moradores da cidade do Recife e região metropolitana e oito com turistas de outras cidades e países. com perguntas objetivas e subjetivas.2. A aplicação dos questionários aconteceu por meio de conversa pela internet.3.Site Rota Recife: uma aplicação desktop e mobile 6.

Grupo1: Usuário Local Nome: Sexo: Masculino [ ] Feminino [ ] Cidade e país onde reside: Grau de escolaridade: Ocupação: Estado Civil: Solteiro(a) [ ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: Nacionalidade: Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Modelo de Entrevista . com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 à 4 vezes por mês[ 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: ] Na cidade onde mora. N= nunca) Pontos turísticos [ ] Patrimônio histórico e artístico [ ] culturais [ ] Paisagens naturais [ ] Locais de compra [ Gastronomia /Bares e restaurantes [ Outros: ] Manifestações ] . com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre. N= nunca) Computador [ ] Computador portátil/notebook [ ] Celular [ ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Qual o modelo do seu aparelho de celular: O celular permite acesso à internet? Sim [ ] Não [ ] Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: - ] Anualmente [ ] Nunca [ ] Se os sites citado possuíssem versão para celular. F= freqüentemente. R= raramente. você os acessaria? Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer.52 . R= raramente. F= freqüentemente.

N= nunca) Transporte [ Outros: ] Localização [ ] Temperatura [ ] Horários de funcionamento [ ] Preços de serviços [ ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ ] Indicação de amigos [ ] Sites [ ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Você acessaria um guia turístico da cidade na web? Você acessaria um guia turístico da cidade pelo celular? Que tipo de informação considera indispensável em roteiros turísticos na web? O que poderia ser oferecido nesse site para facilitar seu passeio? . F= freqüentemente. com que freqüência pensa nos itens abaixo: (Marcar S= sempre. R= raramente.53 .Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ ] Antes de sair para um passeio.

F= freqüentemente. F= freqüentemente.54 .Grupo2: Turista Nome: Sexo: Masculino [ ] Feminino [ ] Cidade e país onde reside: Grau de escolaridade: Ocupação: Estado Civil: Solteiro(a) [ ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: Nacionalidade: Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. R= raramente. N= nunca) Computador [ ] Computador portátil/notebook [ ] Celular [ ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ ] Não [ ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Qual o modelo do seu aparelho de celular: O celular permite acesso à internet? Sim [ ] Não [ ] Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: - ] Anualmente [ ] Nunca [ ] Se os sites citado possuíssem versão para celular. N= nunca) Transportes[ ] Localização de pontos turísticos [ ] Hospedagem [ ] Patrimônio histórico [ restaurantes [ ] Manifestações culturais [ ] Temperatura [ ] Outros: ] Gastronomia e . R= raramente. você os acessaria? Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez à cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e países que já visitou: Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Modelo de Entrevista .

N= nunca) História local [ ] Traços turísticos [ ] Arquitetura [ ] Patrimônio históricos e artísticos [ ] Paisagens naturais [ ] Programação cultural [ ] Gastronomia [ ] Hospedagem [ ] Restaurantes [ ] Postos de apoio ao turista [ ] Temperatura [ ] Transportes [ ] Horários de funcionamento [ ] Preços de serviços [ ] Locais de compra [ ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre. F= freqüentemente. F= freqüentemente.55 . Guias Impressos [ ] Agências de viagem [ ] Indicação de amigos [ ] Sites [ ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ ] Não [ ] Exemplifique: Que tipo de informação considera indispensável 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 relação ao impresso? Antes de viajar você pesquisa sobre: (Marcar S= sempre. N= nunca) História local [ ] Traços turísticos [ ] Arquitetura [ ] Patrimônio históricos e artísticos [ ] Paisagens naturais [ ] Programação cultural [ ] Gastronomia [ ] Hospedagem [ ] Restaurantes [ ] Postos de apoio ao turista [ ] Temperatura [ ] Transportes [ ] Horários de funcionamento [ ] Preços de serviços [ ] Locais de compra [ ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ ] Guias turísticos de agências [ ] Mapas impressos [ ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ ] Outros: . R= raramente.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante as viagens: Família [ ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem. R= raramente.

um entrevistado possui dois aparelhos e outro possui três. R= raramente.não soube Resolução 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 Não Obs.56 . N= nunca) Computador Computador portátil/ 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 configuração do seu computador (apenas se souber) e a resolução da tela? 1g de memória. 160 HD monitor de 17polegadas Dual Core / 1GB RAM / 160GB HD memória de 624 Mb.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 . HD 120 Intel (Pentium dual-core inside).00 GB). HD 40 512MB de memória RAM e 80GB de HD Obs. Tela (14’’) Configuração do windows vista. F= freqüentemente. HD (160).: Grande parte dos entrevistados desconhecem a configuração e a resolução Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Celeron 2g de memória 160HD Core 2 Duo / 4 GB RAM / 320 GB HD Windows Vista.Tela LCD widescreen 15.Site Rota Recife: uma aplicação desktop e mobile Tabulação de Dados (Entrevista – Grupo1: Usuário Local) Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.: Destes. memória 1Gb. Ram (3.não soube Sansumg . .

Depende das taxas Talvez .br. Exemplifique 3 sites que acessa com freqüência: Google. R= raramente.br Google .bb. www.folhape. Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer. www. e-mails em geral (Ig.hotmail. Siga .Eu só usaria caso em fosse imprescindível.com www.Poli Google. www. Apesar de não caberem na tela não tive problemas para encontrar o que queria. N= nunca) Diariamente Semanalmente Mensalmente Anualmente Nunca Outros: média de duas vezes por mês Se os sites citados possuíssem versão para celular.com.Unopar. Google. www. myaiesec.br. bol e Gmail) e Orkut Não Comentários Acesso o Orkut às vezes e os sites da Claro e do Ig para checar e-mail.terra. Vagalume Yahoo. geocities. www. Hotmail.com.com. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana 1 ou 2 vezes por semana 2 à 4 vezes por mês 1 vezes por mês 1 vez a cada dois meses ou mais Outros: . www.youtube.br. www.com Yahoo. você os acessaria? Sim Google.net.com.Site Rota Recife: uma aplicação desktop e mobile Com que freqüência acessa a internet no celular: (Marcar S= sempre.ebah.br Google. F= freqüentemente.com. hotmail Dependendo do custo para o acesso. unisersidade . Orkut.com.57 .sportrecife.orkut. mas não usaria com freqüência não. www.

livraria Cinema e shows Cinema e Recife Antigo Cinema. estádio de futebol. com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre. shopping Center.58 . F= freqüentemente. N= nunca) Transporte Localização Temperatura Horários de funcionamento Preços de serviços 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 . praia e cinema Cinema. praias e locais de manifestações culturais Na cidade onde mora. restaurantes. pizzaria. praia. etc Cinema. R= raramente. teatros e restaurantes Bares. com que freqüência pensa nos itens abaixo: (Marcar S= sempre. parques de diversão ou clubes de campo Cinema. R= raramente. N= nunca) Pontos turísticos Patrimônio histórico e artístico Gastronomia /Bares e restaurantes Manifestações culturais Paisagens naturais Locais de compra Outros: Qual(s) costumam ser suas companhias nos momentos de lazer? Família Grupo de amigos Companheiro(a) Nenhuma Antes de sair para um passeio. F= freqüentemente.Site Rota Recife: uma aplicação desktop e mobile Cite alguns lugares que costuma freqüentar como forma lazer: Shopping.

com.pe360graus.pe360graus.folhape. e site do próprio lugar que desejo visitar (se houver) www.google.br www.br. N= nunca) N S S F S R F R www.Site Rota Recife: uma aplicação desktop e mobile Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas Indicação de amigos Sites Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? (S= sempre.com www.br / www.59 . F= freqüentemente.pernambuco.google.pe360graus.br www.com.google.com. Quais os sites que costuma acessar para obter essas informações? Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim Não Exemplifique: Muitas vezes as informações estão desatualizadas . www.com www. R= raramente.pe360graus.br Sites oficiais do evento.com.com.com.com / www.

à torre Malakoff e ao Forte do Brum. no centro da cidade do Recife. Caminhada ecológica pelo privê da cidade.60 . Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Não Comentários: Você acessaria um guia turístico da cidade na web? Sim Não Comentários: . à Oficina Francisco Brennand.Site Rota Recife: uma aplicação desktop e mobile Você já fez algum roteiro turístico dentro da cidade? Qual? Sim Não Exemplifique: Museu de Brennand Em catamarã. Através de um catamarã no Rio Capibaribe. Passeio de catamarã pelo Rio Capibaribe. pelo rio Capibaribe Visita com alunos da escola onde ensinei ao Instituto Ricardo Brennand.

mas a estrada de acesso é um horror. caso haja. horários e dias mais apropriados. fotos e animações. por exemplo). principalmente. serviços disponíveis). mapas. valor de passeios com guias. Se estivesse na rua. mapas e preço dos serviços Indicação de pontos de referência Local e preço Localização. por exemplo. acessos. Horário de funcionamento dos pontos turísticos. Fotos do local. . valor de passeios com guias. e precisasse saber alguma informação de um lugar que eu queria ir com urgência. Localização O que poderia ser oferecido nesse site para facilitar seu passeio? Informações bem específicas de como chegar aos locais: se existe ou não locais de estacionamento. preço dos serviços e produtos e. informações sobre acesso ao ponto turístico. Horário de funcionamento dos pontos turísticos. dependendo do local. Formas de pagamento e preço dos serviços.61 .Site Rota Recife: uma aplicação desktop e mobile Você acessaria um guia turístico da cidade pelo celular? Sim Não Comentários: Talvez. Tour virtual. Depoimentos de pessoas que passaram pela experiência do roteiro turístico Tópicos com informações diretas (exemplo: localização. valor da entrada. Ser de fácil navegação e oferecer links. Dependendo do custo do serviço. veracidade quanto ao que é oferecido ( tal praia é linda. Comentários de quem já visitou o ponto turístico em questão. Localização e custo. em caso de necessidade. com diferentes roteiros. resumo da razão turística do local. vídeos. Transportes que se pode tomar e em que pontos descer. mapas que ajudariam no acesso ao ponto turístico. Acessaria pela comodidade Que tipo de informação considera indispensável em roteiros turísticos na web? Informações do local. informações sobre agendamento de visitas. informações sobre acesso ao ponto turístico. valor da entrada. com diferentes roteiros. informações sobre agendamento de visitas. Uma média do custo e.

2Gb. HD 120 GB.62 . Tela de 14. etc.não soube Samsung . F= freqüentemente.4 Obs.Site Rota Recife: uma aplicação desktop e mobile Tabulação de Dados (Entrevista – Grupo2: Turistas) Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. Quando realiza uma viagem costuma levar computador portátil/notebook? Sim Não Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? HD 120 GB. um entrevistado não soube a marca e modelo do celular .1 polegadas. 2 GB de memória 1024 x 768 Permite acesso à internet: Qual o modelo do seu aparelho de celular: Motorola V3 Sharp . Intel Core 2 Duo.: Grande parte dos entrevistados desconhecem a configuração e a resolução dos seus computadores ou os utilizam no trabalho.: Destes. universidade. 2gb. 120 HD Corel 2 duo.não soube LGKS360 Sony Ericsson W300i Sagem MYX-2 LG MG 235 Resolução da tela (pixels) 176 x 220 240 x 320 128 x 160 101 x 80 128 x 128 Sim Não Obs. 2gb Celeron. R= raramente. N= nunca) Computado Computador portátil/ 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 configuração do seu computador (apenas se souber) e a resolução da tela? Tela de 15.

hattrick.63 .com. Youtube.deviantart. www.pt.uma. www.com. www. www. F= freqüentemente. Caso o meu aparelho permitisse. www. www.cv Google.orkut.youtube. www.pt Claro Idéias.com www.org.youtube.com.alagoas24horas.hotmail.hotmail.orkut.com.hotmail. www. www. Hotmail www. N= nunca) Diariamente Semanalmente Mensalmente Anualmente Nunca Outros: Exemplifique 3 sites que acessa com freqüência: Orkut.claro. com. você os acessaria? Sim Não Comentários Mas o que impede muitas vezes o acesso dos (possíveis) usuários é o custo Sim.sapo. Depende da taxa cobrada pela empresa de telefonia. www. Gmail e Google Google.com. Provavelmente.com.com.abola. Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês 1 à 2 vezes por semestre 1 vez por ano 1 vez à cada dois anos ou mais Outros: . Google.liberal.com.br Se os sites citados possuíssem versão para celular.br www.Site Rota Recife: uma aplicação desktop e mobile Com que freqüência acessa a internet no celular: (Marcar S= sempre. R= raramente. Google acadêmico www.google.br.

. Caruaru-PE. Coimbra. Lisboa. Funchal – PT. Portugal (Ilha da Madeira. Madri). Guimarães. Arapiraca). Aracajú. N= nunca) Transportes Localização de pontos turísticos Hospedagem Patrimônio histórico Gastronomia e restaurantes Manifestações 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? Família Grupo de amigos Companheiro(a) Nenhuma Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem? Guias Impressos Agências de viagem Indicação de amigos Sites Outros: Viajo sempre pra onde moram os meus parentes. ou outra forma foi através de um intercâmbio – não tive escolha de onde ia ficar. Brasil. Vila Real – PT Lisboa Londres-Inglaterra . Aracaju. Florença). Caruaru. Brasil. R= raramente. Roma. Serra da Estrela. Brasil. F= freqüentemente. Espanha (Barcelona. Portugal (Braga. Paripueira-AL. Natal. Belém. Santa Cruz do Capibaribe. Lisboa. Itália (Veneza. entre outras Fortaleza. Lisboa .Site Rota Recife: uma aplicação desktop e mobile Cite algum(as) das cidades e países que já visitou: Itália (Roma. Porto.64 . Japaratinga-AL. Estados Unidos (Miame). Inglaterra (Londres). Florença). Marco de Canaveses. Veneza. Barcelona e Toledo). Brasil Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre. Espanha (Madrid. França (Paris). Porto) Madrid. Paço d’arcos). França (Paris). Caracas. Fátima. Garanhuns. Inglaterra (Londres). Lisboa. Lisboa e para o ano espero ir a Espanha Maragogi-AL.PT. Campina Grande. João Pessoa. Alentejo-Portugal Brasil (Recife. Venezuela.

História local.Site Rota Recife: uma aplicação desktop e mobile Você costuma buscar na internet informações sobre os lugares que deseja conhecer? (S= sempre. Informações sobre pousadas e hotéis.com Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim Não Exemplifique: Transportes O que é mais difícil é entrar em contato. Mapas com localização e preço dos serviços.google.com www. F= freqüentemente.com www.google.google. pratos típicos da região. e as poucas informações que os sites têm geram muitas dúvidas que nem sempre estão respondida no “perguntas mais freqüentes”. principais pontos turísticos. hospedagem e temperatura.. preço e regras do hotel (esse realmente não está incluído).google.google.com www. Preços das viagens. É difícil encontrar: horário de funcionamento e o valores cobrados nos transportes públicos. Que tipo de informação considera indispensável em guias de viagem na web? Hospedagem barata. informações sobre transportes. N= nunca) S S F F F F F R Quais os sites que costuma acessar para obter essas informações? www. telefones para contato (ao invés de oferecer no site apenas o email). Disponibilidade (vagas em hotéis). Transportes.65 . sobre os eventos culturais que estarão acontecendo no período da viagem. transporte. Informações sobre pontos turísticos mais atrativos e sugestões de viagem.google.google. hospedagem e informação sobre os lugares turísticos.google..com www.com www. informações sobre as opções de lazer da cidade . etc.com www. R= raramente.com www. informações de transportes e alojamento. história e pontos turísticos.

O online você pode acessar a qualquer momento e de forma mais rápida e confortável. através de sms. As vantanges do guia online na minha opiniao é que é possivel conter uma maior quantidade de informação. As desvantagens é que para acessar a net precisamos de um computador o que torna o guia de bolso muito mais conviniente. As vantagens de um guia online é que nos permite um acesso mais rápido a uma informação. mas é desvantajoso porque não se tem certeza se poderá ter acesso na hora que precisar utilizá-lo. . Um “esclarecedor de dúvidas” onlines. temperatura. enquanto que o guia online apresenta apenas a informação necessária de modo a transmitir a idéia a pessoa interessada em viajar. ao passo que o impresso tens na mão sempre. Mais informação sobre a cultura e história do país que visitamos e mapas. informações diárias sobre. mas pode ser confuso dependendo da organização da informação. Não tenho pensado nisso. Enviar para o celular. entre outros. Informações mais claras sobre hospedagem. é facil de transporatar e de manipular. Um guia impresso vem mais pormenorizado. mas é desvantajoso porque é mais um ítem que tem que carregar. O guia de viagens online é vantajoso porque geralmente é mais atualizado e não é preciso carregar mais um ítem na mão ou na bolsa. é que você não precisa necessariamente sair de casa em busca dessas informações. mesmo que faltem algumas informações.66 . Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? Nem sempre se tem acesso ao impresso. A desvantagem principal pode se considerar o fato de não poder consultar o online sempre. A praticidade do online. O guia de viagens impresso é vantajoso porque pode ser consultado na hora que quiser e geralmente é mais completo. agenda cultural. Não sei.Site Rota Recife: uma aplicação 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. A desvantagen principal seria que é mais complicado de manusear o guia impresso. Detalhes de cada lugar.

F= freqüentemente. R= raramente.67 . N= nunca) História local Traços turísticos Arquitetura Patrimônio históricos e artísticos Paisagens naturais Programação cultural Gastronomia Hospedagem Restaurantes Postos de apoio ao turista Temperatura Transportes Horários de funcionamento Preços de serviços 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 .Site Rota Recife: uma aplicação desktop e mobile Antes de viajar você pesquisa sobre: (Marcar S= sempre.

Cybershop. . Notebook em pontos de wireless ou cybershop. F= freqüentemente. R= raramente. N= nunca) História local Traços turísticos Arquitetura Patrimônio históricos e artísticos Paisagens naturais Programação cultural Gastronomia Hospedagem Restaurantes Postos de apoio ao turista Temperatura Transportes Horários de funcionamento Preços de serviços 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? Sugestões Sim Não Computador do hotel ou do notebook em pontos de wireless.68 . Comentários: Notebook em pontos de wireless ou computador do hotel.Site Rota Recife: uma aplicação desktop e mobile Antes de viajar você pesquisa sobre: (Marcar S= sempre. Cybershop ou notebook. Notebook ou vou aos cybershop.

Seria mais fácil acessar do hotel ou pelo notebook Dependendo das taxas é claro Talves. Se for necessário sim.69 . Prefiro fazer meus próprios roteiros Você acessaria um guia turístico pelo celular durante uma viagem? Sim Não Comentários: Dificilmente.Site Rota Recife: uma aplicação desktop e mobile Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Sim Não Comentários: Sugestões de roteiros são sempre bem vindos. Gosto de definir meus próprios roteiros para conhecer o lugar que estou visitando. Dependeria da situação Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso Guias turísticos de agências Mapas impressos Sistemas de GPS Aparelho de celular Computador portátil/notebook Outros: . O telemóvel é muito mais prático e leve que um notebook o que torna as coisas bem mais simples.

informações diárias sobre. .1. 6.2. agendamento de visitas. como usuário local e Erika.2.70 . pôde-se perceber uma série de informações que os usuários desejam obter quando se trata de roteiros turísticos. Necessidades Através da análise das entrevistas dos dois grupos de usuários. agenda cultural. entre outros. A seguir a entrevista é respondida para os dois grupos e duas personas foram criadas. as linhas de ônibus e os táxis • Acesso a preços dos serviços e produtos • Veracidade nas informações • Informações de pontos turísticos: história. valor e horários de visitação • Informações de estadia • Enviar para o celular. como turista.4. temperatura. Fernando. através de sms.Site Rota Recife: uma aplicação desktop e mobile 6. A tabulação dos dados e a observação dos comentários resultaram nas necessidades dos usuários listadas a baixo: • Informações de localização: mapas e pontos de referência. • Informações sobre o transporte e dicas de como funcionam o metrô.1.5. Definição dos personagens As informações levantadas através da pesquisa foram confrontadas para ajudar na definição de respostas mais representativas de cada grupo e em seguida foi traçado o perfil de cada personagem.

N= nunca) Pontos turísticos [ S ] Patrimônio histórico e artístico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestações culturais [ S ] Paisagens naturais [ S ] Locais de compra [ F ] Outros: .sites de notícias . R= raramente.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre.google Se os sites citado possuíssem versão para celular. N= nunca) Computador [ S ] Computador portátil/notebook [ S ] Celular [ R ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Dual Core / 1GB RAM / 160GB HD (tela 1024x768) Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução 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 freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Apenas quando realmente necessário Exemplifique 3 sites que acessa com freqüência: .Brasil Grau de escolaridade: Superior Completo Ocupação: Funcionário Público Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 27 Nacionalidade: Brasileiro Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.71 . F= freqüentemente. você os acessaria? Sim O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ X ] Nunca [ ] Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer.Grupo1: Usuário Local Nome: Fernando Oliveira Sexo: Masculino [ X ] Feminino [ ] Cidade e país onde reside: Recife . praia e restaurantes Na cidade onde mora. R= raramente.sites de e-mails . F= freqüentemente. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 à 4 vezes por mês[ X ] 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Cinema.

F= freqüentemente.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Antes de sair para um passeio. R= raramente. Catamarã pelo Rio Capibaribe Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Sim Que tipo de informação considera indispensável em roteiros turísticos na web? Localização. N= nunca) Transporte [ S ] Outros: Localização [ S ] Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ S ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Google e pe360graus Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ X ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Sim.72 . com que freqüência pensa nos itens abaixo: (Marcar S= sempre. . preço dos serviços e produtos e horários de funcionamento O que poderia ser oferecido nesse site para facilitar seu passeio? Indicação de pontos de referência de como chegar ao local e depoimentos das pessoas que visitaram determinados lugares.

e alguns finais de semana. ou reunir a família. Ocupação: Universitário e Funcionário público Estado civil: Solteiro Site de e-mails Sites de notícias www. Ele se relaciona muito bem com novas tecnologias. Não quero ter trabalho programando um dia de lazer. mas não gosta de fazer programas que exijam muito planejamento.Grupo 1: Usuário Local Fernando tem 27 anos. Acessaria um guia da cidade antes de Idade:27 anos sair de casa e pelo celular somente para tirar alguma País/Cidade: Recife/Brasil dúvida no caminho. Fernando Depois de muito trabalho e estudo. restaurantes ou eventos culturais. estudante universitário e mora com os pais em Recife. é solteiro e possui um filho. representante do grupo dos usuários locais . Não costuma viajar com muita freqüência e quando tem tempo livre gosta de ir à praia. 1GB RAM.73 . por exemplo.google. seja por indicação de amigos.Ambos com acesso à internet Figura 21 . Mas a disposição para conhecer depende de informações simples e diretas. Ele é funcionário público. está sempre mudando o parelho de celular. gosto de aproveitar o final de semana e sair: praia. Durante a semana. de encontrar os amigos. mas raramente utiliza a internet pelo celular. acessa bastante a internet.com Sites frequentes: Acesso à internet: Sempre por computador e notebook e poucas vezes pelo celular Computador: Dual Core. 160GB HD (tela 1024x768) Notebook:Core 2 Duo / 2 GB RAM / 160 HD (tela 1280x800) Celular: Nokia e Sony Ericsson . Fernando gosta de descobrir novos lugares na cidade. um bom restaurante. Está sempre disposto a conhecer lugares novos na cidade. Só quero escolher para onde ir e convidar os amigos ou família.Site Rota Recife: uma aplicação desktop e mobile • Personagem . seja por pesquisa própria.Ficha de Fernando. Fernando tenta conciliar o trabalho e os estudos na universidade.

você os acessaria? Sim Nunca [ ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez à cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e países que já visitou: Londres.Grupo2: Turista Nome: Erika Souza Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Funchal . Lisboa.Site de notícias . F= freqüentemente. 2 GB de memória e resolução de tela de 1024 x 768. Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ X ] Não [ ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Core 2 Duo. Qual o modelo do seu aparelho de celular: LG MG 235 O celular permite acesso à internet? Sim [ X ] Não [ ] Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Exemplifique 3 sites que acessa com freqüência: . N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ F ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei. R= raramente. N= nunca) Transportes[ F ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] e restaurantes [ R ] Manifestações culturais [ R ] Temperatura [ R ] Outros: Gastronomia . HD 120 GB.youtube Se os sites citado possuíssem versão para celular. Fortaleza Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre. F= freqüentemente.Portugal Grau de escolaridade: Cursando Ensino Superior Ocupação: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 22 Nacionalidade: Portuguesa Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.Sites de e-mails e pesquisas .74 . R= raramente.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa .

Guias Impressos [ ] Agências de viagem [ ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Google Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ X ] Não [ ] Exemplifique: Funcionamento e valor dos transportes. Levo o notebook ou acesso em cybercafés. Pela praticidade Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ X ] Outros: . Que tipo de informação considera indispensável em guias de viagem na web? Informações de hospedagem. pontos turísticos. valores de serviços. informações sobre cultura e história do local. F= freqüentemente. Envio de informações diárias sobre temperatura e agenda cultural e dicas por sms.75 . Antes de viajar você pesquisa sobre: (Marcar S= sempre. Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Gostaria de sugestões Você acessaria um guia turístico pelo celular durante uma viagem? Sim. N= nunca) História local [ S ] Traços turísticos [ S ] Arquitetura [ R ] Patrimônio históricos e artísticos [ F ] Paisagens naturais [ F ] Programação cultural [ F ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ F ] Horários de funcionamento [ F ] Preços de serviços [ S ] Locais de compra [ F ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre. R= raramente. as melhores formas de lazer para aproveitar o lugar. N= nunca) História local [ S ] Traços turísticos [ S ] Arquitetura [ F ] Patrimônio históricos e artísticos [ S ] Paisagens naturais [ F ] Programação cultural [ F ] Gastronomia [ F ] Hospedagem [ F ] Restaurantes [ F ] Postos de apoio ao turista [ R ] Temperatura [ F ] Transportes [ S ] Horários de funcionamento [ S ] Preços de serviços [ S ] Locais de compra [ F ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Sim.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante as viagens: Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem. horários de funcionamento. R= raramente. telefones e preços dos serviços. O que poderia ser oferecido nesses sites para facilitar sua viagem? Detalhes sobre hospedagem. mapas e transportes. F= freqüentemente. Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? Os guias impressos normalmente são mais completos. telefones e eventos culturais. Porém são um item a mais para carregar pelas ruas. localização.

Idade:22 anos País/Cidade: Funchal/PT Ocupação: Universitária Estado civil: Solteiro Site de e-mails Sites de notícias www. solteira e possui 22 anos. representante do grupo dos turistas .Ficha de Erika.Site Rota Recife: uma aplicação desktop e mobile • Personagem . Viaja em média uma vez por ano.com acesso à internet Figura 22 .Grupo 2: Turista Erika é portuguesa. Tem facilidade com uso de internet pelo celular e acessa sites pelo dispositivo ao menos uma vez por mês. Durante a viagem.youtube. e depois com os amigos. Precisa de todas as informações que ajudem-na a ter uma estadia com muitas atividades turísticas. Quero escolher opções de roteiros e dicas para aproveitar tudo que o lugar oferece de melhor sem desperdiçar um dia sequer. Sempre que pode leva seu notebook para as viagens. Interesso-me por lugares e culturas diferentes. frequentemente por computador e mensalmente pelo celular. Erika tem espírito de aventureira.com Sites frequentes: Acesso à internet: Sempre por notebook. Desde pequena sempre fez viagem de férias com os pais. Erika Gosto de viver novas experiências e por isso viajo uma vez por ano.76 . Computador: -(Acesso na Universidade) Notebook:Core 2 Duo / 2 GB RAM / HD 120 GB (tela 1024 x 768) Celular: LGKS360 . durante as férias da universidade. além da necessidade das informações básicas que todo turista necessita. Acessaria um guia turístico por notebook e por celular. Gosta de explorar o lugar ao máximo. Erika gosta de seguir roteiros e de selecionar alguns lugares específicos que pretende conhecer.

mapas.Site Rota Recife: uma aplicação desktop e mobile 6. Plano de escopo 6.2. Análise de similares Uma pesquisa foi feita para avaliar o conteúdo de sites relacionados ao tema proposto.2. hospedagem e transporte. inglês e espanhol.br) . notícias. O site conta com sugestões de destino.com. compras. estando ou não. agências.br) Portal com informações para turistas brasileiros e estrangeiros.ipernambuco.com.1. utilidades. ouvidoria e busca. Disponível em português.77 . links. alimentação. transporte. fotos. além de permitir que empresas cadastrem seus serviços e que usuários realizem pesquisa sobre várias informações do site. Navegação: Pernambuco. destinos. vídeos. no menu. alimentação. Figura 23 – Portal de Turismo iPernambuco (http://www. Sites nacionais e estrangeiros foram analisados em um total de três sites desktop e três sites mobile.ipernambuco. informações sobre agenda cultural. hospedagem. serviços. • Desktop Portal de Turismo iPernambuco (http://www. eventos. tais como. Os usuários têm acesso à um banco de dados com as informações e contato de cada serviço encontrado. Analisou-se o resumo de conteúdo de cada site e a apresentação dos principais itens de navegação.

peconhecepe. O site oferece um total de 10 rotas. permite que o usuário. dados sobre os habitantes. lugares para visitar e hospedagens. através de cadastro. sugere viagens de forma detalhada com indicação de período de estadia. agenda e fotos.com.78 .peconhecepe. Além disso. agenda. Possui extenso conteúdo.br) Califórnia (http://www. abrangendo a história do estado. novidades. O site faz uso de muitas imagens. eventos culturais. apenas com informações gerais sobre a importância cultural e atrativos de cada uma delas. vídeos e opção de visualização de mapas. rotas. imagens e contato Figura 24 –Site Pernambuco Conhece Pernambuco (http://www.com. Navegação: o projeto.Site Rota Recife: uma aplicação desktop e mobile Pernambuco Conhece Pernambuco (http://www. . páginas com novidades sobre as rotas. coisas para fazer. ferramentas de viagem e contratações.com ) Portal turístico da Califórnia com detalhes de cada localidade do estado. estilo de vida. Navegação: explorar Califórnia.br) Tem como objetivo estimular os pernambucanos para conhecer o próprio estado através de rotas turísticas em parceria com agências e operadoras de viagem. estados agrupados em três zonas básicas para facilitar a navegação e possibilidades de acessar as informações de cada localidade separadamente.visitcalifornia. crie sua própria lista com detalhes que deseja conhecer.

mobi) Site da Cidade de Londres. informações e quem somos. transportes. Navegação: hotéis. onde é possível encontrar foto do lugar. Informações de serviços.79 . restaurante. mapa de localização ou referências textuais e links com ligação telefônica direta para o estabelecimento.visitcalifornia. detalhes de funcionamento. Figura 26 – Site London England (http://londonengland.com ) • Mobile Site London England (http://londonengland. como hospedagem e restaurantes. preços. Inglaterra. emergência.Site Rota Recife: uma aplicação desktop e mobile Figura 25 – Site Visit Califórnia (http://www.mobi) .

contato de consulados e departamentos diplomáticos de vários países. Voltado aos turistas. guia da cidade. Navegação: hotéis.mobi) Figura 28 – Site Berlim . compras. compras. Oferece opções gerais. Figura 29 – Site Srilanka (http://srilankan. Navegação: previsão do tempo.mobi) Primeiro site móvel do Srilanka. telefones e horários de funcionamento.Site Rota Recife: uma aplicação desktop e mobile Site Berlim (http://berlin. missões diplomáticas e linhas aéreas. transportes. transporte e viagem e guia de localização). atrações e atividades. estilo de vida. eventos. explorar (acomodações. bancos. possui informações diretas. explorar. jantar. notícias e esporte. clubes desportivos.mobi) Site da cidade de Berlim.mobi) . Figura 27 – Site Berlim (http://berlin. atrações. O conteúdo relacionado ao turismo encontra-se na página “explorar” com informações detalhadas de hospedagem. na Alemanha.mobi) Srilanka (http://srilankan. guia da cidade. como previsão do tempo. etc. salões e spas. com endereços. hospital.seção explore (http://berlin.80 . entretenimento. emergência. restaurantes. notícias e esportes.

igrejas.Informações sobre atrativos naturais e artísticos. • Desktop Informações gerais do site .Sugestão detalhada de roteiros turísticos de um dia. definiu-se todo o conteúdo do site. com as informações disposta de forma clara e direta. poderá escolher que tipo de informações deseja receber e com que freqüência (diariamente. com descrição sobre os estabelecimentos. Temperatura . preços e contatos. etc).O site desktop será adequado a resolução de 1024 X 768.Indicação de bares. além de mapa de todo o percurso para visualização e download.Informações sobre a cidade do Recife: características históricas e culturais. transportes. Informações de endereço. etc. e-mail. Agenda cultural . endereço. museus.2. Roteiros de um dia .81 .Opções dos idiomas português.Site Rota Recife: uma aplicação desktop e mobile 6. horários. telefones e localização no mapa. Narração de todo o percurso com descrição dos patrimônios. Atrativos .Em todas as páginas o campo de busca no site estará presente. contato e visualização de mapa. inglês e espanhol. Nas seções será divulgado o maior detalhamento possível de informações referentes à localização.2. Detalhamento sobre alimentação . horário de funcionamento. Estas opções deverão estar disponíveis em todas as telas do site Informações gerais sobre a cidade . semanalmente. preço de acesso aos locais. . lanchonetes e restaurantes. preços. preços e local de realização. depoimentos de pessoas que já realizaram o passeio e possibilidade de novos depoimentos.Os usuários poderão se cadastrar para receber informações via e-mail ou mensagens de texto via celular. monumentos. Opções de busca . Conteúdo Confrontando todas as informações levantadas no plano de estratégia e na análise do conteúdo de sites similares. Idioma . fotos e atrativos. fotos. tipos de alimentação.Apresentação de forma direta da temperatura e previsão do tempo na cidade. além de um link para buscas detalhadas. indicação de alimentação. Cadastramento . Durante o cadastramento. teatros.Divulgação de manifestações culturais com informações de datas.

Site Rota Recife: uma aplicação desktop e mobile

Detalhamento de hospedagem - Descrição geral sobre cada hotel ou pousada, com fotos, endereço, e-mail, telefones e localização no mapa. Detalhamento sobre transportes, localização e mapas - Funcionamento e tarifas de ônibus, metrôs e táxis; visualização e download de mapas da cidade com destaque para localização de pontos turísticos;i nformações de percurso através de pesquisa de como se deslocar de um ponto a outro da cidade, com indicação de transportes e visualização de mapa. Locais de compra - Indicação de locais de compra segmentados por categorias. Apresentação de endereço contato e visualização de mapa. Página principal - Na página principal o usuário poderá escolher o idioma do site, realizar buscas simples, visualizar sugestões de roteiros e destaques de eventos culturais. A página disponibilizará todas as categorias do menu e um link para cadastramento. Ao clicar em alguma opção do menu o usuário será direcionado a respectiva seção. Já quando acessar um evento ou roteiro em destaque será direcionado a seção de detalhamento daquele evento ou roteiro.

• Mobile Em comparação com o conteúdo da versão desktop, a versão mobile manteve-se com o contéudo em três idiomas, informações gerais sobre a cidade, temperatura, agenda cultural, roteiros de um dia, atrativos, opções de busca, detalhamento sobre alimentação, detalhamento de hospedagem, detalhamento de trasnportes, localização e mapas e locais de compras. No entando, esse conteúdo sofreu algumas modificações. As modificações foram: Informações gerais do site - O site mobile terá um layout fluido, de melhor visualização em resolução de 176 X 220, com as informações disposta de forma direta para evitar a existência de grandes massas de texto. As páginas terão imagens, porém em pouca quantidade e dando ao usuário a opção de visualizar, ou não, mais imagens. Idioma - A opção pelo idiomas português, inglês ou espanhol deverá ser feita pelo usuário apenas na página inicial. Opções de busca- Haverá apenas a opção de busca simples, presente na página principal.

- 82

Site Rota Recife: uma aplicação desktop e mobile

Detalhamento de hospedagem - Descrição geral sobre cada hotel ou pousada, com uma fotos apenas, endereço, e-mail, telefones e localização no mapa. Detalhamento sobre transportes, localização e mapas - Funcionamento e tarifas de ônibus, metrôs e táxis; visualização de mapas da cidade com destaque para localização de pontos turísticos, porém sem possibilidade de download; informações de percurso através de pesquisa de como se deslocar de ponto a outro da cidade, com indicação de transportes e visualização de mapa. Página principal - Na página principal o usuário poderá escolher o idioma do site, realizar buscas simples, visualizar todas as opções do menu e algumas imagens de roteiros. Não haverá possibilidade de cadastramento pelo site.

- 83

Site Rota Recife: uma aplicação desktop e mobile

6.3. Plano de estrutura
6.3.1. Card sorting
Para definir as palavras e trechos de cada cartão, foi estruturada uma arquitetura inicial baseada nas informações principais do site e que estariam disponíveis nas duas versões.

Estrutura Inicial - Card sorting Recife

Características Históricas Características Culturais Características Gastronômicas

Roteiros Turísticos Região Norte Região Sul Região Centro Roteiro Recife Antigo Comece visitando a Sinagoga das Américas... Fotos Mapa Específico Depoimentos Horários de Funcionamento e Preços Roteiro do Bairro de São José Atrativos Naturais Praia de Boa Viagem Artísticos Teatro Hermilo Borba Filho Museu do Estado Noturnos Agenda Cultural Show do cantor Alceu Valença Data, local, horário, preço Alimentação Restaurantes Lanchonetes Bares Hospedagem Hotéis Pousadas Transportes Taxi Ônibus Metrô Como de deslocar... Compras Artesanato Shopping Centers Supermercados e Feiras

Figura 30 – Estrutura e nomenclatura inicial do conteúdo principal para aplicação do Card sorting.

Mapas Diversos Temperatura

- 84

cada entrevistado foi contextualizado através de informações verbais sobre os objetivos do site e os objetivos do teste. foi entregue os 43 cartões para que o entrevistado organizasse.85 . Os usuários não se interessam em dividir os roteiros em Região Norte. Desses usuários. Região Centro. definiu-se que ao final de cada teste seria apresentada a estrutura inicialmente planejada (figura 30) para que o entrevistado pudesse fazer comparações. Definiu-se também a utilização de um campo de busca para o conteúdo dessa seção. os usuários vêm a possibilidade de encontrá-los diretamente como menu principal ou dentro das informações sobre Recife.Site Rota Recife: uma aplicação desktop e mobile O teste foi realizado individualmente com quatro representantes de cada grupo.5% do total dos pesquisados. de modo que nenhum ficasse de fora do esquema. • O nome dos dois roteiros turísticos colocados como exemplos foram posicionados como subitens do cartão “Roteiros Turísticos” por 62. que esperam encontrar descrição sobre o roteiro. comentários e sugestões. gostaram da sugestão feita. Em seguida. etc. 85. Cada opção representou 37. Preferem encontrar cada roteiro diretamente dentro de “Roteiros Turísticos” ou “Recife”. locais de visitação e fotos. não obteve sucesso. A aplicação de cada teste se encontra no Anexo II (pág. Apesar dos pesquisados não terem colocado mapas específicos e depoimentos dentro de cada roteiro. Devido à quantidade de informações para organizar. Por meio da aplicação do card sorting e das sugestões dos participantes foi possível fazer uma série de observações sobre a estrutura do site: • Com relação aos roteiros turísticos. Dessa forma definiu-se o acesso aos roteiros turísticos por esses dois meios distintos. onde o usuário pode pesquisar em todos os roteiros disponíveis um local específico que deseja conhecer. • A seção “Recife” deve ser colocada como informação inicial para 87. como planejado no espoco. Durante a aplicação do teste foi observado os comentários de cada participante na organização dos cartões. 163). o que justifica o fato de mantê-los dentro da descrição de cada roteiro. • A tentativa de dividir os roteiros turísticos por regiões. Antes de aplicar o card sorting.5% dos pesquisados.5% dos pesquisados. o que acarretou muitas reestruturações do esquema ao longo da aplicação. Dessa forma definiu-se que os roteiros turísticos seriam organizados apenas por ordem alfabética. Os participantes puderam fazer perguntas referentes ao conteúdo do site ou sobre a definição de alguma das nomenclaturas utilizadas.7% procurariam características .

• O cartão “Mapas Específicos” não pretende ser uma seção dentro do site. em 37. e onde foi utilizado “Supermercados e Feiras”. já que nas comparações ao final da pesquisa. • Os cartões “Hotéis” e “Pousadas” foram facilmente agrupados como subseção de hospedagem por 100% dos pesquisados. culturais e gastronômicas dentro da seção. 40% consideraram que essa informação deveria estar acessível mais facilmente. desses 62. 62. bares e lanchonetes. definiu-se duas formas de chegar as opções de alimentação: como informação inicial ou através das características gastronômicas. • 62. 25%. Apenas. • As informações sobre temperatura ficaram claramente definidas pelos entrevistados como uma opção inicial.5%. Quanto ao conteúdo sobre alimentação.5% dos casos. para 100% dos entrevistados.5% colocaram alimentação como subitem de “Características Gastronômicas”. sem subgrupos. ônibus e metrô. reunindo as informações sobre taxi. Porém a pesquisa de como se deslocar de um ponto a outro da cidade ficou como parte das informações sobre os transportes. deve aparecer inicialmente. como também dentro de . não procurariam “Como se deslocar” dentro de Transportes. por 75% do público. Porém.5% dos pesquisados esperam ver mapas mais detalhados dentro de hospedagem para saber a localização do hotel ou pousada.86 . Sendo assim. ficaria melhor empregado “Mercados e Supermercados”.Site Rota Recife: uma aplicação desktop e mobile históricas. 87% dos participantes identificaram que essa seção deve fazer parte das informações iniciais. será substituída apenas por “Mapas”. A compra de artesanato seria mais bem representada por “Feira de Artesanato”. • A seção sobre transporte. 62. • Para 75% dos pesquisados as informações sobre os atrativos da cidade podem ser encontradas como uma opção de primeiro nível. • A nomenclatura “Mapas Diversos” serviu para representar uma seção com vários mapas da cidade. esteve como parte das opções inicias. • O cartão “Alimentação”. Essa nomenclatura. foi utilizado apenas para identificar em quais áreas do site o usuário deseja encontrar um mapa mais detalhado. no entanto.5% definiu que os subitens deveriam ser: restaurantes. esse percentual concordou com tal posicionamento.5% dos pesquisados decidiram que a opção de compras deve ficar como informação inicial dos subitens “Shopping Centers” e “Supermercados e Feiras”. 87. 57% desejam encontrar depoimentos e fotos.

tendo em vista que para a web móvel os conteúdos em texto não devem ser muito extensos. museus e igrejas. os usuários vêm duas possibilidades: como opção inicial ou dentro de atrativos artísticos e noturnos. Sendo assim haverá também a possibilidade de encontrar informações sobre a agenda por esses dois caminhos.87 . “Naturais” e “Noturnos”. 6. mas que para o usuário possuem fácil relação. Já no caso de “Compras”. cultura e gastronomia de Recife foram reunidas em uma única seção. • Mobile Para a versão mobile do site. Baseado em todo conteúdo e na organização natural das informações por parte dos usuários. Quanto aos subitens. Para reunir informações de atrativos artísticos como teatros.2. • Desktop A representação do mapa para a versão desktop (figura 31) utiliza caixas e linhas preenchidas para representar as seções e subseções do site. a arquitetura da informação sofreu algumas modificações. poderia ser utilizado o termo “Patrimônio Cultural”. porém utilizou-se a nomenclatura “Culturais” ficando assim mais coerente ao conteúdo e aos demais subitens da seção. • Para as informações sobre a agenda cultural. Já as linhas pontinhas entre as caixas representam ligações entre subseções de categorias diferentes.Site Rota Recife: uma aplicação desktop e mobile “Agenda Cultural”. As seções sobre história. com dados sobre eventos. Em “Transportes” as informações sobre cada transporte e como se deslocar aparecem juntas. o maior número foi para os cartões “Artísticos”.3. . foi definido um mapa para cada versão do site. Representar a estrutura visualmente é o melhor caminho para se comunicar entre os segmentos. a listagem dos locais aparece completa em uma única página dividida por títulos. onde as informações serão mais condensadas. As seções de transporte e compras ficaram sem submenu. grupos e relações propostos em um site. Arquitetura da informação Segundo Garret (2003). a melhor ferramenta de documentação para arquitetura da informação ou design de interação são os diagramas.

Busca .88 .Site Rota Recife: uma aplicação desktop e mobile Recife História Cultura Gastronomia Depoimentos Fotos Roteiros Atrativos Naturais Noturnos Culturais Agenda Cultural Alimentação 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 Hotéis Pousadas Mapas Contato Cadastre-se Figura 31 – Arquitetura para o site desktop.

89 .Site Rota Recife: uma aplicação desktop e mobile Recife Características Depoimentos Fotos Roteiros Atrativos Naturais Noturnos Culturais Agenda Cultural Alimentação Restaurantes Lanchonetes Bares H O M E Temperatura Transportes Compras Hospedagem Hotéis Pousadas Mapas Contatos Busca Figura 32– Arquitetura com adaptações para o site mobile. .

. • Navegação local . Já na versão para a web móvel. • Navegação de rodapé . a navegação global possibilita o acesso à toda a extensão do site. mas reúne tudo aquilo que o usuário é capaz de acessar. utilitária e navegação de rodapé. não foi utilizada a navegação contextual.Esse tipo de navegação normalmente está inserido no conteúdo da página. fato que será justificado mais adiante. todas as tarefas mais importantes para o usuário. presente em todas as páginas. a navegação de rodapé pode funcionar assim como a navegação primária.4. por exemplo.Site Rota Recife: uma aplicação desktop e mobile 6.Possibilita ferramentas que ajudam o usuário a realizar tarefas importantes. facilitando a navegação do usuário que já percorreu toda a rolagem do site.Normalmente reúne informações que não são muito importantes para o usuário. No entanto. como a política de privacidade do site. fornecendo os links para o conteúdo principal. ser hyperlink e facilita a vida do usuário na medida em que fornece a opção de acessar outra página que possua relação com a anterior. O site desktop tem sua navegação dividida em: navegação global.1. Pode. • Navegação contextual .90 . • Navegação primária . Sistema de navegação Foram elaborados dois sistemas de navegação diferentes para atender cada uma das versões. • Navegação utilitária . ou não. ou subdivisões da navegação principal.4. Pode-se dividir a navegação global em: primária.Resume-se em todos os subitens. Segundo Garrett (2003). mas não fazem parte do conteúdo principal. • Desktop No projeto para desktop o usuário terá acesso à navegação global primária e utilitária. em sites que possuem páginas muito longas. Campo de busca e escolha de idiomas são alguns exemplos desse tipo de navegação.Reúne o conteúdo principal do site. Não precisa necessariamente estar visível em todas as páginas. navegação local e navegação contextual. Plano de esqueleto 6.

Site Rota Recife: uma aplicação desktop e mobile Navegação global primária . ser disponibilizada através de hyperlinks no decorrer do texto. Mapas e Contato. em todas as páginas. Shopping Centers. Sendo assim. Compras. Noturnos. Hospedagem. Culturais. algumas páginas internas ficarão longas o suficiente para se justificar a repetição dos links “Home” e “Voltar” como navegação global de rodapé. Hotéis. Fotos. Dessa forma diminui-se o desgaste de percorrer a barra de rolagem até o topo do site. Como se deslocar.Recife. Depoimentos. O link para a home ficara apenas na marca. Transportes. Dessa forma. Levando em consideração os modelos dos celulares do público alvo entrevistado e o tamanho da tela que foi definido no plano de escopo. entre Agenda Cultural e atrativos culturais e noturnos e entre as páginas de alimentação e gastronomia.91 . Navegação local . Ônibus. evita-se que o usuário se perca ao percorrer longos caminhos e permutar entre diferentes seções. e Feiras de Artesanato Navegação contextual . ou mesmo usar inúmeras vezes as teclas direcionais para chegar aos links no topo. Atrativos. Alimentação. Agenda Cultural. Roteiros. Mercados e Supermercados.História. a estrutura foi dividida da seguinte maneira: . Na versão mobile desse projeto não foi utilizada a navegação contextual. Metrô. Todas representadas pelas linhas pontilhadas no mapa (figura 31) apresentado anteriormente. Navegação global utilitária . Gastronomia. Busca e Mapa do Site. Cultura. Lanchonetes. para que se priorize o espaço para o conteúdo de cada página.Idiomas. na parte superior do site. Para muitos usuários web mobile a navegação é feita por meio das teclas direcionais do aparelho. Sendo assim.A navegação contextual do site ocorre entre a página de roteiros e as páginas de história e cultura. Bares. exceto na homepage o usuário encontrará as opções “Home” e “Voltar” para que possa voltar à página onde encontra a navegação primária ou voltar para a seção um nível acima. Restaurantes. Pousadas. Naturais. Taxi. a navegação global primária será visível apenas na homepage. Essa navegação poderá. • Mobile Na versão mobile do projeto.

Compras. Transportes.4. Noturnos. mais interessantes para Erika. tem maior interesse em conhecer a cidade através dos roteiros.Idiomas e Mapa do Site Navegação global de rodapé . Lanchonetes. Fotos.Recife. um destaque sobre o acesso mobile e as informações sobre a temperatura. Naturais. navegação primária e navegação local. Mapas. Depoimentos. disposição e dimensões de cada elemento na tela. Atrativos. Wireframe Com base no sistema de navegação definido para cada versão. • Mobile Para a versão mobile inicialmente foram desenvolvidos dois wireframes . foi levado em consideração o interesse das personas definidas. A área de maior destaque é propositalmente a caixa próxima a marca do site.92 . Quais informações postas inicialmente facilitaria o acesso delas? Fernando mora em Recife e tem interesse maior pelos eventos que acontecem durante os finais de semana. • Desktop O wireframe para o site desktop (Figura 33) foi feito com base em uma grid de três colunas. e destaques da agenda cultural. o wireframe reserva espaço para os destaques de roteiros de um dia. Alimentação.2. Sendo assim. Busca e Contatos Navegação global utilitária .Site Rota Recife: uma aplicação desktop e mobile Navegação global primária . Além dessas informações haverá o início do formulário de cadastro. foram feitos os wireframes iniciais que têm o objetivo de definir o posicionamento. Já a turista Erika. Esses elementos estarão presentes em todas as telas. Os destaques abaixo da navegação local possuem peso semelhante. a navegação utilitária. Culturais. Roteiros. Temperatura. Para a escolha dos destaques da homepage. Bares.Home e Voltar Navegação local . Hospedagem.Características. O conteúdo da página inicial é composto pela marca do site. onde ficarão os roteiros em destaque. Agenda Cultural. Restaurantes. para Fernando. Hotéis e Pousadas 6.

eventos ou Recife. 6. foram analisados diferentes tipos de produtos que fizessem relação com os seguintes conceitos: viagem.5.93 . turismo. de um website. Figura 35 – Wireframe da página interna mobile. Um para a página principal e sua navegação e outro como modelo para uma página interna.1. mas podem ser diretos ou indiretos pelo fato de se tratar. agenda cultural. .Site Rota Recife: uma aplicação desktop e mobile (figuras 34 e 35). ou não. roteiros turísticos. onde o campo reservado para conteúdo pode ser usado também para a navegação local. Figura 34 – Wireframe da homepage mobile. Plano de superfície 6. Figura 33 – wireframe da página inicial para o projeto desktop.5. Todos possuem ao menos um dos conceitos mencionados anteriormente. Os produtos aqui escolhidos serão divididos em indiretos e diretos. Análise de similares Na busca de referências estéticas para a elaboração dos sites.

representado pelos círculos concêntricos.Site Rota Recife: uma aplicação desktop e mobile Para cada um dos produtos escolhidos foram feitas descrições gerais e análise estética considerando tipografia.5. Cada fotografia é um ponto de parada. As legendas são inseridas na frente da fotografia sobre faixas de destaque na cor preta. em Portugal.1. Elementos visuais Tipografia – Sem serifa.94 . O material é composto por um envelope e um folder com seis dobras. Nas demais áreas. O percurso dentro do parque é representado pela linha tracejada que percorre todas as fotografias e interligam as páginas. Figura 36 – Envelope e folder do Parque Temático da Madeira . Similares indiretos • Folder – Parque Temático da Madeira Folder com roteiro de visitação ao Parque Temático da Madeira. Em cada página as fotografias do local são exploradas em mais de 50% do espaço. um atrativo. um corte especial. cores. caixa alta nos títulos e legendas Formas – Linhas diagonais.1. formas e a relação existente entre esses elementos. o laranja e o branco. imagens. Os títulos e as legendas são em caixa alta. predominam o vermelho. 6. A peça possui acabamento arredondado e a dobra entre as páginas. As linhas tracejadas ainda são utilizadas como separador de algumas informações de texto. linhas tracejadas e círculos concêntricos Fotografias – Coloridas O envelope e o folder fazem referência a um bilhete de passagem aérea.

nela predominam o preto é o cinza. A capa possui textura apenas visual e formas que fazem referência a uma das pontes da cidade. de textura semelhante a tela de um quadro.95 . Figura 37 – Calendário e coleção de postais : Recife: pontes. rios e histórias Calendário e conjunto de postais com representações de locais da cidade do Recife e suas histórias.Site Rota Recife: uma aplicação desktop e mobile • Calendário e coleção de postais – Recife: pontes. impressas em papel Linho Telado. Os locais da cidade são representados através de pinturas coloridas. rios e histórias . Os cortes vazados em alguns dos losangos da capa permitem que as imagens da primeira página sejam vista já no início. Elementos visuais Tipografia – Uso de fontes com serifa e sem serifa Formas – Linhas e losangos Fotografias e pinturas – Coloridas O Calendário de parede é composto por 15 folhas. Já as linhas são utilizadas como separadores. A tipografia utilizada nos títulos possui um traço orgânico.

em formato retangular e recortadas em contorno. São utilizadas caixas de título em algumas páginas. linhas e caixas de título Fotografias – Coloridas Na capa predominam os tons de vermelho com jogos de luz e sombra.Site Rota Recife: uma aplicação desktop e mobile • Livro de Bolso – Mercados do Recife Livro de bolso abordando os principais aspectos de alguns mercados públicos da cidade do Recife.96 . no miolo existe uma divisão das seções por cores que pode ser vista na lateral do livro. Uso de muitas fotografias. coloridas. Ao longo do projeto podemos ainda observar ornamentos que fazem referência a cada um dos mercados. Apesar das fotografias serem coloridas. bem como linhas divisórias e molduras com bordas arredondadas. Elementos visuais Tipografia – Fontes sem serifa e fontes caligráficas Formas – Ornamentos. Figura 38 – Livro de bolso. suas histórias e tradições. Mercados do Recife .

seja no detalhe da paginação ou composição das imagens.97 . azul escuro ou ciano. círculos e retângulos Fotografias e desenhos – Coloridos A revista. vermelho. Elementos visuais Tipografia – Sem serifa Formas – Predominância de forma geométricas. o que confere ao projeto um ambiente noturno. tendências. eventos e artistas da noite. dedicada à apresentação de atrativos noturnos: espaços de lazer.Site Rota Recife: uma aplicação desktop e mobile • Revista – In Magazine Revista piloto. É Fácil perceber o uso de cores fortes como o roxo. está o jogo de formas geométricas. Entre as características que compõe unidade a publicação. como background ou elementos da página. seja nos ornamentos das páginas. de caráter internacional. Cada matéria traz elementos que fazem referência ao tema abordado. linhas. possui 64 páginas. com estilo jovem. e faixas estreitas que separam o cabeçalho e o rodapé do conteúdo. Figura 39 – Revista In Magazine . Observa-se também muito preto ou cinza.

Todos os títulos possuem caixa alta e alguns deles aparecem em uma caixa na cor preta. Elementos visuais Tipografia – Sem serifa e caixa alta nos títulos Formas – Linhas tracejadas.98 .180degrees. Figura 40 – Telas do site 180 Degrees (http://www.5. semelhante a uma folha de papel. linhas e setas.Site Rota Recife: uma aplicação desktop e mobile 6.2.co.uk) Website que funciona como diário de bordo de dois jovens viajantes.1. o site possui ícones. caixas de título e setas Fotografias – Coloridas O site possui um layout diferente para cada seção com predomínio do bege ou azul no background e se utiliza de objetos relacionados ao tema. como cadernos de anotações. verde ou em caixas com preenchimento texturizado. As fotografias aparecem com corte reto e no mapa dos percursos.co. Similares diretos • Site – 180 Degrees (http://www.180degrees. mapas e diários para criar maior interação em cada seção.uk) .

99 . São utilizadas caixas de cor suave para identificar os subtítulos juntamente com setas e ícones em pequenos círculos. o site possui um layout limpo e bastante homogêneo. fazendo uso apenas de pequenos efeitos em degradê.com) . pequenos efeitos de brilho e detalhes sutis.visitnortheastengland. detalhes com setas e círculos Fotografias – Coloridas O site faz uso de uma tabela de cores com variações entre o roxo e o lilás. Figura 41 – Telas do site Northeast England (http://www. Na homepage.com) Site turístico do nordeste da Inglaterra.Site Rota Recife: uma aplicação desktop e mobile • Site – Northeast England (http://www. Elementos visuais Tipografia – Sem serifa Formas – Formas retas ou com pequenos arredondamentos nas extremidades. como sombra nas extremidades do site e nas extremidades das abas. Os títulos e destaques internos das seções utilizam fonte em bold. De forma geral. como linhas pontilhadas. além do branco. com informações do local e indicações de passeios e hospedagem.visitnortheastengland. fotografias e textos em destaque se alternam e ocupam mais de um terço da largura do site.

net) . cores referentes a África do Sul: vermelho.Site Rota Recife: uma aplicação desktop e mobile • Site – South Africa (http://www. para identificação dos títulos e linhas pontilhadas para separação de conteúdo.southafrica.net) Site oficial do turismo na África do Sul Elementos visuais Tipografia – Sem serifa Formas – Linhas preenchidas. Os grupos de conteúdo são identificados no menu por linhas de cores diferentes.southafrica. nas mesmas variações do menu. Em todas as páginas é mostrado um grande mapa com pontos de visitação e várias fotografias em miniatura. linhas pontilhadas e formas levemente arredondadas Fotografias – Coloridas No topo de cada seção é utilizada uma fotografia na largura do site e a mesma imagem é colocada com efeito de desfocagem no background da página. estas possuem as bordas levemente arredondadas. Figura 42 – Telas do site South Africa (http://www. Quanto as imagens que ilustram o conteúdo. verde. São utilizadas linhas preenchidas.100 . preto e amarelo.

org) . Elementos visuais Tipografia – Sem serifa e caixa alta nos títulos Formas – Formas retas.tourisme-montreal.tourisme-montreal. o cinza e o branco.Site Rota Recife: uma aplicação desktop e mobile • Site – Tourisme Montréal (http://www. São usadas fotografias com cortes retangulares e ícones monocromáticos.101 . Alguns pequenos detalhes no preenchimento das formas garantem elegância ao site: preenchimento de setas e faixas com linhas pontilhadas ou inclinadas. Todos os títulos são em caixa alta. Figura 43 – Telas do site Tourisme Montréal (http://www. linhas pontilhadas e setas Fotografias – Coloridas Uma enorme fotografia da cidade ocupa a maior área da página inicial do site. e quando títulos de seções. Essa imagem preenche toda a largura do site e seu background. no Canadá. linhas preenchidas. As cores predominantes no site são os tons de lilás.org) Site turístico da cidade de Montreal. se apresentam também em faixas de preenchimento sólido.

Sendo assim. estudou-se alternativas não só de layout como também de wireframes. definido anteriormente.102 . Os estudos realizados deram origem a três alternativas visuais. Geração e seleção de alternativas Durante a geração de alternativas foi possível perceber que o wireframe para a página inicial da modalidade desktop.2. Figura 44 – alternativa 01 Figura 45 – alternativa 02 .Site Rota Recife: uma aplicação desktop e mobile 6. não era a melhor solução para a organização dos elementos que deveriam compor a homepage.5.

02 Alterna. . O método foi aplicado como forma de melhor justificar a escolha do layout que passaria para a próxima etapa. é possível observar que a alternativa 03 obteve a maior pontuação. Segue abaixo a tabela com os critérios e notas: Harmonia Originalidade Clareza Adequação ao público alvo Total Pesos 3 3 3 4 Alterna. a selecionada para a próxima fase – a avaliação estética por parte dos usuários.Site Rota Recife: uma aplicação desktop e mobile Figura 46 – alternativa 03 Para selecionar a melhor alternativa entre os esboços realizados. Para cada critério foi atribuído um peso e uma nota de 0 a 5. 01 1 2 2 2 23 Alterna. 03 5 4 3 4 4 4 3 48 5 59 Tabela 1– Tabela de estilo de esboço de alternativas De acordo com a análise da tabela de estilo de esboço e alternativas.103 . a avaliação estética. utilizou-se o método de Peón (2003) intitulado tabela de estilo de esboço de alternativas. sendo então. geramos uma tabela com critérios a serem avaliados nas alternativas propostas. Para isso.

o que enriquece a avaliação e consequentemente o resultado final do projeto. Avaliação estética Como especificado na metodologia do projeto.web-u. A TAE. . Por considerar-se desnecessárias para a análise desse trabalho. Foram feitas pequenas adaptações com base no modelo de questionário e entrevista desenvolvidos por Pirauá (ibid). Técnica de avaliação estética para websites com usuários.3.Você já conhecia o site apresentado? ( ( ( ) Sim ) Não ) Talvez A avaliação foi aplicada com 10 pessoas.104 . a avaliação estética do ponto de vista do usuário foi aplicada com base na TAE. Foi possível perceber que as avaliações realizadas pessoalmente rendem um maior detalhamento nos comentários. presentes no modelo original da pesquisa.Site Rota Recife: uma aplicação desktop e mobile 6.Com que freqüência você acessa a Internet? ( ( ( ( ( ( ) Diariamente ) Mais de uma vez por semana ) Uma vez por semana ) Menos de uma vez por semana ) Raramente ) Nunca 2 . A seguir é apresentado o modelo final da avaliação composto por questionário e entrevista.5. cinco delas correspondente ao grupo dos usuários locais e as demais correspondente ao grupo dos turistas. foram retiradas da entrevista aqui aplicadas: 1 . web-u foi aplicada pessoalmente ou através da internet. as duas questões abaixo. pelo Messenger. desenvolvida por Pirauá (2007).

Modelo Informações pessoais Nome: Idade: Ocupação: Sexo: ( ) Masculino ( ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você.105 . Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . Faça apenas um marcação em cada uma das linhas horizontais. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente.Site Rota Recife: uma aplicação desktop e mobile Avaliação Estética . 1. Não se preocupe em acertar. Faça apenas uma marcação em cada uma das linhas horizontais. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2. pois não há respostas certas nem erradas.

que nota você daria às fontes que foram usadas? 5. que nota você daria ao estilo (formato. Em uma escala de 0 a 10. Em uma escala de 0 a 10. que nota você daria às cores usadas nesse site? 4. tamanho e disposição dos elementos) do site? 3. Em uma escala de 0 a 10.Quais seriam as suas sugestões para melhorar a aparência deste site? .Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim. qual? E porquê? Responda as questões abaixo sobre a estética do site avaliado: 1. Você consegue identificar alguma área do site que lhe desagradou? 6. que nota você daria à beleza desse site? 2. Em uma escala de 0 a 10.106 .

alternativa 03. Esses modelos referem-se às expectativas em relação a cada uma das descrições.Site Rota Recife: uma aplicação desktop e mobile Para participar da avaliação. o participante respondeu o questionário e a entrevista podendo fazer os comentários que quisesse. o usuário era inicialmente apresentado ao layout da tela do site. A imagem era visualizada no browser para simular ao máximo o impacto inicial que o usuário teria ao acessar a página já implementada.107 . foram preenchidos os modelos ideais para as duas tabelas do questionário. Modelo ideal dos sentimentos do usuário em relação ao site Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração • Modelo ideal para as idéias transmitidas pelo site Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . Em seguida. Como forma de definir referências e parâmetros para a comparação dos resultados.

a interface desagrada seus usuários e dessa forma. Existe ainda uma terceira possibilidade. onde a maior parte dos usuários responde de forma indiferente “nulo”. sério e original. o layout do site deve ser muito atrativo e divertido e provocar muita surpresa agradável e satisfação.Site Rota Recife: uma aplicação desktop e mobile Segundo o modelo ideal desenvolvido. O modelo ideal referente às idéias transmitidas pelo site determina que o layout deva ser um pouco ativo. mas não essenciais em níveis elevados para esse caso. Segundo Norman (apud Pirauá. As emoções que estariam em segundo plano. A seguir. pois não há o interesse de que essas idéias sejam transmitidas. masculino e feminino. excepcional e medíocre foram colocados como nulos. no mínimo. veremos em detalhes. quando ocorre uma maior concentração de respostas positivas. No caso em que a maior parte das respostas estiver relacionada a emoções negativas. Os extremos. é necessário alterações em caráter de urgência. maduro. Após a aplicação da avaliação é esperado que o site desperte na maioria dos usuários emoções positivas. quente e frio. as comparações de cada modelo ideal e os resultados levantados com a avaliação dos usuários. significa que a interface está agradando o usuário. são: Inspiração. significando assim que a interface. moderno. admiração e fascinação. 2007). modesto e sofisticado. importantes por serem aspectos positivos. não agrada e tão pouco provoca reações positivas. refinado e rústico. .108 .

Para o sentimento de diversão o site deveria atingir o nível “muito”.109 . a avaliação dos usuários se deu de forma não esperada apenas no nível de diversão e admiração. tendo em vista que o percentual geral de diversão manteve-se nas emoções positivas. Inspiração e satisfação foi escolha de 80%. Em comparação com ao modelo ideal. Porém. 70% consideraram o layout divertido. Em nenhum dos casos a resposta negativa ultrapassou os 10% e o percentual máximo para a escolha do “nulo” foi de 30%. a maior parte respondeu de forma positiva. é possível perceber a porcentagem e a intensidade para cada alternativa. com os 40% dos usuários que escolheram “pouco”. assim como diversão. Já a surpresa agradável obteve 70%. Quanto a “admiração” o resultado foi . uma soma dos 30%.Site Rota Recife: uma aplicação desktop e mobile • Observações dos sentimentos do usuário em relação ao site Modelo ideal Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Resultado da avaliação dos usuários Muito Pouco Nulo Pouco Muito Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação 50% 50% 30% 30% 40% 50% 10% 40% 20% 50% 40% 30% 30% 60% 10% 30% 20% 20% 30% 10% 20% 10% 10% 10% Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração No que diz respeito ao impacto emocional do usuário em relação à estética do site apresentado. A atração correspondeu à escolha de 90% dos usuários. que optaram como “muito”. Conforme mostrado na tabela anterior. admiração e fascinação. Uma discordância de baixa gravidade.

em uma pequena margem de diferença. que inicialmente. • Observações relacionadas a idéia transmitida pelo site Modelo ideal Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum Resultado da avaliação dos usuários Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério 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 Rústico Medíocre Extravagante Comum . no entanto.110 . Seguem abaixo as comparações referentes às idéias transmitidas pelo layout do site. De forma geral podemos então afirma. o layout do site agradou o público alvo através de emoções positivas. Era esperado que essa emoção atingisse apenas o nível “pouco”. mas assim como “diversão”.Site Rota Recife: uma aplicação desktop e mobile além das expectativas. 40% consideram o layout muito admirável e 30% tiveram pouca admiração.

A descrição de rústico não obteve escolha alguma. Entre as opções de quente e frio. 50% dos usuários consideram que o layout é moderno. 70% dos usuários não consideram o site excepcional ou medíocre e 30% consideram-no um pouco excepcional. 80% consideram que o site não parece ter essa característica bem definida.Site Rota Recife: uma aplicação desktop e mobile Entre as opções masculino e feminino. pois apenas 20% do total dos pesquisados declarou o que realmente esperava-se. Resultado correspondente as expectativas. que escolheram a opção comum. e marcaram nulo. 30% consideram-no inerte e 20% nulo. Um mesmo percentual de 20% o considerou um pouco inerte. 60% dos pesquisados acham que o site apresentado transmite uma idéia madura. o frio obteve 70%. 20% para cada opção. Resultado que corresponde ao modelo ideal.111 . Resultado considerado um pouco satisfatório. Essa característica atendeu de forma satisfatória as expectativas. Essas características parecem um pouco confusas para o usuário e terão que ser mais bem trabalhadas. 50% consideram o site original. 20% vêem o layout de maneira um pouco infantil e o mesmo percentual foram nulos. os 30% restante foram nulos. 70% descreveram o site como refinado e 30% o consideram nulo. Resultado satisfatório. muito tradicional. um pouco extravagante. 50% dos usuários identificam que o site é ativo. Entre as idéias de refinado e rústico o resultado se mostrou satisfatório. Somente 20% registraram uma idéia um pouco masculina. Era esperado que o site transmitisse uma idéia um pouco original e não se pode dizer que esse objetivo foi atingido por causa dos 30% que o identificaram um pouco comum e os 10% que o . Entre original e comum a avaliação foi bem equiparada. 40% julgam um pouco sério e 10%. Modesto e sofisticado foram as únicas opções que se mantiveram em igualdade de percentagem em todas as intensidades. Resultado não satisfatório. Resultado considerado satisfatório de acordo com o modelo ideal definido. 50% dos pesquisados marcaram nulo. 40% o consideram nulo e 10%. contra 40%. Já entre as idéias de sério e extravagante. tendo em vista que não se deseja despertar nenhum dos extremos. que o layout é muito ativo. e apenas 10% marcaram que o layout é muito comum.

Sendo assim. que segundo o critério demonstrado anteriormente. da entrevista. não necessitam de alterações. 7.Site Rota Recife: uma aplicação desktop e mobile definiram como muito comum. sem caráter de urgência.8 8. Com relação às idéias que deverão ser mais bem desenvolvidas. 2.8. Boa parte dos usuários tem dificuldades em definir o valor das notas e em geral os pesquisados disseram gostar da interface. Essas mudanças seriam fundamentadas com os comentários. mas na maioria dos casos. o layout deverá ser mais ativo. foi feita a média que resultou no seguinte quadro: Médias 8. Análise das notas Com as notas que foram dadas nas questões 1. então é necessária uma reforma. sendo a maior delas de 8.35 8. o estilo e as fontes aplicadas na interface.8 Beleza do site Formato . 8 a 10: bom ou ótimo – Não são necessárias alterações A menor média foi na análise das cores.9: regular – A interface pode melhorar. essa será uma das alterações para que o layout atinja uma pontuação maior entre os usuários. Alguns deles não souberam expressar exatamente o que lhes desagradava. 3 e 4. a beleza. Tendo em vista que foram feitos muitos comentários e sugestões com relação às cores utilizadas no site. 5 a 7. não deram nota máxima. No entanto.9: ruim ou péssimo – Faz-se necessária uma reforma urgente na interface. foi definido o critério que se segue: 0 a 4. De fato. mais moderno e original. percebeu-se que todas essas médias ficaram muito próximas do limite que dividi o resultado bom e o regular. definiu-se que além das cores utilizadas no layout.5 7.8. poderiam ser melhoradas. problemas e sugestões . tamanho e disposição dos elementos Cores Fontes Tabela 2– Média das notas da avalição estética Para analisar as médias obtidas. as demais notas estão entre 8 e 10.112 .

113 . muito azul Forma diagonal do fichário Pouco espaço entre o menu e o fichário 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 atenção Foto central pequena Sombra azul no rodapé Linha tracejada do menu A área de roteiros poderia ser mais trabalhada Tabela 3– Problemas encontrados na avaliação estética 60% 30% 30% 30% 20% 20% 20% 20% 10% 10% 10% 10% 10% 10% Durante toda a avaliação os usuários poderiam fazer os comentários que quisessem. nas perguntas de número 5 e 6 da entrevista. Como forma de identificar a gravidade dos problemas apontados utilizou-se os critérios a seguir: Citado por mais de 50%: alta gravidade Citados por mais de 25%: média gravidade Citado por menos de 25%: baixa gravidade Sugestões 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 título dos roteiros Usar cores da bandeira do Recife Dar textura ao menu Tabela 4– Sugestões dos usuários na avaliação estética 60% 20% 20% 20% 10% 10% 10% 10% .Site Rota Recife: uma aplicação desktop e mobile citadas pelos usuários. Porém. Problemas apontados Cores monótonas. Informações que analisaremos a seguir. tinha-se espaço especificamente para identificar problemas e dar sugestões.

114 . por exemplo. As alterações propostas têm a intenção de tornar o site um pouco mais ativo. no menu e nos destaques dos roteiros turísticos. • Checar a possibilidade de limitar a área do site nas laterais e no rodapé. conforme mostrado a seguir: • Checar a possibilidade de escurecer o azul utilizado. • Destacar mais o menu mudando a fonte e adicionando cor ou caixas em cada item. as alterações que a interface sofreu para a finalização do layout desse projeto. • Diferenciar o título do que está abaixo dele. • Checar a possibilidade de mudar ou retirar as machas azuis do topo e do rodapé do site. será fundamental para ressaltar tais aspectos. podemos comentar a seguir.Site Rota Recife: uma aplicação desktop e mobile Alterações Ao final de toda essa análise. • Dar maior destaque aos roteiros turísticos e usar fotos mais atrativas. divertido e com aspectos mais originais. . Ponderando os aspectos mais relevantes que deveriam ser ajustados foi gerada uma lista de ações a serem executadas na revisão do layout do projeto. • Checar a margem inferior do menu. Além de ajustes nas fontes. • Inserir outra cor para quebrar a monotonia atual. Reavaliar as cores utilizadas.

com as devidas adequações que aqui serão descritas. sem esquecer da conformidade com as informações definidas no início da metodologia. com um descritivo sobre suas respectivas características. Fernando e Erika. com páginas e bolsos onde estão todas as informações que o usuário precisará. a versão mobile manteve a mesma identidade definida. Foram utilizados pequenos detalhes. Layout De forma geral. As formas retangulares ligadas por argolas transmitem a idéia de um guia de viagem.Site Rota Recife: uma aplicação desktop e mobile 6. como por exemplo. e os objetivos de que o site deveria permitir que as páginas tivessem um carregamento rápido.115 . Figura 47 – Layout final Justificativas No que se refere à aplicação das formas.4. na separação de conteúdo e definição de títulos. as páginas de roteiros. Esses recursos foram identificados com freqüência na análise de similares e se . realizou-se as alterações detectadas na avaliação estética. Nessa etapa é apresentado o layout final do site desktop e algumas telas desenvolvidas. Se tratando de um mesmo produto. Foram selecionadas para apresentação páginas com diferentes formatações: a tela da página inicial.5. na interface final do website. com textos e fotos e uma tela que apresenta a formatação de formulários. como linhas preenchidas e linhas tracejadas. a interface explorou alguns contornos diagonais e arredondados de modo a proporcionar certo dinamismo. as características das personas.

Todas com bordas arredondadas.5.116 . destaques de roteiros turísticos. Como mencionado na geração de alternativas. por ser uma das fontes padrões para internet e que apresenta boa legibilidade em escalas reduzidas. área de cadastramento com preenchimento de dados iniciais. e destaque do acesso mobile. Figura 48 – Detalhes de alguns elementos utilizados no layout 6. justificadas por serem mais bem adequadas para trabalhos web.4. sofreu modificações. importante para a versão web mobile. Efeitos de sobras nas extremidades das formas também foram aplicados garantindo um volume sutil aos elementos. Foram ainda utilizados pequenos ícones para ajudar na identificação de tarefas específicas e setas. temperatura. laranja e vermelho. . A paleta de cores utilizada resumi-se em 3 cores básicas e suas variações: azul. Utilizou-se as fontes Susanna e Eurostile em títulos e menu.Site Rota Recife: uma aplicação desktop e mobile adequou as necessidades do projeto. Ficou então definido o wireframe mostrado na figura 49. o wireframe definido no plano de esqueleto.1. onde são apresentados por meio de animação os roteiros mais procurados. como se vê com freqüencia em outros sites. Foram utilizadas apenas tipografias sem serifa. Já para as massas de textos. tento em vista que não se restringe as cores da bandeira de Recife. foi utilizado a fonte Verdana. As fotografias utilizadas são todas colorias e de tamanhos variados de acordo com cada página. Desktop Página inicial A página inicial da versão desktop é composta por destaques da agenda cultural. Essa proposta concede ao projeto certa originalidade. o conteúdo. posteriores a links de texto curto.

Nele encontramos a navegação primária. Quando direcionado para .Site Rota Recife: uma aplicação desktop e mobile Figura 49 – Camparação da página inicial com seu wireframe Navegação O topo do site possui as informações presente em todas as telas dessa versão. navegação utilitária e a marca com link para a página inicial. navegação local. uma aba com linha tracejada faz seu contorno e seus subitens aparecem abaixo.117 . Ao passar o mouse em um dos itens do menu.

No entanto. mostrando os subitens da respectiva seção (figura 50). e a busca avançada. Na coluna do conteúdo. assim como a página inicial. A navegação contextual (figura 52) é apresentada ao lado do conteúdo e definida em uma caixa na cor azul. um link em texto. Na coluna da direita são apresentados a navegação contextual e conteúdo auxiliar. chamado de breadcrumbs ou migalhas de pão. A navegação utilitária (figura 51) é representada por ícones e texto nos casos do idioma e no mapa do site. Figura 50 – Navegação primária Figura 51 – Navegação utilitária Figura 52 – Navegação contextual Páginas interna As páginas internas. o título é separado por duas linhas preenchidas. possui uma grid de três colunas.118 . as duas primeiras colunas são agrupadas para o conteúdo principal da seção. com um sutil efeito de aba que altera a cor ao passar o mouse. Já na coluna da direita.Site Rota Recife: uma aplicação desktop e mobile uma das páginas internas. Figura 53 – Wireframe geral das páginas internas . a seleção da aba permanece ativada. em vermelho. e links com o caminho percorrido. A busca simples se apresenta apenas com o campo de texto e o botão. os títulos são diferenciados apenas pela cor e tipografia e as áreas são divididas por linhas tracejadas. O topo dessa área possui o título.

Os roteiros são organizados por ordem alfabética e divididos por paginação. O usuário poderá encontrar um roteiro. Além disso. procurando pela lista ou utilizando um campo de busca específico para esta seção. cada roteiro é encontrado em um quadro com o título. um lugar que deseja conhecer. Na página. o usuário encontra destaques dos roteiros mais procurados no site. ou mesmo o nome de um roteiro específico que está em uma das páginas da lista.Site Rota Recife: uma aplicação desktop e mobile Página Roteiro Ao escolher a opção “Roteiro”.119 . Esses Figura 54 – Tela Roteiros . Através da busca é possível encontrar um roteiro pesquisando por uma palavra chave. o usuário será direcionado a lista de todos os roteiros disponíveis. uma foto representativa e texto com alguns dos pontos que o roteiro contempla.

Essa função é destacada através da aplicação da cor.120 . ela funciona como uma referência visual para encontrar determinado roteiro. onde foi usado o vermelho e o laranja.Site Rota Recife: uma aplicação 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 identificação pelo usuário. Ainda na mesma área. é possível ver os roteiros em destaque: uma foto e o nome do roteiro com o mesmo efeito utilizado no destaque da página inicial. A coluna da direita. Página Roteiro Recife Antigo Figura 55 – Tela Roteiro Recife Antigo . coluna de apoio. Abaixo se vê o campo de busca para os roteiros. traz a navegação contextual: Histórias da Cidade e Cultura Recifense.

Abaixo do título “Mapas do Roteiro” é possível visualizar ou fazer download dos mapas com os pontos turísticos e as linhas de transportes. com outras miniaturas abaixo. Todos esses títulos aparecem em caixas na cor laranja e com um ícone representativo na lateral. Na área de fotos. A coluna de apoio é dividida em três áreas: Fotos. Esses pontos principais são em fonte maior que os demais textos e dão acesso a uma foto e legenda. a foto representativa do roteiro aparece maior. levam também à visualização da fotografia e respectiva informação em texto. Na área de depoimentos é possível ver o último depoimentos e links para ver todos ou submeter um novo relato. Figura 56 – Visualização de fotos . como horário de funcionamento e preço de acesso. À primeira coluna conta com a descrição do percurso e destaques dos pontos principais. O roteiro aqui exemplificado é o Roteiro Recife Antigo. o usuário tem acesso à página com o detalhamento das informações.121 . Essa legenda apresenta algumas informações básicas. Depoimentos e Mapas do Roteiro.Site Rota Recife: uma aplicação desktop e mobile Ao escolher um dos roteiros disponíveis. As miniaturas quando clicadas.

Já os checkboxes e radio buttons são na cor branca. Os campos de texto mantêm o mesmo aspecto dos que se apresentam na página inicial. checkbox. radio button e um botão de finalização. limitados por caixas semelhantes as da página de roteiros: bordas arredondadas. Figura 57 – Tela Cadastre-se .122 . preenchimento suave em degradê e contorno azul. identificação no topo e um leve sombreamento entre o título e o início do texto. As informações são divididas em dois grupos. A lateral desta página possui um texto com informações auxiliares sobre o cadastramento e um destaque sobre o acesso por celular.Site Rota Recife: uma aplicação desktop e mobile Página Cadastre-se A página de cadastramento é basicamente composta por um formulário com opções de campo de texto.

foram mantidos. Ao final do estudo foi selecionada a figura 59. Foi utilizada apenas a fonte Verdana e essa opção foi adotada para garantir a legibilidade. no intuito de tornar a homepage mais atraente. Mobile Para levar a mesma identidade para a interface do site mobile. Página inicial O wireframe da página inicial.5. permitiu-se testar opções de wireframe.2. As linhas preenchidas.Site Rota Recife: uma aplicação desktop e mobile 6. levemente arredondadas e com a mesma relação visual no site desktop. Apesar de possuir um layout fluido. A página possui uma grid de duas colunas. já as bordas se tornaram menos arredondadas.4. Os ajustes no wireframe colocaram a navegação utilitária com disposição horizontal e trouxeram para a página algumas imagens de roteiros. Uma com fotos e a outra com a navegação primária. não atendeu as necessidades do site. E assim como no caso do desktop. todas as telas mobile foram projetadas para se adequarem principalmente à resolução dos celulares do público alvo (176 X 220). Figura 58 – Tela da página principal Figura 59 – Wireframe da página principal . porém em menor quantidade e com algumas adaptações para não deixar o espaço visualmente carregado. algumas alternativas foram estudadas. As fotografias aparecem em caixas retangulares. tendo em vista a resolução dos celulares do público alvo e o tamanho da fonte.123 . definido no plano de estrutura. linhas tracejas e suaves efeitos de sombra e degradê. Os mesmo elementos visuais foram utilizados.

sem uso de ícones. Figura 61 – Tela Roteiro . visualizados pelo título de cada um. a área do conteúdo. Entre os elementos presente em todas as páginas internas. na cor azul e sobre uma faixa laranja. Quando escolhido um dos roteiros tem-se acesso a página com o detalhamento das informações daquele percurso. Página Roteiro Na página “Roteiros”. A navegação primária e a navegação local são na cor vermelha e separadas por linhas tracejadas. tem-se a marca do Rota Recife. disposta em uma única coluna.Site Rota Recife: uma aplicação desktop e mobile Navegação A navegação utilitária acontece apenas através dos links em texto. os links “home” e “voltar”. e a repetição dos links que permitem ir a página inicial ou voltar para a página anterior.124 . Figura 60 – Sistemas de navegação mobile Páginas Internas O wireframe para as páginas internas foi mantido de acordo com a definição no plano de estrutura. As caixas para cada roteiro se intercalam entre o azul e o laranja. Os links de “home” e “voltar” possuem as mesmas características da navegação utilitária. o usuário encontrará as informações sobre a busca por roteiros e a lista de todos os roteiros. A área reservada para o conteúdo possui background azul e título separado por linha preenchida.

o texto que descreve o percurso e links para as demais informações de fotos. depoimentos e mapas. Ao final do texto encontram-se links que levarão o usuário para uma nova seção respectiva a fotos. O volume de todos os textos sofreram adaptações. A imagem mantém as bordas levemente arredondadas. Figura 62– Tela Roteiro Recife Antigo .Site Rota Recife: uma aplicação desktop e mobile Página Roteiro Recife Antigo A seção do Roteiro Recife Antigo possui uma imagem representativa do roteiro. Esses links possuem a caixa de cor laranja e se mantêm com o ícone. para facilitar a identificação. ficando o mais conciso possível para transmitir as informações de forma objetiva e evitar páginas muito longas.125 . depoimentos ou mapas.

A página apresenta as imagens com bordas arredondadas e uma legenda abaixo.Site Rota Recife: uma aplicação desktop e mobile Página de Fotos As fotos podem ser visualizadas separadamente quando acessado a link na página de detalhamento do roteiro.6. Protótipo digital A intenção do protótipo digital desenvolvido no final desse projeto é apresentar. botão e campos com as mesmas características visuais da versão desktop. O foco do protótipo é analisar as questões de design que foram desenvolvidas e avaliar a necessidade de ajustes e modificações. A página possui informações em texto. Figura 64 – Tela Contatos Figura 63 – Tela de fotos do roteiro 6. em computadores e celulares.126 . Com isso. Dessa forma. foi aqui utilizada a seção de contatos. Página Contatos A opção de cadastramento não estará disponível nessa versão. quando completamente finalizado. pretende-se permitir a utilização de recursos básicos e trazer parte da experiência que o site provocará nos usuários. . para representar a disposição de uma tela com formulário. as telas anteriormente mostradas.

faz-se necessária as adequações que aqui foram propostas. e o que antes era apenas comunicação de voz. O site pretende ser uma ferramenta de fácil acesso. e o produto: um site de roteiros turísticos de um dia pela cidade do Recife. Nenhum dos planos aqui realizados são definitivamente imutáveis. Todas as etapas realizadas tiveram o intuito de garantir a qualidade da experiência por parte dos usuários e para tal foram identificadas as necessidades no uso dos dispositivos distintos. o site visa atender às necessidades de turistas e moradores da cidade. Tudo isso justifica os atuais investimentos em aplicações móveis para a web. foi preciso traçar paralelos constantes entre as duas modalidades. Intitulado Rota Recife. O presente trabalho teve como objetivo o desenvolvimento de um site com aplicação na web desktop e na web mobile. Percebemos que as etapas de desenvolvimento de um projeto do tipo desktop. saber quais os sistemas que o envolve. Vimos que a mobilidade na web avança a largos passos. aqui expostas. a difusão dos dispositivos móveis de acesso a web e a própria web mobile. como ocorre a interação e quais as vantagens e limitações que oferece ao usuário. Conclusão Como vimos. Definiu-se então um cliente hipotético. oferecendo as melhores informações de turismo e lazer em plataformas desktop e mobile. podem ser facilmente aplicadas no desenvolvimento da versão mobile. são resultados da necessidade de comunicação constante. agora possui incontáveis funcionalidades. Para tal. usabilidade e acessibilidade. Ficou claro também. antes e durante visitas à cidade. no carding sorting ou . mas que junto a esse crescimento é preciso garantir a qualidade na experiência do usuário. que mudanças e ajustes no projeto são sempre necessárias. A miniaturização dos dispositivos e a convergência de funções nos aparelhos celulares crescem na mesma proporção.Site Rota Recife: uma aplicação desktop e mobile 7. afinal a mobilidade nunca foi tão atual. Dessa forma. a convergência das mídias. no entanto. Os computadores do tipo desktop vão perdendo espaço para dispositivos portáteis. precisamos conhecê-lo. Queremos mais funcionalidades no menor espaço físico possível. Para isso. Assim como nas entrevistas iniciais. Antes de projetar para um dispositivo específico. principalmente quanto tem-se a participação dos usuários em diferentes etapas. computadores e celulares. no design de interação.127 .

Site Rota Recife: uma aplicação desktop e mobile na avaliação estética. com a contribuição do próprio usuário na organização das informações. não são muitas. fixo ou móveis. por enquanto. e garantirá a qualidade da experiência do usuário. Nossa contribuição acadêmica foi relevante por colocar em discussão as etapas de adaptação de um projeto web para apresentação em celulares. especialmente. Uma interface agradável. Recomenda-se. Dessa forma. a continuação de seu desenvolvimento e posterior submissão a testes de usabilidade que darão origem a novos aperfeiçoamentos para o sistema. porém aos poucos vão surgindo novas publicações. As fontes de pesquisa sobre a web mobile. sua navegação e permitir as devidas comparações no acesso por meio de computadores e celulares. a participação do público alvo ainda na fase projetual faz o designer enxergar além do que percebemos inicialmente como a melhor maneira de projetar um produto interativo. O protótipo digital aqui desenvolvido teve apenas o intuito de testar a conformidade das telas projetadas.128 . como desdobramento desse trabalho. . Com esse trabalho esperamos contribuir para um maior conhecimento no desenvolvimento de sites e suas respectivas versões. etapas de desenvolvimento de um projeto web e. o projeto resultou em uma solução bastante satisfatória a todos os seus objetivos inicias. no que diz respeito às diretrizes da web móvel. O site poderá ser acessado por usuários que utilizam aparelhos de acesso a internet.

I. Recife: G1 – Portal de Notícias da Globo. 2008. MTLD . Rio de Janeiro: Europa Ltda. Mobile Web Developer’s Guide: Creating Simple Mobile Sites for Common Handsets. Não me Faça Pensar. [S. HUSAT Research Institute. Rio de Janeiro: PUC. Rio de Janeiro: Elsevier. 2003. 2004. ed. Tradução de Acauan Pereira.DOTMOBI.. MEIRA. 2008. 2004. Berg. ed. Felipe. Dissertação (Mestrado) – Pontifícia Universidade Católica do Rio de Janeiro.html>.129 .]. Jesse James. 23-31. Disponível em: <http://revolucao.]. [S.I.br/archive_2007_05_26_19.I. Projetando Websites. Rio de Janeiro: Alta Books. Loughborough University. Rio de Janeiro. 2009. HORST. 2000. 2005. Martin.. 294f. UK. Methods to support human-centred design. Usabilidade de telefones celulares com base em critérios ergonômicos.br/archives/algumas-questoes-emtorno-do-desenvolvimento-de-sites-para-dispositivos-moveis/>. 2007. Rio de Janeiro: Campus. 2. Leicestershire. Jakob. GARRETT. Convergência digital. Acesso em: 25 jan. Design para a internet: projetando a experiência perfeita. Revista Locaweb. NIELSEN. Leonardo Marques de.globolog. MEMÓRIA. Departamento de Artes & Design. no celular. 2001. Algumas questões em torno do desenvolvimento de sites para dispositivos móveis. MELGAR. 2006 KRUG. Steve.etc. Henrique Costa Pereira. MAGUIRE. The Elements of User Experience: User-Centered Design for the web. Web móvel: a internet de bolso já é realidade. [S.silviomeira. p.]. The Cell Phone – An Anthropology of Communication. Acesso em: 14 dez. DOMINGO. Robinson. com. Disponível em: <http://www. Heather. 2007. Sílvio.Site Rota Recife: uma aplicação desktop e mobile Referências bibliográficas ABREU. 5. 2007. Abril. 2006. . New Riders.

com. SHARP. ROGERS. Universidade Federal de Pernambuco. 2003 PINHEIRO. Trabalho de conclusão de curso . Curitiba. Design de interação: além da interação homem computador. 2005. . Disponível em: <http://www. Alexandre de Oliveira. Do tijolo ao iPhone: acompanhe a evolução dos celulares.I.3791063042/>. Universidade Federal de Pernambuco.web-u : a construção de uma técnica para avaliação estética de websites com usuários. 2007. SIQUEIRA. TAE.htm>. Sistemas de Identidade Visual. Porto Alegre: Bookman. Usabilidade na internet: Uma avaliação de portais web nacionais sob a ótica do acesso para a terceira idade.2007-06-01.CD-ROM. Recife: UFPE.boingboing. Maria L. 2002.uol. 2005. 2007. Acesso em: 20 mar. Recife. Acesso em: 12 jan. Helen. Recife. Yvonne. 2009. José. 150f. Stephania. STERLING.Bacharelado em Design. 1993. 2005. 2007. Mauro. Bruce. PADOVANI. 2007.]. O design de interação em ambientes de ubiqüidade computacional. Usability Engineering. PREECE. Rio de Janeiro: 2AB. Anais. When blobjects rule the Earth. Jenifer. Dissertação (Mestrado) – Programa de Pós-Graduação em Design. Los Angeles: 2004. 3.Site Rota Recife: uma aplicação desktop e mobile _____________. SPITZ. Curitiba. Apostila de acompanhamento de disciplina para o curso de especialização em ergonomia informacional . 2007. REVISTA PC WORLD/EUA. ed. Palestra apresentada na SIGGRAPH. 3. [S. Recife. PIRAUÁ. Tradução de Viviane Possamai.... Congresso Internacional de Design da Informação.net/ images/blobjects.130 . 2009. MA: Academic Press.br/computacao _pessoal/2007/06/01/idgnoticia. Boston. Disponível em: <http://idgnow.Departamento de Design da Universidade Federal de Pernambuco. PEÓN. Recife: UFPE. Rejane. Ergonomia informacional.

F= freqüentemente. Acesso o Orkut às vezes e os sites da Claro e do Ig para checar e-mail.Brasil Grau de escolaridade: Técnico em Contabilidade e Cursando Superior de Administração Ocupação: Assistente Financeiro Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 30 Nacionalidade: Brasileira Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. você os acessaria? Sim. Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer.131 . bol e gmail) e orkut Se os sites citado possuíssem versão para celular. Sansumg Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Em média duas vezes por mês Exemplifique 3 sites que acessa com freqüência: . 160 HD. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ x ] 2 à 4 vezes por mês[ ] 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Shopping. Apesar de não caberem na tela não tive problemas para encontrar o que queria. monitor de 17 polegadas e resolução de 1024x768 Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Celeron.unopar . parques de diversão ou clubes de campo O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ ] .Entrevistas Entrevista Representativa .Site Rota Recife: uma aplicação desktop e mobile Anexo I . Sony Ericsson. R= raramente. hotmail. 2G de memória. 160HD e resolução de 1280x800 Qual o modelo do seu aparelho de celular: Nokia n95.e-mails em geral (ig.Grupo1: Usuário Local Nome: Juliana Santos Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Recife – PE .google . N= nunca) Computador [ S ] Computador portátil/notebook [ R ] Celular [ R ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? 1g de memória.

com que freqüência pensa nos itens abaixo: (Marcar S= sempre. F= freqüentemente. R= raramente. N= nunca) Pontos turísticos [ R ] Patrimônio histórico e artístico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestações culturais [ R ] Paisagens naturais [ S ] Locais de compra [ S ] Outros: Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ ] Antes de sair para um passeio. R= raramente. mapas. com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre. . Transportes que se pode tomar e em que paradas descer. preço dos serviços O que poderia ser oferecido nesse site para facilitar seu passeio? Informações bem especificas de como chegar aos locais: se existe ou não locais de estacionamento. N= nunca) Transporte [ S ] Outros: Localização [ S ] Temperatura [ S ] Horários de funcionamento [ S ] Preços de serviços [ S ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ X ] Sites [ ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqüentemente [ ] Raramente [ ] Nunca [ X ] Outros: Quais os sites que costuma acessar para obter essas informações? Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Não Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Sim Que tipo de informação considera indispensável em roteiros turísticos na web? Informações do local. F= freqüentemente.Site Rota Recife: uma aplicação desktop e mobile Na cidade onde mora.132 .

133 . com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 à 4 vezes por mês[ X ] 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Cinema. Ocupação: Funcionária Pública Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 24 anos Nacionalidade: Brasileira Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa .resolução de vídeo 1200x800. praias.Grupo1: Usuário Local Nome: Mônica Maria da Silva Barbosa. Qual o modelo do seu aparelho de celular: Sony ericsson w302 e sony ericsson k550i O celular permite acesso à internet? Sim [ X ] Não [ ] Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Apenas quando realmente necessário Exemplifique 3 sites que acessa com freqüência: -geocities -google -hotmail Se os sites citado possuíssem versão para celular. F= freqüentemente. N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Configuração do windows vista. N= nunca) Pontos turísticos [ S ] Patrimônio histórico e artístico [ S ] Gastronomia /Bares e restaurantes [ S ] Manifestações culturais [ S ] Paisagens naturais [ S ] Locais de compra [ R ] Outros: .Tela LCD widescreen 15.4”. você os acessaria? Sim Nunca [ ] Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer. R= raramente. Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Camaragibe. F= freqüentemente. . Na cidade onde mora.Brasil Grau de escolaridade: Superior incompleto. locais de manifestações culturais. R= raramente.

F= freqüentemente. R= raramente. Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Sim Que tipo de informação considera indispensável em roteiros turísticos na web? Localização O que poderia ser oferecido nesse site para facilitar seu passeio? Tópicos com informações diretas (exemplo: localização. com que freqüência pensa nos itens abaixo: (Marcar S= sempre. N= nunca) Transporte [ S ] Outros: Localização [ F ] Temperatura [ R ] Horários de funcionamento [ F ] Preços de serviços [ F ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqüentemente [ ] Raramente [ X ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Sites oficiais do evento.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Antes de sair para um passeio.134 . acessos. serviços disponíveis). . Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ X ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Sim. Passeio de Catamarã pelo Rio Capibaribe.

www.com. O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer.com.br Se os sites citado possuíssem versão para celular. R= raramente.orkut.Grupo1: Usuário Local Nome: José Patrício Silva dos Santos Sexo: Masculino [ X ] Feminino [ ] Cidade e país onde reside: Olinda /Brasil Grau de escolaridade: Superior incompleto Ocupação: Bolsista da UFPE Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 23 Nacionalidade: Brasileiro Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.com .br . Mas não usaria com freqüência não.www.sportrecife.Eu só usaria num caso em que fosse imprescindível. R= raramente.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa .folhape. F= freqüentemente. estádio de futebol. com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre. F= freqüentemente. N= nunca) Pontos turísticos [ S ] Patrimônio histórico e artístico [ F ] Gastronomia /Bares e restaurantes [ N ] Manifestações culturais [ S ] Paisagens naturais [ S ] Locais de compra [ S ] Outros: ] .www.135 . pizzaria etc Na cidade onde mora. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 à 4 vezes por mês[ 1 vezes por mês [ X ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Cinema. você os acessaria? Talvez . N= nunca) Computador [ S ] Computador portátil/notebook [ N ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? 512MB de memória RAM e 80GB de HD Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? ----Qual o modelo do seu aparelho de celular: Nokia 2680 Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: . praia.

F= freqüentemente.136 . R= raramente. Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Acessaria pela comodidade Que tipo de informação considera indispensável em roteiros turísticos na web? Localização e custo O que poderia ser oferecido nesse site para facilitar seu passeio? Depoimentos de pessoas que passaram pela experiência do roteiro turístico . com que freqüência pensa nos itens abaixo: (Marcar S= sempre. N= nunca) Transporte [ S ] Outros: Localização [ S ] Temperatura [ N ] Horários de funcionamento [ S ] Preços de serviços [ S ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? www.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Antes de sair para um passeio. no centro da cidade do Recife.com.br Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ X ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Já. Através de um catamarã no Rio Capibaribe.google.

O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer.yahoo. F= freqüentemente.youtube. Recife Antigo.137 . Na cidade onde mora. Ocupação: Estudante. HD (160). Ram (3. R= raramente.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre.br -www. você os acessaria? Dependendo do custo para o acesso. N= nunca) Pontos turísticos [ R ] Patrimônio histórico e artístico [ F ] Gastronomia /Bares e restaurantes [ N ] Manifestações culturais [ R ] Paisagens naturais [ R ] Locais de compra [ N ] Outros: ] .com Se os sites citado possuíssem versão para celular. R= raramente. Grau de escolaridade: 3º Grau incompleto.com.br -www.Grupo1: Usuário Local Nome: Renato José da Silva Sexo: Masculino [ X ] Feminino [ ] Cidade e país onde reside: Camaragibe / Brasil. Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 26 Nacionalidade: Brasileiro Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. Tela (14’’) Qual o modelo do seu aparelho de celular: Gradiente GF 930 Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: -www.com.ebah. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ X ] 2 à 4 vezes por mês[ 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Cinema. F= freqüentemente. N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Intel (Pentium dual-core inside).00 GB).

br Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ X ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Sim. Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Dependendo do custo do serviço. dependendo do local. F= freqüentemente. Que tipo de informação considera indispensável em roteiros turísticos na web? Comentários de quem já visitou o ponto turístico em questão. N= nunca) Transporte [ S ] Outros: Localização [ S ] Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ R ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqüentemente [ ] Raramente [ X ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? www.138 . O que poderia ser oferecido nesse site para facilitar seu passeio? Uma média do custo e. resumo da razão turística do local.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ X ] Antes de sair para um passeio. horários e dias mais apropriados. Fotos do local. com que freqüência pensa nos itens abaixo: (Marcar S= sempre. Caminhada ecológica pelo privê da cidade. mapas que ajudariam no acesso ao ponto turístico.pe360graus. . R= raramente.com.

HD 120 Qual o modelo do seu aparelho de celular: LG Mg 185 Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: -Yahoo -google -vagalume Se os sites citado possuíssem versão para celular. Resolução 1024 x 768 Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Windows Vista. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 à 4 vezes por mês[ X ] 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: cinema. N= nunca) Computador [ S ] Computador portátil/notebook [ F ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? memória de 624 Mb. memória 1Gb. HD 40.Grupo1: Usuário Local Nome: Aline Vieira Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Recife-PE/ Brasil Grau de escolaridade: Superior Completo Ocupação: Professora. F= freqüentemente. F= freqüentemente. você os acessaria? Sim O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer. R= raramente.ensino fundamental e médio Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 23 Nacionalidade: Brasileiro Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . R= raramente. N= nunca) Pontos turísticos [ S ] Patrimônio histórico e artístico [ S ] Gastronomia /Bares e restaurantes [ F ] Manifestações culturais [ S ] Paisagens naturais [ S ] Locais de compra [ F ] Outros: .139 . com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre. show Na cidade onde mora.

Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Antes de sair para um passeio. valor da entrada. caso haja guias O que poderia ser oferecido nesse site para facilitar seu passeio? Todas as informações acima . Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Talvez. por exemplo. em caso de necessidade. R= raramente. N= nunca) Transporte [ S ] Outros: Localização [ S ] Temperatura [ F ] Horários de funcionamento [ S ] Preços de serviços [ S ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? próprio lugar que desejo visitar (se houver) Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ X ] Não [ ] Exemplifique: muitas vezes as informações estão desatualizadas Você já fez algum roteiro turístico dentro da cidade? Qual? Instituto Ricardo Brennand. F= freqüentemente. e precisasse saber alguma informação de um lugar que eu queria ir com urgência Que tipo de informação considera indispensável em roteiros turísticos na web? Horário de funcionamento dos pontos turísticos. à Oficina Francisco Brennand.140 . com que freqüência pensa nos itens abaixo: (Marcar S= sempre. informações sobre acesso ao ponto turístico. à torre Malakoff e ao Forte do Brum. com diferentes roteiros. informações sobre agendamento de visitas. valor de passeios com guias. Se estivesse na rua.

F= freqüentemente. você os acessaria? Não O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer. Shopping Center.com.141 .hotmail. F= freqüentemente.www. R= raramente. livraria. Brasil Grau de escolaridade: Superior Ocupação: Professora Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 40 Nacionalidade: Brasileiro Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. Na cidade onde mora.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 à 4 vezes por mês[ X ] 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Cinema. R= raramente.terra.www.com.br . N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Não sei Qual o modelo do seu aparelho de celular: LG MG280 Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: . com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre.www. N= nunca) Pontos turísticos [ R ] Patrimônio histórico e artístico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestações culturais [ N ] Paisagens naturais [ S ] Locais de compra [ F ] Outros: .br .com Se os sites citado possuíssem versão para celular.google.Grupo1: Usuário Local Nome: Angela Mendonça Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Recife –PE .

N= nunca) Transporte [ S ] Localização [ S ] Outros: Segurança (S) Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ S ] Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? www. com que freqüência pensa nos itens abaixo: (Marcar S= sempre.142 . Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Não Que tipo de informação considera indispensável em roteiros turísticos na web? Localização.com / www. preço dos serviços e produtos e.br / www. No Catamarã.com.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias nos momentos de lazer? Família [ ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ X ] Antes de sair para um passeio. por exemplo) O que poderia ser oferecido nesse site para facilitar seu passeio? Ser de fácil navegação e oferecer links. . pelo rio Capibaribe. R= raramente.com.google. veracidade quanto ao que é oferecido ( tal praia é linda.br Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ X ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Sim.folhape. mas a estrada de acesso é um horror. F= freqüentemente. principalmente.pernambuco.

R= raramente. praia. com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ X ] 2 à 4 vezes por mês[ 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Bares. você os acessaria? Depende das taxas O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer. cinema Na cidade onde mora.www.com. myaiesec.com . F= freqüentemente.143 . R= raramente. N= nunca) Pontos turísticos [ F ] Patrimônio histórico e artístico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestações culturais [ S ] Paisagens naturais [ S ] Locais de compra [ S ] Outros: ] .www.Grupo1: Usuário Local Nome: David Leonardo de Sousa Santos Sexo: Masculino [ X ] Feminino [ ] Cidade e país onde reside: Recife/Brasil Grau de escolaridade: Superior .Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa .bb.net . com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre. F= freqüentemente.Cursando Ocupação: Estudante/Voluntário Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 22 Nacionalidade: Brasileiro Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.google.br Se os sites citado possuíssem versão para celular.www. N= nunca) Computador [ S ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Dual Core / 1GB RAM / 160GB HD (tela 1024x768) Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução 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 freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: . restaurantes.

Site Rota Recife: uma aplicação desktop e mobile

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

]

Antes de sair para um passeio, com que freqüência pensa nos itens abaixo: (Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localização [ F ] Temperatura [ N ] Horários de funcionamento [ F ] Preços de serviços [ S ]

Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Pe360graus Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ X ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Não Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Não Que tipo de informação considera indispensável em roteiros turísticos na web? Local e preço O que poderia ser oferecido nesse site para facilitar seu passeio? Tour virtual, mapas, vídeos, fotos e animações

- 144

Site Rota Recife: uma aplicação desktop e mobile

Entrevista Representativa - Grupo1: Usuário Local
Nome: Emília Oliveira Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Recife - Brasil Grau de escolaridade: Superior Incompleto Ocupação: Estágio Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 26 Nacionalidade: Brasileiro

Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca) Computador [ S ] Computador portátil/notebook [ R ] Celular [ R ] Outros:

Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela?

Qual o modelo do seu aparelho de celular: Nokia 5310

O celular permite acesso à internet? Sim [ X ] Não [ ]

Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Exemplifique 3 sites que acessa com freqüência: - Google - Orkut - Siga - Poli Se os sites citado possuíssem versão para celular, você os acessaria? Sim

Nunca [ ]

Considere que todas as próximas perguntas são referentes à cidade do Recife Nas suas horas de lazer, com que freqüência costuma sair para se divertir? 3 ou 4 vezes por semana [ ] 1 ou 2 vezes por semana [ ] 2 à 4 vezes por mês[ X ] 1 vezes por mês [ ] 1 vez a cada dois meses ou mais [ ] Outros: Cite alguns lugares que costuma freqüentar como forma lazer: Cinema, teatros e restaurantes Na cidade onde mora, com que freqüência as opções abaixo despertam seu interesse: (Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca) Pontos turísticos [ F ] Patrimônio histórico e artístico [ R ] Gastronomia /Bares e restaurantes [ S ] Manifestações culturais [ S ] Paisagens naturais [ S ] Locais de compra [ F ] Outros:

- 145

Site Rota Recife: uma aplicação desktop e mobile

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

]

Antes de sair para um passeio, com que freqüência pensa nos itens abaixo: (Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca) Transporte [ S ] Outros: Localização [ S ] Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ S ]

Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidade Guias Impressos/Jornais e revistas [ X ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre lugares que deseja conhecer na cidade onde mora? Sempre [ X ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Pe360graus Normalmente tem problemas para encontrar algum tipo de informação nos sites mencionados anteriormente? Sim [ ] Não [ X ] Exemplifique: Você já fez algum roteiro turístico dentro da cidade? Qual? Sim. Museu de Brennand Gostaria de ter acesso a sugestões de roteiros turísticos de um dia pela cidade? Sim Você acessaria um guia turístico da cidade na web? Sim Você acessaria um guia turístico da cidade pelo celular? Sim Que tipo de informação considera indispensável em roteiros turísticos na web? Indicação de pontos de referência O que poderia ser oferecido nesse site para facilitar seu passeio? Formas de pagamento e preço dos serviços

- 146

br Se os sites citado possuíssem versão para celular. Brasil Grau de escolaridade: Superior incompleto Ocupação: Estudante de psicologia Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 21 Nacionalidade: Brasileira Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. F= freqüentemente. Lisboa. R= raramente. 2gb Qual o modelo do seu aparelho de celular: V3 Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: .com .gmail. você os acessaria? Não O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez à cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e países que já visitou: Londres.Grupo2: Turista Nome: Raquel Lima Pedrosa Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Maceió. Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ X ] Não [ ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? HD 120 GB.Orkut.com .Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa .147 . Fortaleza Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre. N= nunca) Transportes[ F ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] e restaurantes [ R ] Manifestações culturais [ S ] Temperatura [ N ] Outros: Gastronomia .com. Tela de 14.1’’. F= freqüentemente. R= raramente.google. N= nunca) Computador [ S ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei. Alagoas.

com.br Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ X ] Não [ ] Exemplifique: Transportes Que tipo de informação considera indispensável em guias de viagem na web? Hospedagem barata. história e pontos turísticos 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 relação ao impresso? Nem sempre se tem acesso ao impresso Antes de viajar você pesquisa sobre: (Marcar S= sempre. N= nunca) História local [ F ] Traços turísticos [ S ] Arquitetura [ N ] Patrimônio históricos e artísticos [ R ] Paisagens naturais [ F ] Programação cultural [ R ] Gastronomia [ F ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ R ] Temperatura [ S ] Transportes [ S ] Horários de funcionamento [ F ] Preços de serviços [ S ] Locais de compra [ F ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre. Guias Impressos [ X ] Agências de viagem [ ] Indicação de amigos [ X ] Sites [ ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ X ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Google. F= freqüentemente.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem. transporte.148 . R= raramente. Seria mais fácil acessar do hotel ou pelo notebook Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ X ] Outros: . N= nunca) História local [ S ] Traços turísticos [ S ] Arquitetura [ N ] Patrimônio históricos e artísticos [ S ] Paisagens naturais [ S ] Programação cultural [ F ] Gastronomia [ S ] Hospedagem [ R ] Restaurantes [ S ] Postos de apoio ao turista [ N ] Temperatura [ R ] Transportes [ S ] Horários de funcionamento [ S ] Preços de serviços [ 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 próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Sugestões de roteiros são sempre bem vindos Você acessaria um guia turístico pelo celular durante uma viagem? Dificilmente. R= raramente. F= freqüentemente.

google.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa .Grupo2: Turista Nome: Marina Filipa Nunes Sousa Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Madeira (Portugal) Grau de escolaridade: 12º ano Ocupação: Estudante de Design Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 20 Nacionalidade: Portuguesa Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. F= freqüentemente.uma. Lisboa.www.149 . F= freqüentemente. R= raramente.com -www. N= nunca) Transportes[ S ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] e restaurantes [ R ] Manifestações culturais [ R ] Temperatura [ R ] Outros: Gastronomia . R= raramente.com -www.4 Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ X ] Não [ ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Qual o modelo do seu aparelho de celular: Sharp O celular permite acesso à internet? Sim [ X ] Não [ ] Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Outros: Exemplifique 3 sites que acessa com freqüência: .youtube. N= nunca) Computador [ R ] Computador portátil/notebook [ S ] Celular [ R ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Tela de 15. entre outras… Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre. Coimbra.pt Se os sites citado possuíssem versão para celular. você os acessaria? Sim Nunca [ ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez à cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e países que já visitou: Madrid.

R= raramente. Guias Impressos [ ] Agências de viagem [ ] Indicação de amigos [ X ] Sites [ ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ X ] Freqüentemente [ ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? www. Informações de transportes e alojamento.150 . F= freqüentemente. N= nunca) História local [ S ] Traços turísticos [ S ] Arquitetura [ S ] Patrimônio históricos e artísticos [ S ] Paisagens naturais [ F ] Programação cultural [ F ] Gastronomia [ R ] Hospedagem [ R ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ S ] Horários de funcionamento [ S ] Preços de serviços [ S ] Locais de compra [ R ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem.google. apresenta apenas a informação necessária de modo a transmitir a idéia a pessoa interessada em viajar. ou vou aos cibernets Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Sugestão de roteiros turísticos de um dia. F= freqüentemente. Antes de viajar você pesquisa sobre: (Marcar S= sempre. O que poderia ser oferecido nesses sites para facilitar sua viagem? Não sei Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? Um guia impresso vem mais pormenorizado. enquanto que o guia online.com Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ ] Não [ X ] Exemplifique: Que tipo de informação considera indispensável em guias de viagem na web? Preços das viagens. R= raramente. N= nunca) História local [ S ] Traços turísticos [ S ] Arquitetura [ S ] Patrimônio históricos e artísticos [ S ] Paisagens naturais [ F ] Programação cultural [ F ] Gastronomia [ R ] Hospedagem [ R ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ S ] Horários de funcionamento [ S ] Preços de serviços [ S ] Locais de compra [ R ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Acesso a internet quando levo o portátil comigo. Você acessaria um guia turístico pelo celular durante uma viagem? Sim Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ X ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ X ] Outros: .

Santa Cruz do Capibaribe. N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei. F= freqüentemente. Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ X ] Não [ ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Celeron. R= raramente. F= freqüentemente.Grupo2: Turista Nome: Kennia de Cássia Araújo Galdino Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Maceió . N= nunca) Transportes[ R ] Localização de pontos turísticos [ R ] Hospedagem [ F ] Patrimônio histórico [ R ] e restaurantes [ R ] Manifestações culturais [ R ] Temperatura [ R ] Outros: Gastronomia .Google acadêmico Se os sites citado possuíssem versão para celular. Vila Real – PT. 120 HD Qual o modelo do seu aparelho de celular: Samsung Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: -Claro Idéias -Google . Campina Grande. você os acessaria? Sim. Lisboa . R= raramente. Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre. Funchal – PT.PT.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . mas o que impede muitas vezes o acesso dos (possíveis) usuários é o custo O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez à cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e países que já visitou: Fortaleza.151 . Aracaju.Brasil Grau de escolaridade: Superior incompleto Ocupação: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 21 Nacionalidade: Brasileira Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. 2Gb.

F= freqüentemente.. Que tipo de informação considera indispensável em guias de viagem na web? Disponibilidade (vagas em hotéis). regras do hotel (esse realmente não está incluído). N= nunca) História local [ N ] Traços turísticos [ F ] Arquitetura [ F ] Patrimônio históricos e artísticos [ F ] Paisagens naturais [ R ] Programação cultural [ F ] Gastronomia [ R ] Hospedagem [ R ] Restaurantes [ R ] Postos de apoio ao turista [ R ] Temperatura [ F ] Transportes [ S ] Horários de funcionamento [ F ] Preços de serviços [ F ] Locais de compra [ R ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Sim. F= freqüentemente. mesmo que faltem algumas informações e que você não precisa necessariamente sair de casa em busca dessas informações Antes de viajar você pesquisa sobre: (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem. de uma lanhouse Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Sugestões. Você acessaria um guia turístico pelo celular durante uma viagem? Sim. preço. N= nunca) História local [ S ] Traços turísticos [ S ] Arquitetura [ R ] Patrimônio históricos e artísticos [ F ] Paisagens naturais [ F ] Programação cultural [ F ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ F ] Horários de funcionamento [ F ] Preços de serviços [ S ] Locais de compra [ F ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre. Guias Impressos [ ] Agências de viagem [ ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Google Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ X ] Não [ ] Exemplifique: O que é mais difícil é de entrar em contato. R= raramente. e as poucas informações que os sites têm geram muitas dúvidas que nem sempre estão respondida no “perguntas mais freqüentes.152 . R= raramente. Dependendo das taxas é claro Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ X ] Outros: . telefones para contato (ao invés de oferecer no site apenas o email) O que poderia ser oferecido nesses sites para facilitar sua viagem? Um “esclarecedor de dúvidas” online Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? A praticidade do online..

abola.pt . R= raramente. F= freqüentemente. Qual o modelo do seu aparelho de celular: Não sei Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: .Grupo2: Turista Nome: Janino Livramento Sexo: Masculino [ X ] Feminino [ ] Cidade e país onde reside: Portugal Grau de escolaridade: 12ª Ano Ocupação: Estudante Universitário Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 23 Nacionalidade: Cabo-Verdiana Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. R= raramente.www.liberal.www.sapo. você os acessaria? Sim O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ X ] Nunca [ ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez à cada dois anos ou mais [ X ] Outros: Cite algum(as) das cidades e países que já visitou: Lisboa Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre.153 . N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ R ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Utilizo os computadores da Universidade Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ X ] Não [ ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Corel 2 duo. F= freqüentemente.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . N= nunca) Transportes[ R ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] e restaurantes [ R ] Manifestações culturais [ S ] Temperatura [ R ] Outros: Gastronomia .hattrick.org .cv Se os sites citado possuíssem versão para celular. 2gb.www.

ao passo que o impresso tens na mão sempre. telefones e eventos culturais Que tipo de informação considera indispensável em guias de viagem na web? Mapas com localização e preço dos serviços 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 relação ao impresso? A desvantagem principal pode se considerar o facto de não poder consultar o online sempre. F= freqüentemente. N= nunca) História local [ F ] Traços turísticos [ R ] Arquitetura [ N ] Patrimônio históricos e artísticos [ F ] Paisagens naturais [ R ] Programação cultural [ R ] Gastronomia [ R ] Hospedagem [ F ] Restaurantes [ R ] Postos de apoio ao turista [ S ] Temperatura [ R ] Transportes [ F ] Horários de funcionamento [ R ] Preços de serviços [ S ] Locais de compra [ S ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Pontos onde se tem wireless ou cybershop. R= raramente. Guias Impressos [ X ] Agências de viagem [ ] Indicação de amigos [ ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? www. F= freqüentemente. Antes de viajar você pesquisa sobre: (Marcar S= sempre.154 . Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ X ] Outros: .com Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ ] Não [ X ] Exemplifique: Funcionamento e valor dos transportes. valores de serviços. R= raramente. Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Gostaria de sugestões. Você acessaria um guia turístico pelo celular durante uma viagem? Talves.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ X ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem. horários de funcionamento.google. N= nunca) História local [ S ] Traços turísticos [ F ] Arquitetura [ N ] Patrimônio históricos e artísticos [ R ] Paisagens naturais [ R ] Programação cultural [ R ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ R ] Transportes [ F ] Horários de funcionamento [ R ] Preços de serviços [ S ] Locais de compra [ S ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre.

você os acessaria? Sim. Alentejo-Portugal Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre.Grupo2: Turista Nome: Catarina Quintal Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Funchal .155 .claro. F= freqüentemente.Portugal Grau de escolaridade: 2ºCiclo Universitário Ocupação: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 20 Nacionalidade: Portuguesa Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ ] Não [ X ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Não sei Qual o modelo do seu aparelho de celular: LGKS360 Com que freqüência acessa a internet no celular: Diariamente [ X ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: -Google -Youtube -Hotmail Se os sites citado possuíssem versão para celular. N= nunca) Transportes[ F ] Localização de pontos turísticos [ F ] Hospedagem [ F ] Patrimônio histórico [ R ] e restaurantes [ F ] Manifestações culturais [ F ] Temperatura [ F ] Outros: Gastronomia .Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . F= freqüentemente. R= raramente. R= raramente. N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ S ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei. O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez à cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e países que já visitou: Londres-Inglaterra .

telefones e eventos culturais Que tipo de informação considera indispensável em guias de viagem na web? Informações sobre pontos turisticos mais atractivos e sugestões de viagem.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem. Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Sim. não costumo acessar. Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ ] Outros: . R= raramente. R= raramente. As desvantagens é que para aceder á net precisamos de um computador o que torna o guia de bolso muito mais conveniente. Guias Impressos [ ] Agências de viagem [ ] Indicação de amigos [ X ] Sites [ ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Costume utilizar o google fazendo uma pesquisa. Antes de viajar você pesquisa sobre: (Marcar S= sempre. N= nunca) História local [ S ] Traços turísticos [ F ] Arquitetura [ S ] Patrimônio históricos e artísticos [ S ] Paisagens naturais [ F ] Programação cultural [ F ] Gastronomia [ F ] Hospedagem [ F ] Restaurantes [ F ] Postos de apoio ao turista [ R ] Temperatura [ R ] Transportes [ R ] Horários de funcionamento [ R ] Preços de serviços [ R ] Locais de compra [ R ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Não. Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? As vantagens de um guia online nos permite um acesso mais rápido a uma informação. Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ ] Não [ X ] Exemplifique: Funcionamento e valor dos transportes. Você acessaria um guia turístico pelo celular durante uma viagem? Sim. O que poderia ser oferecido nesses sites para facilitar sua viagem? Mais informação sobre a cultura e história do país que visitamos e mapas. F= freqüentemente. F= freqüentemente. gostava de sugestões. N= nunca) História local [ S ] Traços turísticos [ F ] Arquitetura [ D ] Patrimônio históricos e artísticos [ S ] Paisagens naturais [ N ] Programação cultural [ F ] Gastronomia [ R ] Hospedagem [ N ] Restaurantes [ F ] Postos de apoio ao turista [ F ] Temperatura [ N ] Transportes [ N ] Horários de funcionamento [ N ] Preços de serviços [ N ] Locais de compra [ N ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre. claro o tele móvel é muito mais prático e leve que um Portátil o que tornava as coisas bem mais simples. valores de serviços.156 . horários de funcionamento.

Aracajú. Porto.google. Itália (Veneza. Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ X ] Não [ ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Intel Core 2 Duo.br Se os sites citado possuíssem versão para celular.com -www.com. João Pessoa. Inglaterra (Londres). F= freqüentemente.Grupo2: Turista Nome: Caroline Mendes de Andrade Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Maceió-AL/ Brasil Grau de escolaridade: Superior incompleto Ocupação: Estudante de Enfermagem na Universidade Federal de Alagoas (UFAL) Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 22 Nacionalidade: Brasileira Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre. O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ ] Nunca [ X ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez à cada dois anos ou mais [ X ] Outros: Cite algum(as) das cidades e países que já visitou: Brasil (Recife. HD 120 GB. Natal. França (Paris). Lisboa. Madri). Marco de Canaveses. Estados Unidos (Miame). Portugal (Ilha da Madeira. 2 GB de memória e resolução de tela de 1024 x 768. Florença). você os acessaria? Depende da taxa cobrada pela empresa de telefonia. Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre. Belém.com -www. Paço d’arcos).157 . R= raramente. Caruaru. Espanha (Barcelona. Arapiraca). N= nunca) Computador [ F ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei. Roma. F= freqüentemente. Serra da Estrela.hotmail. R= raramente. Qual o modelo do seu aparelho de celular: Sony Ericsson W300i Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: -www. N= nunca) Transportes[ F ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] e restaurantes [ R ] Manifestações culturais [ F ] Temperatura [ F ] Outros: Gastronomia . Fátima.orkut. Garanhuns.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa .

F= freqüentemente. Informações sobre transportes. notebook ou qualquer outro computador disponível no hotel. Pratos típicos da região.. através de sms. entre outros. Antes de viajar você pesquisa sobre: (Marcar S= sempre. pousada. agenda cultural.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ X ] Grupo de amigos [ X ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem.com.br Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ X ] Não [ ] Exemplifique: É difícil encontrar: horário de funcionamento e o valor cobrados dos transportes públicos.google. Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? O guia de viagens online é vantajoso porque geralmente é mais atualizado e não é preciso carregar mais um ítem na mão ou na bolsa. mas é desvantajoso porque não se tem certeza se poderá ter acesso na hora que precisar utilizá-lo. sobre os eventos culturais que estarão acontecendo no período da viagem. O guia de viagens impresso é vantajoso porque pode ser consultado na hora que quiser e geralmente é mais completo. etc. Principais pontos turísticos. informações diárias sobre. Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? sugestões de roteiros turísticos de um dia? Gosto de definir meus próprios roteiros para conhecer o lugar que estou visitando. R= raramente. Você acessaria um guia turístico pelo celular durante uma viagem? Sim. hospedagem e temperatura. etc. temperatura. O que poderia ser oferecido nesses sites para facilitar sua viagem? Enviar para o celular. N= nunca) História local [ S ] Traços turísticos [ S ] Arquitetura [ R ] Patrimônio históricos e artísticos [ S ] Paisagens naturais [ S ] Programação cultural [ S ] Gastronomia [ S ] Hospedagem [ S ] Restaurantes [ S ] Postos de apoio ao turista [ F ] Temperatura [ S ] Transportes [ S ] Horários de funcionamento [ S ] Preços de serviços [ S ] Locais de compra [ S ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Sim. albergue. Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ X ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ X ] Outros: . Que tipo de informação considera indispensável em guias de viagem na web? História local. N= nunca) História local [ F ] Traços turísticos [ S ] Arquitetura [ R ] Patrimônio históricos e artísticos [ F ] Paisagens naturais [ S ] Programação cultural [ F ] Gastronomia [ S ] Hospedagem [ S ] Restaurantes [ S ] Postos de apoio ao turista [ N ] Temperatura [ R ] Transportes [ S ] Horários de funcionamento [ S ] Preços de serviços [ F ] Locais de compra [ F ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre. R= raramente.158 . mas é desvantajoso porque é mais um ítem que tem que carregar. F= freqüentemente. Guias Impressos [ X ] Agências de viagem [ ] Indicação de amigos [ X ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? www.

com/ Se os sites citado possuíssem versão para celular. N= nunca) Transportes[ R ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] e restaurantes [ N ] Manifestações culturais [ R ] Temperatura [ R ] Outros: Gastronomia .deviantart. N= nunca) Computador [ R ] Computador portátil/notebook [ S ] Celular [ N ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei.com/ .159 . R= raramente.Grupo2: Turista Nome: Andreina da Silva Sexo: Masculino [ ] Feminino [ X ] Cidade e país onde reside: Funchal – Madeira .PT Grau de escolaridade: Ensino superior. F= freqüentemente.com/ .2º ano Design Ocupação: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 20 Nacionalidade: Portuguesa Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . faculdade. O celular permite acesso à internet? Sim [ ] Não [ X ] ] Anualmente [ ] Nunca [ X ] Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ X ] 1 vez à cada dois anos ou mais [ ] Outros: Cite algum(as) das cidades e países que já visitou: Caracas.youtube. você os acessaria? Provavelmente.http://www. Caso o meu aparelho permitisse. R= raramente. Venezuela. Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ ] Não [ X ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Não sei… Qual o modelo do seu aparelho de celular: Sagem MYX-2 Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: .http://www. F= freqüentemente. Lisboa e para o ano espero ir a españa… Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre.http://www.hotmail.

Guias Impressos [ ] Agências de viagem [ X ] Indicação de amigos [ ] Sites [ X ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ X ] Raramente [ ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? Geralmente procuro no google… Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ ] Não [ X ] Exemplifique: Que tipo de informação considera indispensável em guias de viagem na web? Transportes. Levo o notebook ou acesso em cybercafés. hospedagem e informação sobre os lugares turisticos. O que poderia ser oferecido nesses sites para facilitar sua viagem? Não tenho pensado nisso Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? As vantanges do guia online na minha opiniao é que é possivel conter uma maior quantidade de informação desventagen principal seria que é mais complicado de manusear o guia impresso é facil de transporatar e de manipular mas pode ser confuso dependendo da organização da informação. Antes de viajar você pesquisa sobre: (Marcar S= sempre. Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Gostaria de sugestões Você acessaria um guia turístico pelo celular durante uma viagem? Se for necessário sim. F= freqüentemente. F= freqüentemente. N= nunca) História local [ F ] Traços turísticos [ R ] Arquitetura [ F ] Patrimônio históricos e artísticos [ F ] Paisagens naturais [ R ] Programação cultural [ R ] Gastronomia [ R ] Hospedagem [ F ] Restaurantes [ R ] Postos de apoio ao turista [ R ] Temperatura [ F ] Transportes [ S ] Horários de funcionamento [ S ] Preços de serviços [ S ] Locais de compra [ S ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Sim. R= raramente. N= nunca) História local [ F ] Traços turísticos [ R ] Arquitetura [ R ] Patrimônio históricos e artísticos [ F ] Paisagens naturais [ F ] Programação cultural [ R ] Gastronomia [ R ] Hospedagem [ S ] Restaurantes [ R ] Postos de apoio ao turista [ F ] Temperatura [ F ] Transportes [ F ] Horários de funcionamento [ F ] Preços de serviços [ S ] Locais de compra [ F ] Outros: Durante a estadia você deseja saber sobre: (Marcar S= sempre.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem.160 . R= raramente. dependeria da situação Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ X ] Mapas impressos [ X ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ X ] Outros: .

você os acessaria? Não Com que freqüência costuma realizar viagens de passeio a outras cidades ou países: 1 à 3 vezes ao mês [ ] 1 à 2 vezes por semestre [ ] 1 vez por ano [ ] 1 vez à cada dois anos ou mais [ X ] Outros: Cite algum(as) das cidades e países que já visitou: Maragogi-AL. F= freqüentemente.Site Rota Recife: uma aplicação desktop e mobile Entrevista Representativa . R= raramente.161 .com. Brasil. Brasil Quais dos itens abaixo costumam ser informações difíceis quando se está em lugares novos? (Marcar S= sempre.alagoas24horas. Brasil.hotmail. F= freqüentemente. N= nunca) Computador [ S ] Computador portátil/notebook [ N ] Celular [ R ] Outros: Qual a configuração do seu computador (apenas se souber) e a resolução da tela? Não sei. Japaratinga-AL.br O celular permite acesso à internet? Sim [ X ] Não [ ] ] Anualmente [ X ] Nunca [ ] Se os sites citado possuíssem versão para celular. Brasil.com.www.orkut.www. N= nunca) Transportes[ S ] Localização de pontos turísticos [ S ] Hospedagem [ F ] Patrimônio histórico [ S ] e restaurantes [ F ] Manifestações culturais [ R ] Temperatura [ F ] Outros: Gastronomia . R= raramente.Grupo2: Turista Nome: André Gonçalves Macêna Júnior Sexo: Masculino [ X ] Feminino [ ] Cidade e país onde reside: Maceió-AL. Brasil Grau de escolaridade: Cursando Nível Superior Ocupação: Estudante Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros: Idade: 20 Nacionalidade: Brasileiro Por meio de quais aparelhos costuma conectar-se à internet: (Marcar S= sempre.www. Paripueira-AL.com . Quando realiza uma viagem costuma levar computador portátil/notebook? Sim [ ] Não [ N ] Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela? Qual o modelo do seu aparelho de celular: LG MG 235 Com que freqüência acessa a internet no celular: Diariamente [ ] Semanalmente [ ] Mensalmente [ Outros: Exemplifique 3 sites que acessa com freqüência: . Caruaru-PE.br .

R= raramente. F= freqüentemente. Durante uma viagem você utiliza que objetos para acessar as informações sobre a cidade: Guias de bolso [ X ] Guias turísticos de agências [ ] Mapas impressos [ ] Sistemas de GPS [ ] Aparelho de celular [ ] Computador portátil/notebook [ ] Outros: . N= nunca) História local [ N ] Traços turísticos [ F ] Arquitetura [ R ] Patrimônio históricos e artísticos [ R ] Paisagens naturais [ S ] Programação cultural [ R ] Gastronomia [ R ] Hospedagem [ F ] Restaurantes [ N ] Postos de apoio ao turista [ N ] Temperatura [ F ] Transportes [ N ] Horários de funcionamento [ N ] Preços de serviços [ N ] Locais de compra [ R ] Durante a estadia você deseja saber sobre: (Marcar S= sempre.google. Antes de viajar você pesquisa sobre: (Marcar S= sempre. N= nunca) História local [ R ] Traços turísticos [ F ] Arquitetura [ R ] Patrimônio históricos e artísticos [ N ] Paisagens naturais [ S ] Programação cultural [ R ] Gastronomia [ F ] Hospedagem [ S ] Restaurantes [ S ] Postos de apoio ao turista [ N ] Temperatura [ F ] Transportes [ N ] Horários de funcionamento [ F ] Preços de serviços [ S ] Locais de compra [ R ] Outros: Durante uma viagem você costuma acessar a internet? Como e onde? Não Você gosta de definir seus próprios roteiros para conhecer o lugar que está visitando ou gostaria de sugestões de roteiros turísticos de um dia? Prefiro fazer meus próprios roteiros Você acessaria um guia turístico pelo celular durante uma viagem? Talvez. R= raramente. apenas se realmente fosse necessário.Site Rota Recife: uma aplicação desktop e mobile Qual(s) costumam ser suas companhias durante a viagens: Família [ X ] Grupo de amigos [ ] Companheiro(a) [ ] Nenhuma [ ] Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem. Informações sobre as opções de lazer da cidade O que poderia ser oferecido nesses sites para facilitar sua viagem? Informações mais claras sobre hospedagem Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso? O online você pode acessar a qualquer momento e de forma mais rápida e confortável. F= freqüentemente. Guias Impressos [ ] Agências de viagem [ ] Indicação de amigos [ X ] Sites [ ] Outros: Você costuma buscar na internet informações sobre os lugares que deseja conhecer? Sempre [ ] Freqüentemente [ ] Raramente [ X ] Nunca [ ] Outros: Quais os sites que costuma acessar para obter essas informações? www.com Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos? Sim [ ] Não [ X ] Exemplifique: Que tipo de informação considera indispensável em guias de viagem na web? Informações sobre pousadas e hotéis.162 .

163 . Horários de Funcionamento e Preços Características Culturais Agenda Cultural Show do cantor Alceu Valença Teatro Hermilo Borba Filho Data..Site Rota Recife: uma aplicação desktop e mobile Anexo II . preço Artesanato Características Gastronômicas Alimentação Restaurantes Bares Lanchonetes Hospedagem Hotéis Pousadas Mapa Específico Transportes Taxi Ônibus Metrô Como de deslocar..Entrevistado: 01 . local...Turista Mapas Diversos Recife Região Norte Região Sul Região Centro Roteiros Turísticos Roteiro Recife Antigo Roteiro do Bairro de São José Atrativos Artísticos Museu do Estado Temperatura Naturais Praia de Boa Viagem Compras Shopping Centers Supermercados e Feiras Noturnos Fotos Depoimentos Características Históricas Comece visitando a Sinagoga das Américas. .Grupo2 . horário.Card Sorting Card sorting .

. Roteiro do Bairro de São José Atrativos Artísticos Teatro Hermilo Borba Filho Museu do Estado Horários de Funcionamento e Preços Agenda Cultural Show do cantor Alceu Valença Data. horário.Site Rota Recife: uma aplicação desktop e mobile Card sorting . Mapa Específico . local.. preço Noturnos Bares Naturais Praia de Boa Viagem Alimentação Restaurantes Lanchonetes Supermercados e Feiras Hospedagem Hotéis Pousadas Transportes Taxi Ônibus Metrô Compras Shopping Centers Temperatura Como de deslocar..Turista Recife Fotos Depoimentos Características Históricas Características Culturais Artesanato Características Gastronômicas Mapas Diversos Região Norte Região Sul Região Centro Roteiros Turísticos Roteiro Recife Antigo Comece visitando a Sinagoga das Américas.Entrevistado: 02 .Grupo2 .164 ..

local.Site Rota Recife: uma aplicação desktop e mobile Card sorting .Entrevistado: 03 .. preço Características Gastronômicas Alimentação Restaurantes Lanchonetes Bares Hospedagem Hotéis Pousadas Mapa Específico Transportes Taxi Ônibus Metrô . Temperatura Recife Roteiros Turísticos Comece visitando a Sinagoga das Américas.Turista Mapas Diversos Região Norte Região Sul Região Centro Como de deslocar.165 . Museu do Estado Praia de Boa Viagem Roteiro Recife Antigo Características Culturais Roteiro do Bairro de São José Características Históricas Hospedagem Hotéis Horários de Funcionamento e Preços Mapa Específico Pousadas Fotos Noturnos Naturais Depoimentos Compras Shopping Centers Supermercados e Feiras Artísticos Teatro Hermilo Borba Filho Atrativos Artesanato Agenda Cultural Show do cantor Alceu Valença Data..Grupo2 ... horário.

horário. local.Site Rota Recife: uma aplicação desktop e mobile Card sorting .. preço Compras Shopping Centers Supermercados e Feiras Recife Mapa Específico Características Gastronômicas Alimentação Restaurantes Bares Lanchonetes Características Culturais Artesanato Museu do Estado Características Históricas Roteiros Turísticos Roteiro Recife Antigo Roteiro do Bairro de São José Comece visitando a Sinagoga das Américas.Grupo2 ..Turista Agenda Cultural Atrativos Noturnos Artísticos Show do cantor Alceu Valença Teatro Hermilo Borba Filho Data..166 . Horários de Funcionamento e Preços ..Entrevistado: 04 . Depoimentos Fotos Mapas Diversos Naturais Praia de Boa Viagem Temperatura Região Norte Região Sul Região Centro Hospedagem Hotéis Pousadas Transportes Taxi Ônibus Metrô Como de deslocar.

.167 .Usuário Local Mapas Diversos Região Norte Região Sul Região Centro Temperatura Transportes Metrô Taxi Ônibus Como de deslocar.Entrevistado: 05 .Grupo1 .. horário. preço Artísticos Museu do Estado Teatro Hermilo Borba Filho Naturais Praia de Boa Viagem Compras Shopping Centers Supermercados e Feiras Roteiros Turísticos Roteiro Recife Antigo Roteiro do Bairro de São José Fotos Recife Características Históricas Comece visitando a Sinagoga das Américas. Atrativos Agenda Cultural Noturnos Show do cantor Alceu Valença Data.Site Rota Recife: uma aplicação desktop e mobile Card sorting ... Horários de Funcionamento e Preços Características Culturais Artesanato Características Gastronômicas Alimentação Restaurantes Bares Lanchonetes Hospedagem Hotéis Pousadas Mapa Específico Depoimentos . local.

Usuário Local Região Norte Região Sul Região Centro Temperatura Transportes Taxi Ônibus Metrô Como de deslocar. preço Praia de Boa Viagem Shopping Centers Compras Supermercados e Feiras Horários de Funcionamento e Preços Mapas Diversos Hospedagem Hotéis Pousadas Depoimentos . Noturnos Recife Características Históricas Características Gastronômicas Alimentação Restaurantes Bares Lanchonetes Naturais Características Culturais Artesanato Roteiro Recife Antigo Atrativos Artísticos Show do cantor Alceu Valença Roteiro do Bairro de São José Fotos Agenda Cultural Roteiros Turísticos Comece visitando a Sinagoga das Américas..Site Rota Recife: uma aplicação desktop e mobile Card sorting .Grupo1 . horário... local.168 . Mapa Específico Teatro Hermilo Borba Filho Museu do Estado Data.Entrevistado: 06 ..

. Roteiro do Bairro de São José Depoimentos Fotos Temperatura Compras Shopping Centers Supermercados e Feiras Agenda Cultural Atrativos Artísticos Teatro Hermilo Borba FIlho Museu do Estado Horários de Funcionamento e Preços Noturnos Show do cantor Alceu Valença Data.Site Rota Recife: uma aplicação desktop e mobile Card sorting . local.Usuário Local Mapas Diversos Região Norte Região Sul Região Centro Recife Características Históricas Características Culturais Artesanato Características Gastronômicas Roteiros Turísticos Roteiro Recife Antigo Comece visitando a Sinagoga das Américas.169 .. ... horário.Grupo1 .Entrevistado: 07 . preço Naturais Praia de Boa Viagem Alimentação Restaurantes Bares Lanchonetes Hospedagem Hotéis Pousadas Mapa Específico Transportes Taxi Ônibus Metrô Como de deslocar.

Noturnos . Roteiro do Bairro de São José Naturais Praia de Boa Viagem Horários de Funcionamento e Preços Depoimentos Fotos Temperatura Compras Shopping Centers Supermercados e Feiras Agenda Cultural Atrativos Artísticos Show do cantor Alceu Valença Data.Site Rota Recife: uma aplicação desktop e mobile Card sorting ..Grupo1 ..Entrevistado: 08 .. horário.Usuário Local Mapas Diversos Região Norte Região Sul Região Centro Recife Roteiros Turísticos Roteiro Recife Antigo Comece visitando a Sinagoga das Américas. preço Características Culturais Teatro Hermilo Borba Filho Artesanato Características Históricas Museu do Estado Alimentação Características Gastronômicas Restaurantes Bares Lanchonetes Hospedagem Hotéis Pousadas Mapa Específico Transportes Taxi Ônibus Metrô Como de deslocar.. local.170 .

Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2.Site Rota Recife: uma aplicação desktop e mobile Anexo III . 1.Grupo 1 . Faça apenas uma marcação em cada uma das linhas horizontais. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você.web-u) Avaliação estética . Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente.Avaliação Estética (TAE. pois não há respostas certas nem erradas.Usuário local Informações pessoais Nome: Alane Ayana Vieira de Oliveira Couto Idade: 20 Ocupação: Estudante Sexo: ( ) Masculino ( X ) Feminino Formação: ( ) 1º grau ( X ) 2º grau ( ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa.171 . Faça apenas um marcação em cada uma das linhas horizontais. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Não se preocupe em acertar.

Lembra o site do pe360graus.172 . Você consegue identificar alguma área do site que lhe desagradou? O formato da sombra azul superior não ficou bem e as folhas laterais do fichário não me agradam. 3.0 Não gosto das pontas na diagonal. Em uma escala de 0 a 10. Em uma escala de 0 a 10.5 A fonte do roteiro poderia ser maior e a fonte do menu principal também. que nota você daria às fontes que foram usadas? 9. Acho que parece com algum site escolar que já acessei.0 Não gostei da cor.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim.Quais seriam as suas sugestões para melhorar a aparência deste site? As cores poderiam ser mais escuras. 6. Acho que por conta da idéia do fichário. que nota você daria ao estilo (formato. O espaço entre o menu e o fichário é pouco. Ou então poderia substituir o azul pela cor vinho. por conta das informações. Em uma escala de 0 a 10. Responda as questões abaixo sobre a estética do site avaliado: 1. 4. na imagem do fichário. A fonte do roteiro sobre a foto deveria ser maior. que nota você daria à beleza desse site? 7. O site todo deveria ser maior. Talvez alguma informação na lateral. fora do fichário mesmo. Cada submenu poderia ficar dentro de uma caixa de cor azul. .5 As cores colocadas poderiam ser mais vivas de forma a chamar mais a atenção. qual? E porquê? Sim. que nota você daria às cores usadas nesse site? 6. Em uma escala de 0 a 10. Achei as cores muito apagadas deixando o site pouco atrativo. 2. tamanho e disposição dos elementos) do site? 8. 5. deveria ter uma distância maior entre eles. A lateral vazia da a seção de estar faltando alguma coisa.

Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você. 1.Usuário local Informações pessoais Nome: Aline Vieria Idade: 23 Ocupação: Professora Sexo: ( ) Masculino ( X ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2. Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . pois não há respostas certas nem erradas. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário.Site Rota Recife: uma aplicação desktop e mobile Avaliação estética . Faça apenas um marcação em cada uma das linhas horizontais. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. Não se preocupe em acertar.173 .Grupo 1 . Faça apenas uma marcação em cada uma das linhas horizontais.

4.Quais seriam as suas sugestões para melhorar a aparência deste site? Aproveitaria mais as laterais e mudaria a fonte do menu. 5. O Espaço poderia ser melhor aproveitado. nem muito grande nem muito pequena. Em uma escala de 0 a 10. 6. Você consegue identificar alguma área do site que lhe desagradou? Não. qual? E porquê? Não que me lembre. que nota você daria às cores usadas nesse site? 10.174 . 3. que nota você daria às fontes que foram usadas? 9. Em uma escala de 0 a 10. Em uma escala de 0 a 10.0 Acho que existe muita cor branca nas laterais. tamanho e disposição dos elementos) do site? 9. Esse vazio me incomoda um pouco. as outras me agradam. Acho bom o tamanho da foto. Em uma escala de 0 a 10. Gosto do formato e do tamanho dos elementos. que nota você daria à beleza desse site? 9. que nota você daria ao estilo (formato.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim. 2. .0 O espaço poderia ser melhor aproveitado.5 Só achei a fonte do menu muito comum. Responda as questões abaixo sobre a estética do site avaliado: 1.0 Não está muito colorido e isso me agrada.

Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você.175 . Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum .Usuário local Informações pessoais Nome: Milena Monteiro Idade: 26 Ocupação: Estudante Sexo: ( ) Masculino ( X ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Faça apenas um marcação em cada uma das linhas horizontais. pois não há respostas certas nem erradas. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. Não se preocupe em acertar. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2.Site Rota Recife: uma aplicação desktop e mobile Avaliação estética . Faça apenas uma marcação em cada uma das linhas horizontais.Grupo 1 . 1.

Em uma escala de 0 a 10. o Orkut.0 Só questão de cor. que nota você daria às cores usadas nesse site? 7. E a de cima. mas tudo bem. 5. Em uma escala de 0 a 10. eu não gostei muito. tamanho e disposição dos elementos) do site? 10. que esta muito imprensadinha.0 Achei lindo demais! Uma fofura. daquele quadro do meio. 4.. Mas no geral eu gostei sim.. Em uma escala de 0 a 10. 6. esse topo. o menu.0 Achei muuuuuito azul demais. O Orkut também é assim. .. Responda as questões abaixo sobre a estética do site avaliado: 1. de primeira .0 Achei muito bem equilibrado 3.. achei meio estranho. a cor branca usada no texto do bloco do meio e diminuiria o azul. tem duas linhas brancas um pouco esfumaçadas.. que nota você daria à beleza desse site? 10. Em uma escala de 0 a 10.. a fonte branca.Quais seriam as suas sugestões para melhorar a aparência deste site? Só isso. que nota você daria ao estilo (formato. do roteiro..176 . que nota você daria às fontes que foram usadas? 9. em diagonal convergindo. qual? E porquê? Falando sinceramente. 2. mas acho que só por conta da cor azul imperando. Você consegue identificar alguma área do site que lhe desagradou? O fundo do topo.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim.

Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. 1. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você.Usuário local Informações pessoais Nome: Luanna Alexandra Cheng Idade: 21 Ocupação: Estudante Sexo: ( ) Masculino ( X ) Feminino Formação: ( ) 1º grau ( X ) 2º grau ( ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa.Grupo 1 . pois não há respostas certas nem erradas. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Faça apenas um marcação em cada uma das linhas horizontais. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. Não se preocupe em acertar. Faça apenas uma marcação em cada uma das linhas horizontais. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2. Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum .Site Rota Recife: uma aplicação desktop e mobile Avaliação estética .177 .

tamanho e disposição dos elementos) do site? 8. . Em uma escala de 0 a 10. que nota você daria à beleza desse site? 10. e fazer a agenda cultural aparecer mais.Quais seriam as suas sugestões para melhorar a aparência deste site? Destacar mais o nome Recife. poderia ter mais destaque. Em uma escala de 0 a 10. alguma coisa com o formato 3.178 . que nota você daria às fontes que foram usadas? 10. que nota você daria às cores usadas nesse site? 10. Em uma escala de 0 a 10.0. Não sei exatamente o que é. qual? E porquê? Não Responda as questões abaixo sobre a estética do site avaliado: 1. que nota você daria ao estilo (formato.0 5. Em uma escala de 0 a 10.0 4. em algum lugar.0 2. 6. Você consegue identificar alguma área do site que lhe desagradou? Acho que só agenda cultural.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim.

Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você.179 . Não se preocupe em acertar. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Faça apenas um marcação em cada uma das linhas horizontais. 1.Usuário local Informações pessoais Nome: Graziela Silva Idade: 30 Ocupação: Estudante e Assistente administrativo Sexo: ( ) Masculino ( X ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . pois não há respostas certas nem erradas. Faça apenas uma marcação em cada uma das linhas horizontais. Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2.Grupo 1 .Site Rota Recife: uma aplicação desktop e mobile Avaliação estética . Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você.

por exemplo. As cores não são muito atrativas. Em uma escala de 0 a 10. Em uma escala de 0 a 10. desnecessariamente. mas não me empolga muito. Está tudo meio parado. tamanho e disposição dos elementos) do site? 7. Já a foto central deveria ser maior e deveria ser uma foto que representasse mais Recife.0 3.0. usar mais cores. 2.0. Em uma escala de 0 a 10. que nota você daria à beleza desse site? 6. . São um pouco comum demais e muito pequenas.180 . É bonito. que nota você daria ao estilo (formato. 5. que nota você daria às cores usadas nesse site? 5. deveria ter mais colorido. 6. que nota você daria às fontes que foram usadas? 6.Quais seriam as suas sugestões para melhorar a aparência deste site? Poderia ter mais imagens. que são mais vivas.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim. qual? E porquê? Não Responda as questões abaixo sobre a estética do site avaliado: 1. Você consegue identificar alguma área do site que lhe desagradou? A área de cadastre-se chama muita atenção.0. 4. Em uma escala de 0 a 10. cores da bandeira.

Faça apenas um marcação em cada uma das linhas horizontais.181 . Não se preocupe em acertar. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você.Site Rota Recife: uma aplicação desktop e mobile Avaliação estética .Turistas Informações pessoais Nome: Antonio Vieira de Oliveira Filho Idade: 20 Ocupação: auxiliar administrativo Sexo: ( X ) Masculino ( ) Feminino Formação: ( ) 1º grau ( X ) 2º grau ( ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . pois não há respostas certas nem erradas.Grupo 2 . Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Faça apenas uma marcação em cada uma das linhas horizontais. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2. 1. Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você.

Em uma escala de 0 a 10. Eu gostei. que nota você daria às cores usadas nesse site? 8. qual? E porquê? Não Responda as questões abaixo sobre a estética do site avaliado: 1.Quais seriam as suas sugestões para melhorar a aparência deste site? Minha sugestão seria mais com relação ao conteúdo. que nota você daria à beleza desse site? 8. que nota você daria ao estilo (formato..182 . 4. tamanho e disposição dos elementos) do site? 10. Em uma escala de 0 a 10. 2.0. 6. apesar de não saber exatamente o que é. Talvez usar menos azul. Em uma escala de 0 a 10.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim.0. Você consegue identificar alguma área do site que lhe desagradou? Não. achei muito bom. Talvez pudesse mudar alguma coisa. que nota você daria às fontes que foram usadas? 10. Acho que deveria ter uma lista com telefones úteis e de emergência em algum lugar.0 5. Em uma escala de 0 a 10.0 3. bem diferente.. .

1.Grupo 2 .Site Rota Recife: uma aplicação desktop e mobile Avaliação estética . Não se preocupe em acertar. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você. pois não há respostas certas nem erradas. Faça apenas uma marcação em cada uma das linhas horizontais. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2. Faça apenas um marcação em cada uma das linhas horizontais. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você.183 . Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum .Turistas Informações pessoais Nome: Wanderley Batista da Silva Idade: 23 Ocupação: Estudante Sexo: ( X ) Masculino ( ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário.

Em uma escala de 0 a 10. qual? E porquê? Não Responda as questões abaixo sobre a estética do site avaliado: 1. Em uma escala de 0 a 10.184 . Em uma escala de 0 a 10.0 5. e abaixo da opção de cadastro há duas linhas serrilhadas separadas. que nota você daria ao estilo (formato. que nota você daria à beleza desse site? 9. Só isso.0 4. Você consegue identificar alguma área do site que lhe desagradou? Achei estranho as sombras no rodapé e topo serem inclinadas.Quais seriam as suas sugestões para melhorar a aparência deste site? Acho que deveria haver um link “Home” junto ao menu.o 2.0 3. que nota você daria às fontes que foram usadas? 10. Em uma escala de 0 a 10. tamanho e disposição dos elementos) do site? 9. 6. que nota você daria às cores usadas nesse site? 10.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim. .

Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . Faça apenas um marcação em cada uma das linhas horizontais. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você. pois não há respostas certas nem erradas. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2.Site Rota Recife: uma aplicação desktop e mobile Avaliação estética . Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. 1.185 . Não se preocupe em acertar. Faça apenas uma marcação em cada uma das linhas horizontais.Turistas Informações pessoais Nome: Joaquim Souza Idade: 23 Ocupação: Estudante Sexo: ( X ) Masculino ( ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa.Grupo 2 .

Em uma escala de 0 a 10. ou dar um destaque maior no menu.Quais seriam as suas sugestões para melhorar a aparência deste site? Talvez se colocasse uma cor um pouco mais forte chamasse mais atenção. qual? E porquê? Não. Nem pela estética. .o Estão um pouco frias. tamanho e disposição dos elementos) do site? 9. Em uma escala de 0 a 10.0 5.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim.186 . Em uma escala de 0 a 10. bastante sóbrias.0 3.o 2. Responda as questões abaixo sobre a estética do site avaliado: 1. 4. Em uma escala de 0 a 10. que nota você daria às fontes que foram usadas? 9. Você consegue identificar alguma área do site que lhe desagradou? Acredito que o tracejado do menu. 6. que nota você daria às cores usadas nesse site? 8. que nota você daria à beleza desse site? 10. que nota você daria ao estilo (formato.

Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. pois não há respostas certas nem erradas.Grupo 2 . 1. Faça apenas um marcação em cada uma das linhas horizontais. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2. Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente.Site Rota Recife: uma aplicação desktop e mobile Avaliação estética . Faça apenas uma marcação em cada uma das linhas horizontais.Turistas Informações pessoais Nome: Pedro Miguel Rocha da Graça Nogueira Idade: 20 Ocupação: Estudante Sexo: ( X ) Masculino ( ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário.187 . Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . Não se preocupe em acertar.

talves um pequeno slide show. onde tem a foto. Em uma escala de 0 a 10. que nota você daria à beleza desse site? 6. Em uma escala de 0 a 10. .Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim.0 5. poderia haver mais algumas.0 2. pouco atrativo. que nota você daria ao estilo (formato. mas não me recordo o link Responda as questões abaixo sobre a estética do site avaliado: 1. Você consegue identificar alguma área do site que lhe desagradou? O esquema central. Tudo muito igual. qual? E porquê? Sim.0. tem um ar um pouco forçado… e acho que só uma imagem assim não chega. tamanho e disposição dos elementos) do site? 6. Em uma escala de 0 a 10. 4. 6.0 3. que nota você daria às fontes que foram usadas? 7. Em uma escala de 0 a 10. Tá um pouco simples. poderia estar mais trabalhado. que nota você daria às cores usadas nesse site? 5.188 .Quais seriam as suas sugestões para melhorar a aparência deste site? O “caderno” poderia estar melhor aos lados.

Turistas Informações pessoais Nome: Simone Souza da Graça Idade: 32 Ocupação: Professora Sexo: ( ) Masculino ( X ) Feminino Formação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação Questionário Agradecemos desde já a sua participação nesta pesquisa. Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. Muito Pouco Nulo Pouco Muito Masculino Inerte Quente Infantil Modesto Moderno Refinado Excepcional Sério Original Feminino Ativo Frio Maduro Sofisticado Tradicional Rústico Medíocre Extravagante Comum . Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você. Muito Pouco Nulo Pouco Muito Atração Surpresa agradável Inspiração Diversão Admiração Satisfação Fascinação Repulsão Surpresa desagradável Desestímulo Tédio Desprezo Insatisfação Frustração 2. Não se preocupe em acertar.Site Rota Recife: uma aplicação desktop e mobile Avaliação estética .189 . 1. Faça apenas uma marcação em cada uma das linhas horizontais. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário. Faça apenas um marcação em cada uma das linhas horizontais. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. pois não há respostas certas nem erradas.Grupo 2 .

qual? E porquê? Não. 6. que nota você daria à beleza desse site? 8. Em uma escala de 0 a 10. que nota você daria às fontes que foram usadas? 8. que nota você daria às cores usadas nesse site? 9.0. Achei que as folhas inclinada ajudaram dando um ar diferente ao formato.0. Você consegue identificar alguma área do site que lhe desagradou? Me incomoda a linha tracejada do lado direito. o texto poderia ter outra cor. Em uma escala de 0 a 10.Site Rota Recife: uma aplicação desktop e mobile Entrevista Esse site lembra você de algum outro que você tenha visto? Caso sim.190 . Talvez ficaria melhor com um azul um pouco mais forte.Quais seriam as suas sugestões para melhorar a aparência deste site? Afastar mais o menu do topo do caderno. que nota você daria ao estilo (formato. 4. usar um azul mais forte e talvez algumas outras cores diferentes do azul. tamanho e disposição dos elementos) do site? 9. poderia ter um pouco mais de textura também. 3. para não ficar tudo muito clarinho.0. Em uma escala de 0 a 10. Responda as questões abaixo sobre a estética do site avaliado: 1. retirar a linha branca tracejada que quase não aparece. Em uma escala de 0 a 10. 5. .0 2.