Rota Recife Uma Aplicação Desktop e Mobile

Universidade Federal de PernambucoCentro de Artes e ComunicaçãoDepartamento de Design

Gabriele Maria Silva dos SantosRecife, 2009

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


Gabriele Maria Silva dos SantosRecife, 2009

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

Orientadora: Profa. Isabella Aragão


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-chave1. Websites 2. Web mobile 3. Projeto web 4. Dispositivos móveis


Gabriele Maria Silva dos Santos Site Rota Recife: uma aplicação desktop e mobile

Parecer da Comissão ExaminadoraA comissão examinadora, composta pelos professores abaixo, sob a orientação do primeiro, considera a candidata Gabriele Maria Silva dos Santos APROVADA no Curso de Bacharelado em Design pela Universidade Federal de Pernambuco.

Recife, 20 de julho de 2009.

________________________________________________Isabella Ribeiro Aragão (Orientadora)

________________________________________________André Menezes Marques das Neves (UFPE)

________________________________________________José Pirauá Alves Gonçalves (UFPE)

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

Agradeço à minha família, meus pais, Sônia e Gilson, minha irmã, Graciele e meu sobrinho Caio. Por todo o amor, pela confiança que sempre depositaram em mim, o apoio às minhas decisões, as palavras de incentivo e ajuda prestada por cada um à sua maneira. Sem eles eu nada teria conseguido.

À minha amiga Aline, pelas seções de terapia ao telefone e pelos ouvidos e coração sempre atentos as minhas histórias.

Agradeço à professora Isabella, por toda orientação e confiança no meu trabalho, pela competência, paciência e dedicação prestada.

Agradeço aos professores do curso e todos os amigos de turma pelas experiências valiosas.

À todos os meus amigos que de perto, ou do outro lado do oceano, acompanharam a minha trajetória nesse trabalho, se dispondo a ajudar nas entrevistas, questionários, avaliações e testes, torcendo sempre para meu sucesso.

Agradeço em especial a Deus, pelas oportunidades que coloca em meu caminho e principalmente pelas pessoas que põe em minha vida.

Agradecimentos

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

Sílvio Meira

Resumo

A necessidade de comunicação móvel constante e a conseqüente miniaturização dos artefatos que a representam, transforma nossas experiências na web através da web mobile.

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. Partindo da análise das relações entre a sociedade e os aparelhos celulares, a confluência das mídias nos dispositivos móveis e o crescimento da web mobile, aborda-se questões de design da interação, usabilidade e acessibilidade, além de diretrizes de design em projetos web para celulares. Durante o desenvolvimento do projeto, o contato constante com os usuários, suas críticas e sugestões, são de fundamental importância para atingir os objetivos e necessidades do projeto, resultando na construção das duas versões do website.

Palavras-chaveWebsites, web mobile, projeto web, dispositivos móveis

Abstract

The need for constant mobile communication and the consequent miniaturization of artifacts that represent it, have transformed our experience in web through the web mobile.

The aim of this study is to create a site with tourist itineraries of Recife city and its application in mobile web and web desktop. The study start from analysis of relations between the society and the cell phones, the confluence of media in mobile devices and the mobile web growth. It addresses issues of interaction design, usability and accessibility, and webdesign’s guidelines for mobile phones. During the development of the project, the constant contact with users, their criticisms and suggestions, are extremely important for achieving the goals and needs of the project, resulting in the construction of two website’s versions.

KeywordsWebsites, mobile web, web project, cell phone, tourist itinerary

Sumário

1. Introdução | 161.1. Objeto | 161.2. Objetivo | 161.3. Objetivos específicos | 161.4. Justificativa | 16

2. Celular: além de um telefone móvel | 182.1. A relação da sociedade com os celulares | 202.2. Confluência das mídias até a web móvel | 21

3. Design da interação | 243.1. Usabilidade | 25 3.1.1. Eficácia | 26 3.1.2. Eficiência | 27 3.1.3. Segurança | 27 3.1.4. Utilidade | 27 3.1.5. Facilidade de aprendizado | 28 3.1.6. Facilidade de memorização | 283.2. Experiência do usuário | 293.3. Acessibilidade | 29

4. Diretrizes de design para a web móvel | 324.1. Estratégias | 32 4.1.1. Uma única versão x versões separadas | 334.2. Arquitetura da informação | 344.3. Design visual | 36 4.3.1. Diferentes resoluções | 36 4.3.2. Projetando para um dispositivo conhecido | 37 4.3.3. Paradigmas da navegação web | 38 4.3.4. Layout | 38 4.3.5. Tamanho das imagens | 394.4. Publicação | 39 4.4.1. Browsers | 394.5. URLs | 404.6. Testes de usabilidade | 41

5. Metodologia do Projeto | 425.1. Plano de estratégia | 43 5.1.1. Objetivos do site | 43 5.1.2. Necessidade dos usuários | 44 5.1.2.1. Público alvo | 44 5.1.2.2. Segmentação dos usuários | 44 5.1.2.3. Entrevistas | 44 5.1.2.4. Definição de personagens | 445.2. Plano de escopo | 45 5.2.1. Análise de similares | 45 5.2.2. Conteúdo | 455.3. Plano de estrutura | 45 5.3.1. Card sorting | 46 5.3.2. Arquitetura da informação | 465.4. Plano de esqueleto | 46 5.4.1. Sistema de navegação | 47 5.4.2. Wireframe | 475.5. Plano de superfície | 47 5.5.1. Análise de similares | 47 5.5.2. Geração de alternativas e seleção | 48 5.5.3. Avaliação estética | 48 5.5.4. Layout | 485.6. Protótipo digital | 49

6. Desenvolvimento do projeto | 506.1. Plano de estratégia | 50 6.1.1. Objetivos do site | 50 6.1.2. Necessidade dos usuários | 50 6.1.2.1.Público alvo | 50 6.1.2.2. Segmentação dos usuários | 50 6.1.2.3. Entrevistas | 51 6.1.2.4. Necessidades | 70 6.1.2.5. Definição dos personagens | 706.2. Plano de escopo | 77 6.2.1. Análise de similares | 77 6.2.2. Conteúdo | 816.3. Plano de estrutura | 84 6.3.1. Card sorting | 84 6.3.2. Arquitetura da informação | 876.4. Plano de esqueleto | 90 6.4.1. Sistema de navegação | 90 6.4.2. Wireframe | 926.5. Plano de superfície | 93

6.5.1. Análise de similares | 93 6.5.1.1. Similares indiretos | 94 6.5.1.2. Similares diretos | 98 6.5.2. Geração e seleção de alternativas | 102 6.5.3. Avaliação estética | 104 6.5.4. Layout | 115 6.5.4.1. Desktop | 116 6.5.4.2. Mobile | 123

6.6. Protótipo digital | 126

7. Conclusão | 127

Referências bibliográficas | 129

Anexo I - Entrevistas | 131

Anexo II - Card Sorting | 163

Anexo III - Avaliação Estética (TAE.web-u) | 171

Lista de figuras

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

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

Lista de Tabelas

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

- 16


Sites web e mobile.

O objetivo geral é desenvolver um site acessível nas plataformas web e mobile.

O trabalho tem como objetivos específicos realizar um estudo inicial sobre design de interação, usabilidade e acessibilidade; compreender o funcionamento dos dispositivos; as necessidades do usuário e a relação desenvolvida até então entre usuário – celular – internet.

Realizar comparações entre os projetos desenvolvidos para a web desktop e web mobile.

Investigar diretrizes de design para web mobile.

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.

A necessidade de comunicação constante foi importante para o surgimento de diversos aparelhos móveis: celulares, laptops, entre outros. Pela necessidade da disponibilidade a qualquer hora e local, o tamanho dos aparelhos móveis também tem evoluído. Eles estão cada vez menores e multifuncionais, caminhamos para a confluência das mídias. O celular que antes só fazia e recebia ligações, hoje, tem diversas funções como envio de mensagens de texto, fotos, músicas, acesso a internet, agenda, calculadora, Mp3, rádio, etc.

O acesso à internet pelo celular está se difundindo rapidamente e os investimentos para melhoria da chamada web mobile estão crescendo. A indústria de celulares investe pesado todo ano em novas tecnologias. Várias empresas estão organizadas em torno do grupo dotMobi, por exemplo, que corresponde a TLD .mobi (TLD - Top Level Domain, que define o tipo de

1.1.objeto

1.2.objetivo

1.3. objetivos

específicos

1.4.justificativa

1. Introdução

- 17


domínio - .com , .net, .org e .mobi são exemplos de TLDs). A .mobi foi criada para indicar especificamente os sites compatíveis com dispositivos móveis. Entre os investidores que apóiam esses grupos estão empresas como Nokia, Google, Microsoft, Sansung, TIM e Visa.

No Brasil, segundo dados da 19ª edição da Pesquisa Internet Pop, realizada em 2008, pelo Ibope, 5% dos internautas brasileiros já usam a web móvel. Pode parecer pouco, mas segundo a pesquisa, esse número cresce vertiginosamente. De acordo com dados apurados pela consultora Predicta, houve, só nos últimos meses de 2007, um aumento de 181% na tendência de acesso web por celulares. O número de requisições via celulares passou de 55 mil em agosto para mais de 155 mil em dezembro do mesmo ano.

O surgimento de novos aparelhos também impulsiona o acesso móvel no Brasil. A Predicta, por exemplo, atribui parte do aumento do sucesso das campanhas online nos grandes portais, ao acesso por meio de iPhones.

Completando esse cenário tem-se o crescimento das redes de telefonia celular 3G, que permitem o acesso móvel de banda larga a preços cada vez mais acessíveis. Assim, os sites, antes acessados somente pelo computador, agora precisam ser projetados para essa nova modalidade da web levando em consideração uma série de limitações e necessidades específicas.

É de grande valia que a internet também possa ser acessada pelos celulares, mas é vital que as páginas sejam as mais usáveis possíveis para seus usuários.

Esta pesquisa pretende não só analisar as adequações nos sites para celular, mas também projetar um site que responda as suas necessidades, através das diretrizes levantadas. O trabalho pretende, sobretudo, contribuir aos interessados no assunto sobre a responsabilidade do design nessa modalidade da web.

- 18


Abreu (2005) descreve que por volta de 1947, a empresa americana Bell Company, desenvolveu um sistema que permitia a utilização de telefonia móvel dentro de uma determinada área utilizando o conceito de células, ou áreas de cobertura, derivando deste o nome celular. Entretanto, a FCC (Federal Communication Commission) disponibilizou poucas freqüências de rádio, possibilitando que somente 23 pessoas se conectassem simultaneamente ao sistema de uma determinada área, o que tornou a tecnologia inviável comercialmente.

Segundo Abreu (ibid.), 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. Em 1968, as empresas AT&T e Bell definiram o sistema de uso de torres para atender aos usuários por áreas, conforme seu deslocamento, e, desta forma, continuou a propagação do sistema até a cobertura que conhecemos nos dias atuais.

Em 1973, já havia sistema de comunicação instalado em carros de polícia. A Motorola, no mesmo ano, foi a primeira empresa a incorporar essa tecnologia a um dispositivo móvel de comunicação fora de veículos e para uso pessoal.

Porém, somente em 1983 surgiu o primeiro celular aprovado pela FCC, o DynaTAC 8000x (figura 1), da Motorola, que investiu 15 anos de pesquisas em tecnologia móvel celular. O DynaTac 8000x iniciou o uso comercial da telefonia celular nos Estados Unidos e no mundo. A novidade tecnológica pesava cerca de 1kg, tinha memória para 30 números, capacidade para uma hora de conversação e oito de stand-by. Os consumidores ficaram impressionados com a idéia de estar sempre conectados e mesmo com o custo de cerda de quatro mil dólares, as listas de espera pelo aparelho chegavam aos milhares.

A chegada dos celulares no Brasil ocorreu em 1990 e 13 anos depois, em agosto de 2003, o número de usuários da telefonia móvel ultrapassou os da telefonia fixa. 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, representando uma densidade de 26,2 por 100 habitantes. Em novembro de 2004, a Anatel divulgou que esse percentual de acesso subiu para 31,3% da população brasileira. Um aumento de 27%, de 2003 para 2004, na

2. Celular: além de um telefone móvel

Figura 1 - DynaTac 8000x da Motorola (1983). Pesava 1kg,

memória para 30 números e uma hora de conversação.

Representava uma revolução na comunicação.

- 19


teledensidade da telefonia móvel no Brasil. (Abreu, 2005)

Passados 25 anos do início da telefonia móvel comercial no mundo, o conceito de uso desse dispositivo teve a inserção de novos valores. Hoje o celular tornou-se uma extensão do estilo de vida do consumidor; um sistema capaz de enriquecer relacionamentos, aumentar a produtividade e divertir. Isso significa comunicar, dividir, criar e divertir com voz, textos, imagens, músicas e vídeos.

Conforme normalmente ocorre na área tecnológica, o preço dos celulares foi diminuindo. Com o barateamento, o número de usuários no mundo passou de cerca de 300 mil, em 1984, para mais de 2,5 bilhões atualmente. À medida em que a indústria crescia, as empresas antecipavam a demanda por inserção de novas tecnologias. Jogos, música, imagens digitais e acesso sem fio à internet consolidam uma nova imagem dos dispositivos, chamados de aparelhos da terceira geração. Porém, vale lembrar que novas versões de aparelhos surgem a cada instante, tornando o que era a “última geração” de ontem na tecnologia ultrapassada de amanhã.

Figura 2 - iPhone da Apple (2007).Sem teclado, tela sensível

ao toque por touchscreen e inúmeras funcionalidades.

considerado o mais moderno dos celulares da chamada terceira

geração.

Figura3 - iPhone (2008). Novo sistema operacional, acesso a internet mais rápido que o

modelo anterior, novas cores e barateamento do aparelho.

- 20


O uso do aparelho de celular, há tempos, deixou de ser considerado supérfulo. Desde novas formas de contato pessoal, passando por áreas de negócios, até salvamento de vidas; tudo foi melhorados através do dispositivo móvel. 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.

A sociedade tem aderido tão facilmente aos novos sistemas computacionais que eles deixam de ser entidades evidentes para diluir-se no ambiente, mediando atividades do dia-a-dia sem demandar grande esforço para sua realização. Essa definição caracteriza a chamada ubiqüidade computacional (ubiquitous computing ou ubicomp): tecnologias que “desaparecem” no ambiente, sendo mais percebidas quando estão ausentes da cena do que pela presença constante, definido por Pinheiro e Spitz (2007). Segundo os autores, o conceito de ubiqüidade foi introduzido por Mark Weiser na década de 80, pesquisador da Xerox-Parc. Weiser (apud Pinheiro e Spitz, 2007) imaginava um futuro no qual tecnologias computacionais fariam parte do “tecido da vida cotidiana”, ressaltando que as tecnologias mais avançadas seriam aquelas que desaparecessem no plano de fundo do nosso entorno. A presença da tecnologia computacional poderia ser comparada no futuro com a presença da eletricidade no cotidiano dos grandes centros urbanos.

Ainda não chegamos a esse grau de absorção de tecnologia computacional descrita por Weiser (ibid). Porém, a telefonia móvel atingiu um patamar que permeia todo o tecido da sociedade moderna e que, assim como os computadores, criou um forte vínculo de dependência.

No entanto, ao contrário dos computadores pessoais, os celulares atingiram uma massificação ainda maior. Em muitos paises o crescimento do número dos aparelhos se deve graças aos planos pré-pagos. Segundo Abreu (2005), em junho de 1999, quando foi lançado o pré-pago no Brasil, este representava 15% da base de assinantes; um ano depois já era 50% dos usuários. O ano de 2003 fechou com 76% do mercado nessa modalidade de assinatura, representando 35 milhões de usuários no Brasil.

A pesquisadora e antropóloga, Heather Horst (2006), que estudou os impactos dos aparelhos de celular na Jamaica, identificou que apesar dos altos níveis de pobreza na região, dificilmente se encontrava uma residência que não tivesse, ao menos, um celular. Para a antropóloga, a explosão dos celulares no país deve-se em grande parte a compra dos aparelhos por famílias de baixa renda, pois as pessoas querem ser parte do mundo globalizado, e apesar de não poderem fazer muita coisa com o aparelho, ele era o símbolo da sua conectividade.

2.1.A relação da

sociedade com os celulares

- 21


Essa alta popularização do celular viabilizou e alavancou negócios em todo o mundo. Hoje em dia não é difícil encontrar profissionais que tenham suas atividades, de certa forma, dependentes do celular, desde o grande empresário, que mesmo nas férias tem que resolver alguns assuntos da empresa, como aquele pequeno comerciante que depende do aparelho para realizar suas entregas. A popularização dos aparelhos fez crescer, em especial, negócios dos trabalhadores de renda mais baixa, possibilitando a criação de um contato permanente com escritórios móveis de diversos tipos de trabalhadores autônomos, a maioria dentro da informalidade da relação de trabalho, realidade que tem níveis ascendentes no Brasil. (ABREU, 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. Os sistemas computacionais do cotidiano são cada vez mais mediados por aparelhos que fazem uso da mobilidade. Essa nova prática permite acessar, ser acessado, emitir informações, e comunicar-se a qualquer tempo e lugar. Diluem-se os limites de nossos territórios. Tempo e espaço tornam-se fluidos, relações hierárquicas deixam de fazer sentido, confunde-se o público e o privado, o lazer e o trabalho, produtores e consumidores.

Esses limites, cada vez mais tênues, dão oportunidade a muita discussão sobre os reais benefícios de conexão constante, de relacionamentos e interações mediadas pelos meios computacionais a qualquer tempo, em qualquer lugar.

Passamos do fonógrafo com microfone de carvão, em 1878, para os celulares; das engenhocas que tiravam fotos em 1839, para as câmeras digitais; dos computadores de grande porte dos anos 70, que geralmente eram utilizados por um grupo de especialistas, para os computadores pessoais na década de 80. Segundo Pinheiro e Spitz (2007), no final do século XX, o uso massivo da Internet e dos computadores em rede pode ser entendido como a formação de um grande computador coletivo e multitarefa, compartilhado simultaneamente por diversas pessoas de forma descentralizada. 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, uma vez que estas se fundem ao ambiente. Os computadores fazem parte da paisagem e é o que conhecemos como pervasive computing.

“O termo ‘pervasive computing’ tem sido utilizado para designar o contexto no qual as tecnologias de informação e comunicação (TICs) combinam-se com objetos diversos (como celulares, pagers, relógios, carros, espaços

2.2.Confluência das

mídias até a web móvel

- 22


arquitetônicos) para compor novos dispositivos de mediação.”( PARAGUAI e

TRAMONTANO apud PINHEIRO e SPITZ, 2007)

E um elemento crucial dessa nova tecnologia será o alto nível de comunicação entre os vários dispositivos e sensores participantes, o que permitirá uma infra-estrutura de sincronização, segurança e comunicação de uma forma transparente e generalizada, como nunca vista.

A mobilidade parece ser a palavra chave para entender a miniaturização dos componentes, 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. A absorção de novas tecnologias tem acontecido de forma cada vez mais rápida. Novidades que antes demoravam cerca de cinco anos para se espalhar pelo mundo, hoje, em pouco tempo já fazem parte do dia-a-dia das pessoas. A 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, na tentativa de resolver o maior número de problemas de forma rápida e a qualquer instante.

A revista PC World/EUA publicou em 2007 a história da evolução dos aparelhos de celular até a chegada do iPhone. Com base na publicação, Se observarmos a evolução dos telefones celulares, notaremos a gradual inserção de novos recursos com o passar do tempo. O Danger Hiptop, lançado em 2002, por exemplo, e nomeado como o melhor produto de 2003 pela edição norte-americana, tinha funções ativadas por voz e foi um dos primeiros celulares a oferecer funções reais de acesso à web, e-mails e mensagens instantâneas. O Sanyo SCP-5300, também lançado em 2002, foi o primeiro celular com câmera fotográfica disponível no mercado. Em sua maior resolução, ele capturava imagens em VGA (640 por 480 pixels). Na época, um sucesso e que hoje é tarefa desempenhada com extrema facilidade por celulares, como o Nokia N95 e sua câmera de 5 megapixels. Já o Motorola Rokr, lançado em 2005, era o primeiro telefone a incorporar o software musical da Apple. Ele permitia aos usuários a transferência de faixas do iTunes para o telefone, que podiam ser executadas a qualquer momento.

Figura 4 - Danger Hiptop (2002), Sanyo SCP-5300 (2002) e Motorola Rokr (2005) – Inserção de novas mídias nos dispositivos.

- 23


No ponto atual da evolução dos meios tecnológicos e das práticas associadas a esses meios, 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. Nos celulares atualmente podemos encontrar além dos recursos padrões de plataforma de jogos, agenda, relógio e identificador de chamadas; funcionalidade de mp3, câmera digital, manipulação de imagens, sons, vídeo e o acesso a web. Sterling (2004) classifica esses tipos de aparelhos, que longe de se integrarem à paisagem demandam muita atenção para manipulação das inúmeras funções que contêm, como gizmos, uma nova classe de objeto, numa linha evolutiva que relaciona os artefatos de nossa cultura material com a sociedade que deles derivam.

A internet, por sua essência, traz consigo inúmeras possibilidades de acesso a informação. Sua possibilidade através dos celulares fez surgir os chamados aparelhos 3G. O serviço de terceira geração de celulares representa a inserção da internet nos dispositivos móveis, com banda larga e transferência de dados. Existe então a discussão de que o principal uso dos celulares, a curto médio prazo, será mesmo o acesso à internet. Há três vezes mais celulares que computadores no mundo. São mais de 3 bilhões de telefones contra 1 bilhão de PCs. No entanto, há cerca 405 milhões de usuários de internet no celular contra 1,3 bilhão de navegadores da web tradicional. Aproveitando essa oportunidade de mercado, empresas como Microsoft, Yahoo e Google estão conciliando esforços para entrar na onda de mobilidade e adaptar seus produtos mais populares ao universo do celular.

Segundo Meira (2007), o Japão tem sido, há pelo menos dez anos, o principal motor de inovação do mercado de comunicação móvel. Lá, desde 2005, o acesso a web via celulares é maior do que através de PCs. No Brasil esse número ainda é bem discreto; apenas cerca de 5% dos internautas acessam a web pelos celulares o que representa cerca de 155 mil usuários. Esse atraso pode ser explicado por fatores como suporte aos usuários e velocidade de conexão. No Japão, os celulares 3G, possuem velocidades na casa de megabytes por segundo, situação bem diferente da que ocorre no Brasil.

O principal consumidor dessas novas tecnologias, são os jovens. No Japão, em 2005, mais de 80% do e-commerce, comércio eletrônico realizado pela internet, feito por pessoas entre 15 e 19 anos de idade já era através de celulares. Na Inglaterra, 67% dos usuários da web móvel têm menos de 35 anos de idade e, nos EUA, eles são 46%. As tecnologias multifuncionais conquistam as crianças e jovens de hoje que serão os adultos e executivos de amanhã. E os hábitos, quando se formam, são muito difíceis de mudar (MEIRA, 2007).

- 24


No dia-a-dia estamos cercados de produtos interativos e fazemos uso deles o tempo todo. Assim como um computador, um controle remoto ou um celular, um site também é um produto interativo. Apesar de interativos, nem todos eles podem ser considerados fáceis de usar. 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.

Muitos produtos interativos que encontramos no cotidiano, são projetados com foco apenas na realização da tarefa, sem uma preocupação com o usuário. 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, se comunicam e interagem com os produtos. Para garantir a interatividade focada no usuário, o design de interação utiliza-se da usabilidade e acessibilidade, porém antes de falarmos sobre estas questões precisamos definir o que é interação.

Confrontando definições de Nielsen(2000), Preece, Rogers e Sharp (2005) e Krug(2006), pode-se concluir que cada vez que uma pessoa acessa um site, por exemplo, acontece uma espécie de diálogo entre o usuário e o site; cada movimento do usuário gera uma resposta do sistema que provoca uma nova resposta do usuário, e assim o diálogo continua. Para que haja essa “conversa”, é necessário, no mínimo, dois elementos exercendo ações entre eles. Assim, interação pode ser definida como a ação ou influência mútua entre dois ou mais elementos. Essa ação é recíproca e seu sucesso dependerá de uma série de fatores que veremos mais adiante.

Ao acessar um site através de um celular, tem-se uma seqüência de interações que envolvem três elementos: o usuário, o celular e o site. A primeira relação acontece entre o usuário e o aparelho e consiste em compreender o funcionamento do dispositivo, posicionamento das teclas, identificação dos comandos etc. 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, dependerá da interação do usuário com esses dois produtos. Se o diálogo do usuário com o aparelho não for bem sucedido, a navegação no site também estará comprometida. No entanto, como o objeto de estudo desse trabalho são os sites e não os celulares, não nos aprofundaremos no design de interação dos dispositivos móveis.

3. Design de interação

- 25


Preece, Rogers e Sharp (2005) definem o design da interação em metas e as identificam, de uma forma geral, como “parte do processo de entender as necessidades do usuário, no que diz respeito a projetar um sistema interativo que as atenda e que consista em ser claro quanto ao objetivo principal”.

Segundo as autoras, as principais metas do design de interação são formadas por um conjunto das metas de usabilidade mais as metas decorrentes da experiência do usuário. As metas de usabilidade preocupam-se em satisfazer critérios específicos de usabilidade como segurança, facilidade de aprendizado, eficácia, entre outros. As metas decorrentes da experiência do usuário preocupam-se em explicar a qualidade dessa experiência: interessante, satisfatória, motivadora e etc.

Utilizaremos o esquema sugerido pelas autoras com algumas adaptações. Acrescentaremos ao esquema, componentes de acessibilidade, por exemplo, que se preocupam em meios de compensação para diferentes características humanas, tecnológicas e do ambiente. Ao invés da nomenclatura “metas”, adotaremos “componentes”, por entender que as descrições a seguir são partes que compõem a usabilidade, a experiência do usuário e a acessibilidade.

De acordo com Nielsen (2000), se uma pessoa não descobrir como utilizar um site em aproximadamente um minuto, conclui que não vale à pena gastar seu tempo com aquilo.

Já Krug (2005) diz que cada pessoa possui um reservatório de boa vontade. Ao acessar um site entramos com certa reserva de boa vontade e cada problema encontrado diminui o nível dessa reserva. Esses problemas podem gerar uma decepção momentânea ou definitiva.

O termo usabilidade começou a ser utilizado aproximadamente na década de 80, como equivalente a expressão “user friendly” ou “amigável”. De acordo com Nielsen (2000), o termo não é apropriado por muitas razões. Uma delas é que as pessoas não querem máquinas amigáveis, querem apenas que elas não atrapalhem nas tarefas que pretendem realizar. Além disso, usuários diferentes têm necessidades diferentes e um sistema que é amigável para um pode não o ser para outro.

Em linhas gerais, a usabilidade é o fator que garante a facilidade de uso a partir da perspectiva do usuário. Ela não trabalha de forma isolada, pois está sempre associada às características do usuário, a tarefa, aos equipamentos etc.

3.1.Usabilidade

- 26


Segundo Nielsen (ibid.), a usabilidade é formada por múltiplos componentes e tradicionalmente associada a cinco principais atributos:

• Facilidade de aprendizado;• Eficiência de uso;• Facilidade de memorização;• Erros;• Satisfação;

Existem esquemas mais desmembrados, como o das autoras Preece, Rogers e Sharp (2005) que definem a usabilidade em seis componentes, e que adotaremos nessa pesquisa:

• Eficácia;• Eficiência;• Segurança;• Utilidade;• Facilidade de aprendizado;• Facilidade de memorização

O componente de satisfação utilizado por Nielsen (ibid.) é apresentado pelas autoras separadamente como componentes decorrentes da experiência do usuário, que veremos mais adiante.

Para cada componente seguem questões que auxiliam na identificação e uma descrição detalhada:

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, as metas definidas para uma ação ou experimento. A eficácia está ligada ao objetivo em si, à capacidade de realizar algo, à relação entre os resultados almejados e os previstos e também ao processo de se atingir o que foi proposto.

É vital que todo produto seja eficaz. Supondo que um software seja fácil de usar, ou mesmo agradável, se ele não atingir os objetivos específicos de um determinado grupo de usuários, ele não será utilizado, mesmo que seja

3.1.1. Eficácia

- 27


oferecido gratuitamente.

Quando o usuário já tiver aprendido a realizar as tarefas desejadas, 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, com qualidade de execução, e está relacionada com a maneira em que o sistema auxiliará o usuário.

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. Dessa forma pode-se notar a qualidade do tempo gasto na realização das tarefas.

O sistema evita que os usuários cometam erros? e mesmo que esses aconteçam, permite corrigi-los facilmente?

As pessoas devem se sentir seguras enquanto utilizam o sistema. A insegurança do usuário em cometer erros irreparáveis dificulta a interação com o produto. Cuidados simples, como não posicionar próximos os botões de “sair”, “salvar” e “remover” ou mesmo diferenciá-los visualmente pode evitar que vários erros sejam cometidos.

Erro é qualquer ação que não atinge o resultado esperado. Algumas falhas podem ser corrigidas rapidamente pelo usuário e não acarretam nenhum efeito grave à operação que estava sendo feita, outras são impossíveis de serem corrigidas. Algumas falhas não são percebidas pelos usuários e acabam por gerar resultados errôneos ou destruir o que foi executado anteriormente. Grande número de erros pode influenciar na eficácia e eficiência do sistema.

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. Um site cujo objetivo é localizar mapas pode ser considerado útil, por exemplo, quando oferece rotas de trânsito que indicam o sentido das vias e o melhor caminho para o usuário.

3.1.2.Eficiência

3.1.3.Segurança

3.1.4.Utilidade

- 28


Qual o grau de facilidade e quanto tempo o usuário gastará para realizar as tarefas básicas do sistema, 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. As pessoas não gostam de perder muito tempo aprendendo a usar sistemas do dia-a-dia, como impressoras, sites e aplicativos simples. Porém, estão preparadas para passar mais tempo aprendendo a usar sistemas que reúnem uma série de funcionalidades, sendo considerados produtos mais complexos, como softwares de edição de vídeo, processadores de texto etc.

A capacidade de aprender está relacionada com princípios de previsibilidade, familiaridade e poder de generalização. 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. A familiaridade está relacionada ao fato de que todo usuário carrega consigo uma bagagem, de níveis variados, decorrente de experiências com produtos interativos. Então, ao acessar um site ele fará relações com o seu conhecimento prévio adquirido no uso desses sistemas. O poder de generalização, por sua vez, fará com que o usuário estenda o conhecimento adquirido de um sistema para outro, generalizando o que aprendeu em determinado funcionamento de um site para outro tipo de site.

Uma vez aprendido a utilizar o sistema, que tipos de suportes são oferecidos para assegurar que as pessoas lembrarão como realizar as tarefas, 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, evitando assim o aborrecimento de ter que ficar reaprendendo a realizar as tarefas. Esse problema acontece normalmente quando as tarefas são resultados de uma seqüência mau encadeada ou ilógica.

O usuário não freqüente é o principal foco desse componente. Ele não desconhece por completo o sistema, como os novatos, mas também não é um usuário expert que utiliza o sistema com muita assiduidade. Sendo assim, o sistema deverá oferecer ao usuário não freqüente, condições de lembrar-se facilmente de como utilizá-lo. 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.

3.1.5.Facilidade de aprendizado

3.1.6.Facilidade de memorização

- 29


O objetivo de desenvolver produtos interativos considerando a experiência do usuário não pode ser esquematizado uniformemente. São geralmente definidas de acordo com as especificações do produto e características do usuário. Que experiências esse produto proporcionará ao usuário? Como ele se sentirá durante a interação? Um site infantil, por exemplo, que tem como objetivo a prática de atividades pedagógicas pode ser projetado de forma a ser engraçado e divertido. Já o site de um banco terá outros objetivos e deverá passar outras experiências, como confiabilidade.

A presença de tecnologias, como a web e a computação móvel, inseridas em diversas áreas - entretenimento, residências, áreas públicas, etc. - trouxe à tona um conjunto de interesses voltados à satisfação dos usuários. Em linhas gerais, 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, os componentes resultantes da experiência do usuário estão relacionados com às experiências de natureza subjetiva, percepções, sentimentos e opiniões, 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.

Acessibilidade envolve fazer compensações para características que uma pessoa não pode mudar facilmente. É projetar soluções de interação considerando variados contextos.

É precipitado pensar que a acessibilidade está interligada somente a problemas relacionados com algum tipo de deficiência física, visual ou auditiva. O termo deficiência pode ser substituído por diferenças.Os princípios de acessibilidade são:

• Diferenças das características humanas

3.2.Experiência do

usuário

3.3.Acessibilidade

- 30


• Diferenças das características tecnológicas• Diferenças das características do ambiente

Na web, por exemplo, podemos citar como características humanas, inerentes aos usuários: diferenças de faixa etária; diferenças de visão, que incluem o daltonismo, a dificuldade de leitura ou a cegueira; diferenças na coordenação motora; dificuldades de audição, entre outros. Como diferenças das características tecnológicas dos dispositivos e programas, encontram-se: diferenças dos dispositivos de acesso, computador, laptop, celular, PDA etc.; diferenças de navegadores, existência de leitores de tela; velocidade de conexão, entre outros. Já as características ambientais estão relacionadas à interferência do ambiente em que o produto está inserido: existência de ruídos, diferenças de iluminação etc.

O British Royal National Institute for the Blind (RNIB), um instituto britânico para deficientes visuais, juntamente com Bristish Departament of Trade and Industry, departamento britânico de indústria e comércio, e o Bristish Telecomunication, companhia britânica de telecomunicações, 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 estudo identificou 15 deficiências e 44 recursos que poderiam ser acrescidos aos telefones a fim de melhorar a acessibilidade. Entre as deficiências levantadas estão diferenças de audição, deficiências cognitivas, falta de força para segurar objetos, tremor nas mãos e deficiência na fala. Entre as possíveis soluções, o estudo apontou:

• Teclas protegida e bem separadas;• Redução de som lateral, que diminui a quantidade de barulho do ambiente misturada à voz que se escuta ao fone;• Possibilidade de ajustar a pressão necessária para acionar as teclas;• Feedback tátil e auditivo, para indicar quando uma tecla foi pressionada.

Apesar de ainda estarmos longe do ideal de acessibilidade, muitos dos celulares atuais possuem recursos que facilitam a interatividade. Como exemplos dessas melhorias, podemos citar os sistemas de comandos de voz, alerta vibratório, configuração de sons e alerta, viva-voz e handsfree. O comando de voz, por exemplo, facilita a interação do usuário com dificuldade de coordenação motora, deficiências visuais, ou de memória, evitando a necessidade de se pressionar várias teclas, ou decorar uma sequência de passos para acionar um comando, ou ainda decorar números de telefones. O recurso de alerta vibratório emite vibrações através do aparelho que permite que o

- 31


usuário perceba a ligação de alguém ou o recebimento de uma mensagem, útil quando o usuário não quer ou não pode ouvir o som de toque do aparelho. As configurações de sons e alerta são úteis para identificar a finalização de tarefas, acionamento de teclas e alertas do sistema. Os recursos de viva-voz e handsfree são bem parecidos, ambos permitem que o usuário fale durante uma ligação sem ter que segurar o aparelho próximo ao ouvido. Porém, com o handsfree um fone de ouvido pode ser interligado ao aparelho, mantendo certa privacidade já que a conversa não é aberta ao ambiente.

Dessa forma, identificar e entender o equilíbrio entre usabilidade, experiência do usuário e acessibilidade é extremamente importante na produção de um site ou de qualquer sistema interativo. O objetivo do produto, a identificação dos usuários pretendidos e o conhecimento de suas habilidades e limitações no uso do sistema, garantem o sucesso no design de interação. Tendo em vista que estamos abordando um dispositivo com características diferentes do computador do tipo desktop, faz-se necessária, então, a discussão a seguir a respeito das diretrizes de design para a web móvel.

- 32


Segundo Melgar (2008, p. 24), a maior parte das páginas web são projetadas para apresentação em telas de PCs, explorando a capacidades dos navegadores instalados apenas nesse tipo de dispositivo. Acessar uma página como esta em um dispositivo móvel pode gerar uma série de experiências frustrantes. O espaço da tela é menor, existe uma enorme barra de rolagem vertical e horizontal, poucos elementos visíveis, as imagens não aparecem, os elementos ficam fora dos seus lugares, a navegação não acontece de forma fluida etc.

Esse cenário de adaptação e enorme variedade de características dos aplicativos móveis, torna difícil que um site forneça experiência de qualidade para os usuários de diferentes dispositivos:

[...] As resoluções de telas influenciam diretamente no tamanho das imagens a

serem adotadas. Consequentemente é muito comum a variação da disposição

e tamanho dos elementos da página quando se entrega conteúdo à dispositivos

móveis. [...] (MELGAR , 2008, p. 25)

As diretrizes de desenvolvimento móvel apóiam-se em uma série de questões, algumas compartilhadas com a web desktop e outras mais específicas para apresentação móvel. São questões que envolvem, por exemplo, linguagem de marcação, soluções de design, arquitetura da informação, versões e domínios.

O número de fontes de pesquisa que abordam essas diretrizes de forma aprofundada ainda é escasso. As diretrizes aqui definidas são baseadas nos guias de desenvolvimento para web móvel elaborados por Cremin, Rabin, Fling e Robinson (2007) e publicados pela Dotmobi.

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. Um projeto mobile mal elaborado pode tornar a visualização do site lenta e cara.

Para desenvolver uma versão móvel de um site de notícias, por exemplo, é provável que mudanças na estrutura de navegação tenham que ser feitas, algumas matérias terão que ser resumidas, as fotos serão menores, etc. Para evitar a inserção de conteúdo desnecessário deve-se perguntar

4. Diretrizes de design para a web móvel

4.1.Estratégias

- 33


constantemente: “Por que isso deve estar disponível em um site móvel?”.

Recomenda-se iniciar um projeto móvel através da definição das metas globais para o site, considerando três categorias para facilitar a gestão e definição dos objetivos. As decisões tomadas devem manter um equilíbrio em todas as três categorias: a empresa, os usuários e a tecnologia.

• A empresa: Visa metas comerciais que devem ser claramente definidas no ínicio do projeto. 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, definindo, assim, um perfil geral.

• A tecnologia: Recursos, oportunidades e limitações tecnológicas que envolvem o projeto.

Existem duas vertentes do desenvolvimento para celulares. A primeira defende a elaboração de um único site que se adapte aos diferentes dispositivos. Já a segunda recomenda que se façam versões específicas para cada dispositivo.

Essa escolha depende de uma série de fatores que devem ser estudados. Na elaboração de um único site que se adapte as duas realidades, por exemplo, deverá ser adotada questões de design e arquitetura da informação que satisfaçam as duas situações.

Por enquanto a tendência maior está na segunda vertente, a de versões específicas para celulares. A CNN, o Google e a Microsoft, por exemplo, possuem uma versão exclusiva para a web móvel. Segundo Domingo (2007), se considerarmos os problemas de design, arquitetura e programação, construir versões separadas parece ser o melhor caminho.

Existem ainda as vertentes com relação ao domínio; uma acredita que os sites devem ter endereços diferentes já que o dispositivo que os acessa é diferente. Ou seja, os sites www.meusite.com devem ter suas versões móveis www.meusite.mobi ou www.mobilemeusite.com, por exemplo. Entre os que se opõem a essa idéia está a própria W3C. Não foram encontrados dados estatísticos que comprovem o predomínio de nenhuma das vertentes, porém o

4.1.1.Uma única versão x versões separadas

- 34


mais comum ainda é encontrarmos domínios diferentes para cada versão.

Na web móvel é extremamente importante estruturar as informações da maneira mais simples possível. Colocar a informação correta da melhor forma é uma prática fundamental para garantir qualidade na experiência do usuário. Deve-se escolher o que é mais relevante no conteúdo e o que deve ser descartado em relação à versão desktop.

Atualmente, a maior parte dos celulares ainda não possui tela sensível ao toque, então o esforço de navegação do usuário se assemelha a uma pessoa que navega num PC sem utilizar o mouse. Normalmente chega-se aos link por meio das teclas de direcionamento da interface do dispositivo, experiência semelhante a usar a tecla TAB do desktop. A arquitetura da informação deve considerar a quantidade de cliques que o usuário terá que realizar até chegar à informação que deseja. Caminhos muito longos deixarão o usuário aborrecido. É essencial que os links sejam objetivos, informando ao usuário o que o espera na próxima página, isso evitará investidas frustradas, pois não são todos os dispositivos que possuem o botão de voltar. Em alguns casos, mesmo que o botão exista, os usuários podem não saber utilizá-lo. Isso significa que, muitas vezes, é difícil recuperar a negação depois de um erro ou link quebrado.

De acordo com Melgar (2008), algumas atividades associadas à renderização de páginas web demandam muita capacidade computacional. Já que o poder de processamento da maior parte dos dispositivos móveis ainda é muito limitado, a página pode demorar bastante para carregar totalmente. Muitos desses aparelhos tem pouca memória disponível para páginas e imagens, o que pode resultar em ítens que não aparecem totalmente, por exemplo.

Figura 6 – Versão móvel do site da Microsoft (http://mobile.msn.com).

Figura 5 – Versão móvel do site da CNN (http://cnnmobile.com)

4.2.Arquitetura da

informação

- 35


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.

Figura 8 – Modelo da arquitetura do mesmo site mostrado

anteriormente, em versão mobile. Fonte: DotMobi Web Developer Guide (2007, p.14)

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

- 36


Entre as sugestões que auxiliam na arquitetura da informação de um site móvel estão:

• Limitar ao máximo as categorias. Os usuários se tornam cada vez mais desorientados a medida que entram na subseção de uma página.

• Tentar utilizar no máximo dez links por página, a menos que se tenha a certeza de que o dispositivo pode apresentar mais informações com qualidade.

• Priorizar os links por popularidade. Tornar mais fácil os links com maior freqüência, garantindo que o conteúdo mais procurado será encontrado facilmente pelo usuário.

Fora da web móvel trabalhamos com diferentes resoluções de tela, mas em sua maioria a resolução utilizada nos PCs é 1024 x 768 pixels, além do uso de teclado e mouse. Já na web móvel há uma diversidade muito maior nos atributos físicos dos dispositivos. O tamanho das telas e a configuração do teclado variam consideravelmente em cada aparelho.

Não só as dimensões como a proporção das telas dos aparelhos variam bastante. 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). Essa recomendação deve ser usada criteriosamente com os demais elementos que compõem a página. Deve-se lembrar, por exemplo, 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.

4.3.Design visual4.3.1. Diferentes

resoluções

Figura 9 – Comparação dos vários tamanhos de tela de celulares. Fonte: DotMobi Web Developer Guide (2007, p.22)

- 37


(...) Desenvolver sites para desktop permite explorar espaços maiores, imagens mais elaboradas, cores, tamanhos, tipologias, formatos, animações, etc. Agora quando você tem um espaço que varia de 128px a 320px, as soluções de design que você tem que encontrar são muito mais limitadas do que aquela que você está acostumado. (...) (DOMINGO, 2007)

O trecho descrito anteriormente pode parecer desanimador, mas conhecer o público alvo e os dispositivos que eles utilizam trará mais segurança nas definições do projeto, e entre elas a escolha do tamanho da tela.

As características de cada dispositivo não são bem definidas e estão em constante adaptação. Apesar disso, existem algumas diretrizes básicas que ajudam a entender o dispositivo alvo do projeto.

Os dispositivos móveis podem ser segmentados nas seguintes classes gerais:

• Celulares 3G: São os mais utilizados no mundo, acessam a internet, possuem leitor de mídia e teclado principal condensado em 12 teclas. Quanto ao formato, podem ser retangular, com teclado abaixo do visor; dobrável, com a tela em uma metade e o teclado na outra ou deslizante, onde a tela desliza e revela o teclado abaixo.

• Smartphones: Possuem as mesmas características dos 3G, porém com duas diferenças: a capacidade de executar mais aplicativos e uma tela um pouco maior. Normalmente utilizam um sistema operacional mais completo e dispositivo multimídia mais avançado. Modelos mais utilizados no setor empresarial.

• PDAs: Grande parte da sua funcionalidade é orientada para tarefas organizacionais ao invés de comunicações de voz. 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. Eles também possuem uma tela maior que, muitas vezes, pode alternar entre modo retrato e paisagem.

• Celulares “Voice-Only”: Esses são aparelhos de baixo custo, sem recursos de acesso a web e consequentemente irrelevantes no contexto da web móvel.

As fronteiras que definem esses dispositivos são muito tênues e estão constantemente em mudança. Todas as categorias parecem caminhar no sentido das características dos smartphones.

4.3.2.Projetando para um

dispositivo conhecido

- 38


Estamos habituados a uma variedade de sistemas de navegação na web. 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. Embora não seja impossível, o estilo de sistema de navegação desktop não costuma funcionar para um dispositivo móvel.

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.

Exibir múltiplos níveis de navegação em sua lista normalmente não funciona bem, porque dá aos usuários muitas opções e consome a valiosa área da tela. A melhor maneira é mostrar apenas as opções relacionadas com a página que o usuário está vendo.

No entanto, deve-se fornecer link de saída para a próxima seção ou para a seção anterior, além do link para a página inicial na parte superior. Esses links também são úteis na parte inferior da página, pois permitem que o usuário siga em frente ou retorne sem voltar para o topo da tela.

Na concepção de um projeto desktop tendemos a um layout no formato paisagem (figura 10), onde a largura é um pouco maior que a altura. Já Para a web móvel as páginas possuem maior verticalidade (Figura 11). 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. Sendo assim, recomenda-se que o layout possua uma única coluna e que o texto esteja alinhado à esquerda.

4.3.3.Paradigmas da

navegação web

4.3.4.Layout

Figura 11 – Wireframe de um site mobile , conteúdo verticalizado. Fonte: DotMobi Web Developer

Guide (2007, p.27)

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

- 39


O maior problema encontrado com relação à utilização de imagens na web móvel diz respeito às dimensões. Devido à diversidade de tamanho das telas, algumas caixas de textos são automaticamente condensadas para a largura disponível, enquanto imagens muito grandes saem do campo de visão.

Sendo assim, aconselha-se a utilização de imagens no menor tamanho possível, a menos que o projeto esteja utilizando técnicas avançadas de detecção do dispositivo. Recomenda-se uma largura máxima de 120 pixels, em acordo com a tela da maioria dos dispositivos móveis. Com o uso da imagem em dimensões tão restritas deve-se evitar imagens densas, de composição complexa, que terão pouca legibilidade, exceto se a imagem for de extrema importância.

Passada as etapas descritas até então, o site estará pronto e segue a fase de realização de testes, para ter certeza de que tudo está funcionando como planejado. Como normalmente não dispomos de vários aparelhos para realização dos testes, uma boa opção é utilizar simuladores disponíveis em alguns sites como o da Opera Mini, e da Dotmobi, por exemplo (figuras 12 e 13). 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.

4.3.5.Tamanho das imagens

4.4.Publicação

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

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

Os browsers mais utilizados são o Pocket Internet Explorer Mobile, navegador padrão no Windows CE; NetFront; Série 60 Navegador; Opera, um dos mais populares browsers móveis, e navegador padrão em um grande número de aparelhos; Opera Mini, que tem rapidamente se popularizado devido ao fato de que pode ser executado em dispositivos com recursos extremamente baixos.

4.4.1.Browsers

- 40


Figura 14 – Visualização do site da MSDN no Pocket Internet Explore Mobile e no NetFront.

Figura 15 – Visualização do site da MSDN no Explore Mobile e no NetFront.

Jones (2006) realizou um experimento que teve por objetivo observar como os sites reais se comportam em navegadores móveis. Segundo o pesquisador, os sites, na sua maioria, 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. O site da MSDN, da Microsoft, por exemplo possui apresentações bem diferentes em cada um dos browsers testados, como mostrado nas figuras a seguir.

Figura 16 – Visualização do site da MSDN no Série 60.

Figura 17 – Visualização do site da MSDN no Opera.

Figura 18 – Visualização do site da MSDN Opera Mini.

A digitação nos celulares normalmente é uma ação muito demorada, sendo assim as URLs devem levar essa limitação em consideração. Aquelas que são muito longas ou possuem caracteres especiais serão, sem dúvida, mais complicadas para os usuários.

As seguintes opções são formas de tornar um site mais acessível por dispositivo móvel:

4.5.URLs

- 41


4.6.Testes de

usabilidade

• 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.

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.

- 42


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.

5. Metodologia 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

- 43


5.1.Plano de

estratégia

5.1.1.Objetivos do site

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.

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.

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.

- 44


5.1.2.1.Público alvo

5.1.2.2.Segmentação dos usuários

5.1.2.3.Entrevistas

5.1.2.4.Definição de personagens

Nessa etapa compete identificar os objetivos externos, o desejo dos usuários em relação ao site. O que esses usuários esperam encontrar? Para identificar essas necessidades, será feito a seguinte investigação: definição do público alvo, segmentação, entrevistas e definição de personagens.

Definição, em linhas gerais, do público que o projeto pretende atingir.

Essa etapa deve ser considerada quando se trabalha com um grupo de usuário heterogêneo, de tal forma a existir condições e necessidades muito diferentes. 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, mas também para tomar conhecimento de necessidades específicas de cada grupo.

As formas de realizar tal segmentação são variantes em cada projeto, podemos identificar as mais comuns como sendo: critérios demográficos, critérios psicológicos (psicográficos) e critérios tecnológicos.

Para entender as necessidades dos usuários é preciso conhecê-los. Para isso, entrevistas serão aplicadas em forma de questionário, com os ajustes necessários para cada grupo, cujo objetivo é conhecer e levantar informações importantes sobre a audiência pretendida.

Obedecendo a segmentação dos usuários e os dados levantados nos questionários, definem-se personagens fictícios para cada grupo segmentado. A cada personagem deve ser dado nome, dados demográficos, psicológicos e tecnológicos. Essa fase será importante para que, durante as demais etapas de desenvolvimento do projeto, esses representantes do público e suas necessidades não sejam esquecidos.

5.1.2.Necessidade dos

usuários

- 45


Quando traduzidas as necessidades e os objetivos dos sites ,de forma específica sobre qual conteúdo e que funcionalidades o site oferecerá para os usuários, define-se o plano de escopo. São informações que se adequam as necessidades dos usuários e aos objetivos do site. Para isso, serão geradas especificações de funcionalidade e o conteúdo para o site. Anteriormente, será realizada uma análise de similares com o objetivo de estudar o conteúdo de produtos do mesmo segmento.

Investigação de produtos similares existentes, no intuito de conhecer o conteúdo disponível. Essa etapa tem o objetivo de estudar alternativas que resultarão no conteúdo do site.

Definição específica de tudo que o site deve oferecer: informações gerais, conteúdo, recursos, pagina inicial, resolução, que tipo de informações serão disponibilizadas e quais não deverão existir. Nessa fase, no entanto, não se define seções ou mapa do site.

Depois de coletados os requerimentos funcionais do projeto, é possível obter uma idéia clara do que será incluído no produto final. Contudo, estes requerimentos não descrevem como as partes se encaixam para formar um todo coerente. Este é um novo objetivo a ser alcançado: desenvolver uma estrutura conceitual para o site (GARRETT, 2003, p.89).

Com a definição do conteúdo tem-se as informações do site, mas elas ainda precisam ser estruturadas. Nessa etapa serão definidas quais informações

5.2.Plano de escopo

5.2.1.Análise de similares

5.2.2.Conteúdo

5.3.Plano de estrutura

Figura 20 - Modelo dos dados para definição dos personagens.

Fonte: baseado em The Elements of User Experience (2003, p.55)

Nome

Como espera que o site funcione[papel]

O que o levou a procurar o assunto do site

Idade:País/Cidade: Ocupação: Estado civil:

Acesso à internet:

Computador: Notebook:Celular:

Sites frequentes:

Psicológico

Tecnológico

Demográfico

- 46


devem estar juntas, quais devem ser separadas e como será o fluxo de navegação. Esse esquema específico deve fazer parte da lógica do usuário.

Construa uma estrutura coerente para o usuário, previsível e fácil de entender e lembrar (pois as ligações fazem sentido). Utilize um método de design participativo para montar a estrutura (card sorting, por exemplo).(PADOVANI, 2003, p. 62)

De acordo com Maguire (2001), 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. A técnica é aplicada a um grupo de usuários com itens escritos em um conjunto de cartões.

Para projetos web o teste consiste na confecção de cartões com nomes, informações, imagens ou ações referentes ao conteúdo e seções do site. Esses cartões são entregues ao usuário, que tem como tarefa relacioná-los em grupos e subgrupos do site. Após a coleta dos agrupamentos de todos os entrevistados pode-se melhor entender como os usuários organizam essas informações mentalmente. Segundo Maguire (ibid.), 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. No entanto, 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 aplicação do card sorting no desenvolvimento desse projeto ajudará a perceber como o público alvo organiza as informações, definidas no plano de escopo, que o site pretende divulgar.

Definição da arquitetura do site. Divisão final do conteúdo, nomenclatura, organização e ordenamento da informação através de mapas e fluxogramas de navegação.

A arquitetura corresponde a todo o levantamento e categorização das informações do site. Define a quantidade de páginas existentes em cada uma delas e a importância de cada informação presente na tela.

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

5.3.2.Arquitetura da

informação

5.4.Plano de esqueleto

5.3.1.Card sorting

- 47


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)

É 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.

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

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.

5.4.2.Wireframe

5.5.Plano de

superfície


5.4.1.Sistema de navegação

- 48


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.

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.

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.

5.5.3.Avaliação estética

5.5.4.Layout

5.5.2.Geração de alternativas

e seleção

- 49


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.

5.6.Protótipo digital

- 50


O projeto a ser desenvolvido adotou um cliente hipotético que deseja desenvolver um site em versão mobile e desktop, com roteiros turísticos na cidade do Recife.

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

Para identificar as necessidades do usuário foi necessária as etapas que seguem:

Jovens e adultos de 20 a 40 anos, nacionais e estrangeiros, que gostam de viajar ou fazer roteiros pela própria cidade como forma de lazer. Essas pessoas são usuárias da internet e acessam, ou estão dispostas a cessar, sites pelo celular.

Os usuários foram divididos em dois grupos através de critérios geográficos.

• Usuário local – Moradores da cidade do Recife e região metropolitana.• Turistas – Moradores de outras cidades ou de outros países.

6.1.Plano de

estratégia

6.1.1.Objetivos do site

6. Desenvolvimento do projeto

6.1.2.Necessidade dos

usuários

6.1.2.1.Público alvo

6.1.2.2.Segmentação dos usuários

- 51


Realizou-se um total de 16 entrevistas, sendo oito com moradores da cidade do Recife e região metropolitana e oito com turistas de outras cidades e países. As entrevistas foram feitas através de dois modelos de questionários, um para cada grupo, com perguntas objetivas e subjetivas. A aplicação dos questionários aconteceu por meio de conversa pela internet, por MSN ou e-mail.

A seguir, o modelo de cada uma das entrevista que foram aplicadas e a tabulação dos resultados obita na comparação dos dados. A aplicação de cada entrevista se encontra no Anexo I (pág. 131).

6.1.2.3.Entrevistas

- 52


Nome: Idade:

Sexo: Masculino [ ] Feminino [ ] Nacionalidade:

Cidade e país onde reside:

Grau de escolaridade:

Ocupação:

Estado Civil: Solteiro(a) [ ] Casado(a) [ ] Viúvo(a) [ ] Outros:

Por meio de quais aparelhos costuma conectar-se à internet:(Marcar S= sempre, F= freqüentemente, 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?

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 [ ] Anualmente [ ] Nunca [ ] Outros:

Exemplifique 3 sites que acessa com freqüência:---

Se os sites citado possuíssem versão para celular, você os acessaria?

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[ ] 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, com que freqüência as opções abaixo despertam seu interesse:(Marcar S= sempre, F= freqüentemente, 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:

Modelo de Entrevista - Grupo1: Usuário Local

- 53


Qual(s) costumam ser suas companhias nos momentos de lazer?Família [ ] Grupo de amigos [ ] 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 [ ] Localização [ ] Temperatura [ ] Horários de funcionamento [ ] Preços de serviços [ ] Outros:

Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidadeGuias 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?

- 54


Nome: Idade:

Sexo: Masculino [ ] Feminino [ ] Nacionalidade:

Cidade e país onde reside:

Grau de escolaridade:

Ocupação:

Estado Civil: Solteiro(a) [ ] Casado(a) [ ] Viúvo(a) [ ] Outros:


Computador [ ] Computador portátil/notebook [ ] Celular [ ] Outros:


Quando realiza uma viagem costuma levar computador portátil/notebook?Sim [ ] Não [ ]


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 [ ] Anualmente [ ] Nunca [ ] Outros:

Exemplifique 3 sites que acessa com freqüência:---

Se os sites citado possuíssem versão para celular, 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, F= freqüentemente, R= raramente, N= nunca)

Transportes[ ] Localização de pontos turísticos [ ] Hospedagem [ ] Patrimônio histórico [ ] Gastronomia e restaurantes [ ] Manifestações culturais [ ] Temperatura [ ] Outros:

Modelo de Entrevista - Grupo2: Turista

- 55


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:

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, 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:

Durante a estadia você deseja saber sobre:(Marcar S= sempre, 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:

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?


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:

- 56



Computador S S F S F S F S

Computador portátil/notebook

R S S F S N S R

Celular R N N N N N N R


1g de memória, 160 HD monitor de 17polegadas 1024 x 768

Dual Core / 1GB RAM / 160GB HD 1024 x 768

memória de 624 Mb, HD 40 1024 x 768

512MB de memória RAM e 80GB de HD

Obs.: Grande parte dos entrevistados desconhecem a configuração e a resolução


Celeron 2g de memória 160HD 1280 x 800

Core 2 Duo / 4 GB RAM / 320 GB HD 1024 x 768

Windows Vista, memória 1Gb, HD 120 -

Intel (Pentium dual-core inside); Ram (3,00 GB); HD (160); Tela (14’’) -

Configuração do windows vista.Tela LCD widescreen 15,4” 200 x 800

Qual o modelo do seu aparelho de celular: Resolução da tela (pixels)Permite acesso à internet:

Sim Não

Sony Ericsson k550i 176 x 220

Sony Ericsson w302 240 × 320

Sony Ericsson W200a 128 x 160

LG MG 280 128 x 160

LG Mg 185 128 x 128

Gradiente GF 930 176 x 220

Nokia 2680 128 x 160

Nokia 5310 220 x 340

Nokia n95 176 x 220

Sony Ericsson - não soube -

Sansumg - não soube -

Obs.: Destes, um entrevistado possui dois aparelhos e outro possui três.

Tabulação de Dados (Entrevista – Grupo1: Usuário Local)

- 57


Com que freqüência acessa a internet no celular:(Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca)

Diariamente

Semanalmente

Mensalmente

Anualmente

Nunca

Outros: média de duas vezes por mês


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

1 vezes por mês

1 vez a cada dois meses ou mais

Outros:

Exemplifique 3 sites que acessa com freqüência: Se os sites citados possuíssem versão para celular, você os acessaria?

Sim Não Comentários

Google; unisersidade - Unopar; e-mails em geral (Ig, Hotmail, bol e Gmail) e Orkut

Acesso o Orkut às vezes e os sites da Claro e do Ig para checar e-mail. Apesar de não caberem na tela não tive problemas para encontrar o que queria.

Google; Orkut; Siga - Poli

Google; www. myaiesec.net; www.bb.com.br Depende das taxas

Google, www.terra.com.br; www.hotmail.com

Yahoo; Google; Vagalume

Yahoo; www.ebah.com.br;www.youtube.com

Dependendo do custo para o acesso.

www.sportrecife.com.br; www.orkut.com;www.folhape.com.br

Talvez - Eu só usaria caso em fosse imprescindível, mas não usaria com freqüência não.

Google , geocities; hotmail

- 58


Cite alguns lugares que costuma freqüentar como forma lazer:

Shopping, parques de diversão ou clubes de campo

Cinema, teatros e restaurantes

Bares, restaurantes, praia e cinema

Cinema, shopping Center, livraria

Cinema e shows

Cinema e Recife Antigo

Cinema, estádio de futebol, praia, pizzaria, etc

Cinema, praias e locais de manifestações culturais


Pontos turísticos F F R R S S R S

Patrimônio histórico e artístico R R R F F S R S

Gastronomia /Bares e restaurantes

S S S N N S S F

Manifestações culturais S S N R S S R S

Paisagens naturais S S S R S S S S

Locais de compra F S F N S R S F

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, com que freqüência pensa nos itens abaixo:

(Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca)

Transporte S S S S S S S S

Localização S F S S S S F S

Temperatura R N R F R N R S

Horários de funcionamento S F S S S S F S

Preços de serviços S S S S R S F S

Outros

- 59


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, F= freqüentemente, R= raramente, N= nunca)


N

S www.pe360graus.com

S www.pe360graus.com

F www.google.com.br / www.pernambuco.com / www.folhape.com.br

S www.google.com.br, www.pe360graus.com, e site do próprio lugar que desejo visitar (se houver)

R www.pe360graus.com.br

F www.google.com.br

R Sites oficiais do evento.

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

- 60


Você já fez algum roteiro turístico dentro da cidade? Qual?


Museu de Brennand

Em catamarã, pelo rio Capibaribe

Visita com alunos da escola onde ensinei ao Instituto Ricardo Brennand, à Oficina Francisco Brennand, à torre Malakoff e ao Forte do Brum.

Caminhada ecológica pelo privê da cidade.

Através de um catamarã no Rio Capibaribe, no centro da cidade do Recife.

Passeio de catamarã pelo Rio Capibaribe.

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?


- 61


Você acessaria um guia turístico da cidade pelo celular?


Talvez, em caso de necessidade. Se estivesse na rua, por exemplo, e precisasse saber alguma informação de um lugar que eu queria ir com urgência.

Dependendo do custo do serviço.

Acessaria pela comodidade

Que tipo de informação considera indispensável em roteiros turísticos na web?

Informações do local, mapas e preço dos serviços

Indicação de pontos de referência

Local e preço

Localização, preço dos serviços e produtos e, principalmente, veracidade quanto ao que é oferecido ( tal praia é linda, mas a estrada de acesso é um horror, por exemplo).

Horário de funcionamento dos pontos turísticos; informações sobre agendamento de visitas; valor da entrada; informações sobre acesso ao ponto turístico, com diferentes roteiros; valor de passeios com guias.

Comentários de quem já visitou o ponto turístico em questão; horários e dias mais apropriados;Fotos do local; resumo da razão turística do local.

Localização e custo.

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. Transportes que se pode tomar e em que pontos descer.

Formas de pagamento e preço dos serviços.

Tour virtual, mapas, vídeos, fotos e animações.

Ser de fácil navegação e oferecer links.

Horário de funcionamento dos pontos turísticos; informações sobre agendamento de visitas; valor da entrada; informações sobre acesso ao ponto turístico, com diferentes roteiros; valor de passeios com guias, caso haja.

Uma média do custo e, dependendo do local, mapas que ajudariam no acesso ao ponto turístico.

Depoimentos de pessoas que passaram pela experiência do roteiro turístico

Tópicos com informações diretas (exemplo: localização, acessos, serviços disponíveis).

- 62



Computado S R F F F F R S


S S S S S S S N

Celular N R N R S N N R

Quando realiza uma viagem costuma levar computador portátil/notebook?

Sim

Não

Tabulação de Dados (Entrevista – Grupo2: Turistas)


Tela de 15.4

Obs.: Grande parte dos entrevistados desconhecem a configuração e a resolução dos seus computadores ou os utilizam no trabalho, universidade, etc.


HD 120 GB, Tela de 14.1 polegadas, 2gb -

Celeron, 2Gb, 120 HD -

Corel 2 duo, 2gb, -

Intel Core 2 Duo, HD 120 GB, 2 GB de memória 1024 x 768

Qual o modelo do seu aparelho de celular: Resolução da tela (pixels)Permite acesso à internet:

Sim Não

Motorola V3 176 x 220

Sharp - não soube -

Samsung - não soube -

LGKS360 240 x 320

Sony Ericsson W300i 128 x 160

Sagem MYX-2 101 x 80

LG MG 235 128 x 128

Obs.: Destes, um entrevistado não soube a marca e modelo do celular

- 63


Com que freqüência acessa a internet no celular:(Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca)

Diariamente

Semanalmente

Mensalmente

Anualmente

Nunca

Outros:

Exemplifique 3 sites que acessa com freqüência: Se os sites citados possuíssem versão para celular, você os acessaria?

Sim Não Comentários

Orkut; Gmail e Google

Google; www.youtube.com; www.uma.pt

Claro Idéias; Google; Google acadêmico Mas o que impede muitas vezes o acesso dos (possíveis) usuários é o custo

www.hattrick.org; www.abola.pt; www.liberal.sapo.cv

Google; Youtube; Hotmail Sim,claro.

www.hotmail.com; www.orkut.com; www.google.com.br Depende da taxa cobrada pela empresa de telefonia.

www.deviantart.com; www.hotmail.com; www.youtube.com Provavelmente. Caso o meu aparelho permitisse.

www.orkut.com.br; www.hotmail.com; www.alagoas24horas.com.br

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:

- 64


Cite algum(as) das cidades e países que já visitou:

Itália (Roma, Veneza, Florença), Espanha (Madrid, Barcelona e Toledo), França (Paris), Inglaterra (Londres), Portugal (Braga, Guimarães, Lisboa, Porto)

Madrid, Lisboa, Coimbra, entre outras

Fortaleza, Aracaju, Santa Cruz do Capibaribe, Campina Grande, Lisboa - PT, Funchal – PT, Vila Real – PT

Lisboa

Londres-Inglaterra , Alentejo-Portugal

Brasil (Recife, Garanhuns, Caruaru, João Pessoa, Aracajú, Natal, Arapiraca), Portugal (Ilha da Madeira, Lisboa, Porto, Serra da

Estrela, Marco de Canaveses, Fátima, Belém, Paço d’arcos), Espanha (Barcelona, Madri), França (Paris), Itália (Veneza, Roma, Florença), Inglaterra (Londres), Estados Unidos (Miame).

Caracas, Venezuela, Lisboa e para o ano espero ir a Espanha

Maragogi-AL, Brasil; Caruaru-PE, Brasil; Paripueira-AL, Brasil; Japaratinga-AL, Brasil


Transportes F S R R F F R S

Localização de pontos turísticos R R R R F R R S

Hospedagem R R F R F R R F

Patrimônio histórico R R R R R R R S

Gastronomia e restaurantes R R R R F R N F

Manifestações culturais S R R S F F R R

Temperatura N R R R F F R F

Outros:

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.

- 65


Você costuma buscar na internet informações sobre os lugares que deseja conhecer?(S= sempre, F= freqüentemente, R= raramente, N= nunca)


S www.google.com

S www.google.com

F www.google.com

F www.google.com

F www.google.com

F www.google.com

F www.google.com

R www.google.com

Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos?


Transportes

O que é mais difícil é entrar em contato... 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”.

É difícil encontrar: horário de funcionamento e o valores cobrados nos transportes públicos; sobre os eventos culturais que estarão acontecendo no período da viagem, etc.

Que tipo de informação considera indispensável em guias de viagem na web?

Hospedagem barata, transporte, história e pontos turísticos.

Preços das viagens, informações de transportes e alojamento.

Disponibilidade (vagas em hotéis), preço e regras do hotel (esse realmente não está incluído), telefones para contato (ao invés de oferecer no site apenas o email).

Mapas com localização e preço dos serviços.

Informações sobre pontos turísticos mais atrativos e sugestões de viagem.

História local, principais pontos turísticos, pratos típicos da região, informações sobre transportes, hospedagem e temperatura.

Transportes, hospedagem e informação sobre os lugares turísticos.

Informações sobre pousadas e hotéis, informações sobre as opções de lazer da cidade

- 66


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

Dicas de como funciona o metrô e as linhas de ônibus.

Não sei.

Um “esclarecedor de dúvidas” onlines.

Detalhes de cada lugar.

Mais informação sobre a cultura e história do país que visitamos e mapas.

Enviar para o celular, através de sms, informações diárias sobre, temperatura, agenda cultural, entre outros.

Não tenho pensado nisso.

Informações mais claras sobre hospedagem.

Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso?

Nem sempre se tem acesso ao impresso.

Um guia impresso vem mais pormenorizado, enquanto que o guia online apresenta apenas a informação necessária de modo a transmitir a idéia a pessoa interessada em viajar.

A praticidade do online, mesmo que faltem algumas informações, é que você não precisa necessariamente sair de casa em busca dessas informações.

A desvantagem principal pode se considerar o fato de não poder consultar o online sempre, ao passo que o impresso tens na mão sempre.

As vantagens de um guia online é que nos permite um acesso mais rápido a uma informação. As desvantagens é que para acessar a net precisamos de um computador o que torna o guia de bolso muito mais conviniente.

O guia de viagens online é vantajoso porque geralmente é mais atualizado e 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.O guia de viagens impresso é vantajoso porque pode ser consultado na hora que quiser e geralmente é mais completo, mas é desvantajoso porque é mais um ítem que tem que carregar.

As vantanges do guia online na minha opiniao é que é possivel conter uma maior quantidade de informação. A desvantagen 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.

O online você pode acessar a qualquer momento e de forma mais rápida e confortável.

- 67


Antes de viajar você pesquisa sobre:(Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca) História local F S N S S F F N

Traços turísticos S S F F F S R F

Arquitetura N S R N S R R R

Patrimônio históricos e artísticos R S F R S F F R

Paisagens naturais F F R R N S F S

Programação cultural R F R R F F R R

Gastronomia F R F R R S R R

Hospedagem S S F F N S S F

Restaurantes R R F R F S R N

Postos de apoio ao turista R F R F F N F N

Temperatura S R F R N R F F

Transportes S S F F N S F N

Horários de funcionamento F S F R N S F N

Preços de serviços F S F S N F S N

Locais de compra F R F S N F F R

Outros:

- 68


Antes de viajar você pesquisa sobre:(Marcar S= sempre, F= freqüentemente, R= raramente, N= nunca) História local S S N F S S F R

Traços turísticos S S F R R S R F

Arquitetura N S F N S R F R

Patrimônio históricos e artísticos S S F F S S F N

Paisagens naturais S F R R F S R S

Programação cultural F F F R F S R R

Gastronomia S R R R F S R F

Hospedagem R R R F F S F S

Restaurantes S R R R R F R S

Postos de apoio ao turista N F R S F S R N

Temperatura R R F R R F R F

Transportes S S S F R S S N

Horários de funcionamento S S F R R S S F

Preços de serviços S S F S R S S S

Locais de compra S R R S R S S R

Outros:

Durante uma viagem você costuma acessar a internet? Como e onde?

Sugestões Comentários:

Sim Não Computador do hotel ou do notebook em pontos de wireless.

Notebook ou vou aos cybershop.

Cybershop.

Notebook em pontos de wireless ou cybershop.

Notebook em pontos de wireless ou computador do hotel.

Cybershop ou notebook.

- 69


Você acessaria um guia turístico pelo celular durante uma viagem?


Dificilmente. Seria mais fácil acessar do hotel ou pelo notebook

Dependendo das taxas é claro

Talves.

O telemóvel é muito mais prático e leve que um notebook o que torna as coisas bem mais simples.

Se for necessário sim. 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


Outros:



Sugestões de roteiros são sempre bem vindos.

Gosto de definir meus próprios roteiros para conhecer o lugar que estou visitando.

Prefiro fazer meus próprios roteiros

- 70


Através da análise das entrevistas dos dois grupos de usuários, pôde-se perceber uma série de informações que os usuários desejam obter quando se trata de roteiros turísticos. 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ô, 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, agendamento de visitas, valor e horários de visitação• Informações de estadia• Enviar para o celular, através de sms, informações diárias sobre, temperatura, agenda cultural, entre outros.

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. A seguir a entrevista é respondida para os dois grupos e duas personas foram criadas, Fernando, como usuário local e Erika, como turista.

6.1.2.4.Necessidades

6.1.2.5.Definição dos personagens

- 71


Nome: Fernando Oliveira Idade: 27

Sexo: Masculino [ X ] Feminino [ ] Nacionalidade: Brasileiro

Cidade e país onde reside: Recife - Brasil

Grau de escolaridade: Superior Completo

Ocupação: Funcionário Público

Estado Civil: Solteiro(a) [ X ] Casado(a) [ ] Viúvo(a) [ ] Outros:


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)

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

Com que freqüência acessa a internet no celular:Diariamente [ ] Semanalmente [ ] Mensalmente [ ] Anualmente [ X ] Nunca [ ] Outros: Apenas quando realmente necessário

Exemplifique 3 sites que acessa com freqüência:- sites de notícias- sites de e-mails- google

Se os sites citado possuíssem versão para celular, você os acessaria?Sim


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, praia e restaurantes


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:

Entrevista Representativa - Grupo1: Usuário Local

- 72


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


Transporte [ S ] Localização [ S ] Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ S ] Outros:

Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidadeGuias 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. 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, 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.

- 73


• Personagem - Grupo 1: Usuário Local

Fernando tem 27 anos, é solteiro e possui um filho. Ele é funcionário público, estudante universitário e mora com os pais em Recife. Durante a semana, e alguns finais de semana, Fernando tenta conciliar o trabalho e os estudos na universidade. Não costuma viajar com muita freqüência e quando tem tempo livre gosta de ir à praia, de encontrar os amigos, ou reunir a família. Está sempre disposto a conhecer lugares novos na cidade, um bom restaurante, por exemplo, seja por indicação de amigos, seja por pesquisa própria, mas não gosta de fazer programas que exijam muito planejamento. Ele se relaciona muito bem com novas tecnologias, está sempre mudando o parelho de celular, acessa bastante a internet, mas raramente utiliza a internet pelo celular.

FernandoDepois de muito trabalho e estudo, gosto de apro-veitar o final de semana e sair: praia, restaurantes ou eventos culturais. Não quero ter trabalho pro-gramando um dia de lazer. Só quero escolher paraonde ir e convidar os amigos ou família.

Fernando gosta de descobrir novos lugares na cidade.Mas a disposição para conhecer depende de informaçõessimples e diretas. Acessaria um guia da cidade antes desair de casa e pelo celular somente para tirar algumadúvida no caminho.

Idade:27 anosPaís/Cidade: Recife/BrasilOcupação: Universitárioe Funcionário públicoEstado civil: Solteiro

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

Sites frequentes:Site de e-mailsSites de notíciaswww.google.com

Figura 21 - Ficha de Fernando, representante do grupo dos usuários locais

- 74


Nome: Erika Souza Idade: 22

Sexo: Masculino [ ] Feminino [ X ] Nacionalidade: Portuguesa

Cidade e país onde reside: Funchal - Portugal

Grau de escolaridade: Cursando Ensino Superior

Ocupação: Estudante



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.

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, HD 120 GB, 2 GB de memória e resolução de tela de 1024 x 768.

Qual o modelo do seu aparelho de celular: LG MG 235


Com que freqüência acessa a internet no celular:Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Nunca [ ] Outros:

Exemplifique 3 sites que acessa com freqüência:- Sites de e-mails e pesquisas- Site de notícias - youtube


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, Lisboa, Fortaleza


Transportes[ F ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ R ] Manifestações culturais [ R ] Temperatura [ R ] Outros:

Entrevista Representativa - Grupo2: Turista

- 75


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.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, horários de funcionamento, valores de serviços, telefones e eventos culturais.

Que tipo de informação considera indispensável em guias de viagem na web?Informações de hospedagem, as melhores formas de lazer para aproveitar o lugar, pontos turísticos, localização, mapas e transportes, telefones e preços dos serviços.

O que poderia ser oferecido nesses sites para facilitar sua viagem?Detalhes sobre hospedagem, informações sobre cultura e história do local. Envio de informações diárias sobre temperatura e agenda cultural e dicas por sms.

Quais as vantagens e desvantagens de um guia de viagens online em relação ao impresso?Os guias impressos normalmente são mais completos, Porém são um item a mais para carregar pelas ruas.


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:


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. Levo o notebook ou acesso em cybercafés.

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. 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:

- 76


ErikaGosto de viver novas experiências e por isso viajouma vez por ano. Interesso-me por lugares e culturasdiferentes. Quero escolher opções de roteiros e dicaspara aproveitar tudo que o lugar oferece de melhorsem desperdiçar um dia sequer.

Erika tem espírito de aventureira. Precisa de todas asinformações que ajudem-na a ter uma estadia commuitas atividades turísticas, além da necessidade dasinformações básicas que todo turista necessita.Acessaria um guia turístico por notebook e por celular.

Idade:22 anosPaís/Cidade: Funchal/PTOcupação: UniversitáriaEstado civil: Solteiro

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

Sites frequentes:Site de e-mailsSites de notíciaswww.youtube.com

• Personagem - Grupo 2: Turista

Erika é portuguesa, solteira e possui 22 anos. Desde pequena sempre fez viagem de férias com os pais, e depois com os amigos. Viaja em média uma vez por ano, durante as férias da universidade. Durante a viagem, Erika gosta de seguir roteiros e de selecionar alguns lugares específicos que pretende conhecer. Gosta de explorar o lugar ao máximo. Sempre que pode leva seu notebook para as viagens. Tem facilidade com uso de internet pelo celular e acessa sites pelo dispositivo ao menos uma vez por mês.

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

- 77


Uma pesquisa foi feita para avaliar o conteúdo de sites relacionados ao tema proposto. Analisou-se o resumo de conteúdo de cada site e a apresentação dos principais itens de navegação, estando ou não, no menu. Sites nacionais e estrangeiros foram analisados em um total de três sites desktop e três sites mobile.

• Desktop

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

Portal com informações para turistas brasileiros e estrangeiros. Disponível em português, inglês e espanhol. O site conta com sugestões de destino, informações sobre agenda cultural, além de permitir que empresas cadastrem seus serviços e que usuários realizem pesquisa sobre várias informações do site, tais como, alimentação, hospedagem e transporte. Os usuários têm acesso à um banco de dados com as informações e contato de cada serviço encontrado.

Navegação: Pernambuco, destinos, eventos, hospedagem, transporte, alimentação, agências, compras, utilidades, serviços, fotos, vídeos, notícias, mapas, links, ouvidoria e busca.

6.2.Plano de escopo


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

- 78


Pernambuco Conhece Pernambuco(http://www.peconhecepe.com.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. O site oferece um total de 10 rotas, apenas com informações gerais sobre a importância cultural e atrativos de cada uma delas; páginas com novidades sobre as rotas; eventos culturais; agenda e fotos.

Navegação: o projeto, rotas, novidades, agenda, imagens e contato

Califórnia(http://www.visitcalifornia.com )

Portal turístico da Califórnia com detalhes de cada localidade do estado. Possui extenso conteúdo, abrangendo a história do estado; dados sobre os habitantes; estados agrupados em três zonas básicas para facilitar a navegação e possibilidades de acessar as informações de cada localidade separadamente. O site faz uso de muitas imagens, vídeos e opção de visualização de mapas; sugere viagens de forma detalhada com indicação de período de estadia, lugares para visitar e hospedagens. Além disso, permite que o usuário, através de cadastro, crie sua própria lista com detalhes que deseja conhecer.

Navegação: explorar Califórnia, estilo de vida, coisas para fazer, ferramentas de viagem e contratações.

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

- 79


Figura 25 – Site Visit Califórnia(http://www.visitcalifornia.com )

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

• Mobile

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

Site da Cidade de Londres, Inglaterra. Informações de serviços, como hospedagem e restaurantes, onde é possível encontrar foto do lugar, detalhes de funcionamento, preços, mapa de localização ou referências textuais e links com ligação telefônica direta para o estabelecimento.

Navegação: hotéis, restaurante, transportes, emergência, informações e quem somos.

- 80


Site Berlim(http://berlin.mobi)

Site da cidade de Berlim, na Alemanha. Oferece opções gerais, como previsão do tempo, explorar, notícias e esporte. O conteúdo relacionado ao turismo encontra-se na página “explorar” com informações detalhadas de hospedagem, guia da cidade, atrações, etc.

Navegação: previsão do tempo, explorar (acomodações, atrações e atividades, guia da cidade, jantar, entretenimento, eventos, compras, transporte e viagem e guia de localização), notícias e esportes.

Srilanka(http://srilankan.mobi)

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

Figura 28 – Site Berlim - seção explore (http://berlin.mobi)

Figura 29 – Site Srilanka(http://srilankan.mobi)

Primeiro site móvel do Srilanka. Voltado aos turistas, possui informações diretas, com endereços, telefones e horários de funcionamento, contato de consulados e departamentos diplomáticos de vários países.

Navegação: hotéis, restaurantes, clubes desportivos, transportes, bancos, compras, estilo de vida, salões e spas, hospital, emergência, missões diplomáticas e linhas aéreas.

- 81


Confrontando todas as informações levantadas no plano de estratégia e na análise do conteúdo de sites similares, definiu-se todo o conteúdo do site.

• Desktop

Informações gerais do site - O site desktop será adequado a resolução de 1024 X 768, com as informações disposta de forma clara e direta. Nas seções será divulgado o maior detalhamento possível de informações referentes à localização, preços e contatos.

Idioma - Opções dos idiomas português, inglês e espanhol. Estas opções deverão estar disponíveis em todas as telas do site

Informações gerais sobre a cidade - Informações sobre a cidade do Recife: características históricas e culturais, fotos e atrativos.

Temperatura - Apresentação de forma direta da temperatura e previsão do tempo na cidade.

Agenda cultural - Divulgação de manifestações culturais com informações de datas, horários, preços e local de realização.

Roteiros de um dia - Sugestão detalhada de roteiros turísticos de um dia. Narração de todo o percurso com descrição dos patrimônios, preço de acesso aos locais, indicação de alimentação, transportes, fotos, depoimentos de pessoas que já realizaram o passeio e possibilidade de novos depoimentos, além de mapa de todo o percurso para visualização e download.

Atrativos - Informações sobre atrativos naturais e artísticos, monumentos, museus, teatros, igrejas, etc. Informações de endereço, horário de funcionamento, preços, contato e visualização de mapa.

Opções de busca - Em todas as páginas o campo de busca no site estará presente, além de um link para buscas detalhadas.

Cadastramento - Os usuários poderão se cadastrar para receber informações via e-mail ou mensagens de texto via celular. Durante o cadastramento, poderá escolher que tipo de informações deseja receber e com que freqüência (diariamente, semanalmente, etc).

Detalhamento sobre alimentação - Indicação de bares, lanchonetes e restaurantes, com descrição sobre os estabelecimentos, tipos de alimentação, endereço, e-mail, telefones e localização no mapa.

6.2.2.Conteúdo

- 82


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.

- 83


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.

- 84


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.

6.3.Plano de estrutura

6.3.1.Card sorting

Figura 30 – Estrutura e nomenclatura inicial do conteúdo principal para

aplicação do Card sorting.

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

Mapas Diversos

Temperatura

- 85


O teste foi realizado individualmente com quatro representantes de cada grupo. Antes de aplicar o card sorting, cada entrevistado foi contextualizado através de informações verbais sobre os objetivos do site e os objetivos do teste. Em seguida, foi entregue os 43 cartões para que o entrevistado organizasse, de modo que nenhum ficasse de fora do esquema. Os participantes puderam fazer perguntas referentes ao conteúdo do site ou sobre a definição de alguma das nomenclaturas utilizadas.

Durante a aplicação do teste foi observado os comentários de cada participante na organização dos cartões. Devido à quantidade de informações para organizar, o que acarretou muitas reestruturações do esquema ao longo da aplicação, definiu-se que ao final de cada teste seria apresentada a estrutura inicialmente planejada (figura 30) para que o entrevistado pudesse fazer comparações, comentários e sugestões. A aplicação de cada teste se encontra no Anexo II (pág. 163).

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, os usuários vêm a possibilidade de encontrá-los diretamente como menu principal ou dentro das informações sobre Recife. Cada opção representou 37,5% do total dos pesquisados. Dessa forma definiu-se o acesso aos roteiros turísticos por esses dois meios distintos.

• O nome dos dois roteiros turísticos colocados como exemplos foram posicionados como subitens do cartão “Roteiros Turísticos” por 62,5% dos pesquisados, que esperam encontrar descrição sobre o roteiro, locais de visitação e fotos. Apesar dos pesquisados não terem colocado mapas específicos e depoimentos dentro de cada roteiro, gostaram da sugestão feita, o que justifica o fato de mantê-los dentro da descrição de cada roteiro, como planejado no espoco.

• A tentativa de dividir os roteiros turísticos por regiões, não obteve sucesso. Os usuários não se interessam em dividir os roteiros em Região Norte, Região Centro, etc. Preferem encontrar cada roteiro diretamente dentro de “Roteiros Turísticos” ou “Recife”. Dessa forma definiu-se que os roteiros turísticos seriam organizados apenas por ordem alfabética. Definiu-se também a utilização de um campo de busca para o conteúdo dessa seção, 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,5% dos pesquisados. Desses usuários, 85,7% procurariam características

- 86


históricas, culturais e gastronômicas dentro da seção. 57% desejam encontrar depoimentos e fotos.

• A seção sobre transporte, para 100% dos entrevistados, deve aparecer inicialmente, reunindo as informações sobre taxi, ônibus e metrô. Apenas, 25%, não procurariam “Como se deslocar” dentro de Transportes. Porém a pesquisa de como se deslocar de um ponto a outro da cidade ficou como parte das informações sobre os transportes, já que nas comparações ao final da pesquisa, esse percentual concordou com tal posicionamento.

• Os cartões “Hotéis” e “Pousadas” foram facilmente agrupados como subseção de hospedagem por 100% dos pesquisados.

• O cartão “Mapas Específicos” não pretende ser uma seção dentro do site, foi utilizado apenas para identificar em quais áreas do site o usuário deseja encontrar um mapa mais detalhado. 62,5% dos pesquisados esperam ver mapas mais detalhados dentro de hospedagem para saber a localização do hotel ou pousada.

• A nomenclatura “Mapas Diversos” serviu para representar uma seção com vários mapas da cidade. 87% dos participantes identificaram que essa seção deve fazer parte das informações iniciais. Essa nomenclatura, no entanto, será substituída apenas por “Mapas”.

• As informações sobre temperatura ficaram claramente definidas pelos entrevistados como uma opção inicial, sem subgrupos, por 75% do público.

• O cartão “Alimentação”, em 37,5% dos casos, esteve como parte das opções inicias. 62,5% colocaram alimentação como subitem de “Características Gastronômicas”. Porém, desses 62,5%, 40% consideraram que essa informação deveria estar acessível mais facilmente. Sendo assim, definiu-se duas formas de chegar as opções de alimentação: como informação inicial ou através das características gastronômicas. Quanto ao conteúdo sobre alimentação, 87,5% definiu que os subitens deveriam ser: restaurantes, bares e lanchonetes.

• 62,5% dos pesquisados decidiram que a opção de compras deve ficar como informação inicial dos subitens “Shopping Centers” e “Supermercados e Feiras”. A compra de artesanato seria mais bem representada por “Feira de Artesanato”, e onde foi utilizado “Supermercados e Feiras”, ficaria melhor empregado “Mercados e Supermercados”.

• Para 75% dos pesquisados as informações sobre os atrativos da cidade podem ser encontradas como uma opção de primeiro nível, como também dentro de

- 87


“Agenda Cultural”. Quanto aos subitens, o maior número foi para os cartões “Artísticos”, “Naturais” e “Noturnos”. Para reunir informações de atrativos artísticos como teatros, museus e igrejas, 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, com dados sobre eventos, 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.

Segundo Garret (2003), a melhor ferramenta de documentação para arquitetura da informação ou design de interação são os diagramas. Representar a estrutura visualmente é o melhor caminho para se comunicar entre os segmentos, grupos e relações propostos em um site.

Baseado em todo conteúdo e na organização natural das informações por parte dos usuários, foi definido um mapa para cada versão do site.

• 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. Já as linhas pontinhas entre as caixas representam ligações entre subseções de categorias diferentes, mas que para o usuário possuem fácil relação.

• Mobile

Para a versão mobile do site, a arquitetura da informação sofreu algumas modificações, tendo em vista que para a web móvel os conteúdos em texto não devem ser muito extensos. As seções sobre história, cultura e gastronomia de Recife foram reunidas em uma única seção, onde as informações serão mais condensadas. As seções de transporte e compras ficaram sem submenu. Em “Transportes” as informações sobre cada transporte e como se deslocar aparecem juntas. Já no caso de “Compras”, a listagem dos locais aparece completa em uma única página dividida por títulos.

6.3.2.Arquitetura da

informação

- 88


Figura 31 – Arquitetura para o site desktop.

Cultura Depoimentos

Noturnos

Lanchonetes

Pousadas

Ônibus

Mercados eSupermercados

Feiras de Artesanato

História

Naturais

Restaurantes

Hotéis

Taxi

Shopping Centers

Gastronomia Fotos

Culturais

Bares

Metrô Como se deslocar

Recife

Roteiros

Atrativos

Agenda Cultural

Alimentação

Hospedagem

Transportes

Compras

Mapas

Temperatura

Contato

Cadastre-se

HOME

Busca

- 89


Figura 32– Arquitetura com adaptações para o site mobile.

Depoimentos

Noturnos

Lanchonetes

Pousadas

Características

Naturais

Restaurantes

Hotéis

Fotos

Culturais

Bares

Recife

Roteiros

Atrativos

Agenda Cultural

Alimentação

Hospedagem

Transportes

Compras

Mapas

Temperatura

Contatos

Busca

HOME

- 90


Foram elaborados dois sistemas de navegação diferentes para atender cada uma das versões. O site desktop tem sua navegação dividida em: navegação global, navegação local e navegação contextual. Já na versão para a web móvel, não foi utilizada a navegação contextual, fato que será justificado mais adiante.

Segundo Garrett (2003), a navegação global possibilita o acesso à toda a extensão do site. Não precisa necessariamente estar visível em todas as páginas, mas reúne tudo aquilo que o usuário é capaz de acessar. Pode-se dividir a navegação global em: primária, utilitária e navegação de rodapé.

• Navegação primária - Reúne o conteúdo principal do site, todas as tarefas mais importantes para o usuário.

• Navegação utilitária - Possibilita ferramentas que ajudam o usuário a realizar tarefas importantes, mas não fazem parte do conteúdo principal. Campo de busca e escolha de idiomas são alguns exemplos desse tipo de navegação.

• Navegação de rodapé - Normalmente reúne informações que não são muito importantes para o usuário, como a política de privacidade do site, por exemplo. No entanto, em sites que possuem páginas muito longas, a navegação de rodapé pode funcionar assim como a navegação primária, fornecendo os links para o conteúdo principal, facilitando a navegação do usuário que já percorreu toda a rolagem do site.

• Navegação local - Resume-se em todos os subitens, ou subdivisões da navegação principal.

• Navegação contextual - Esse tipo de navegação normalmente está inserido no conteúdo da página. Pode, ou não, 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.

• Desktop

No projeto para desktop o usuário terá acesso à navegação global primária e utilitária, presente em todas as páginas.

6.4.Plano de esqueleto

6.4.1.Sistema de navegação

- 91


Navegação global primária - Recife, Roteiros, Atrativos, Agenda Cultural, Alimentação, Hospedagem, Transportes, Compras, Mapas e Contato.

Navegação global utilitária - Idiomas, Busca e Mapa do Site. O link para a home ficara apenas na marca, na parte superior do site.

Navegação local - História, Cultura, Gastronomia, Depoimentos, Fotos, Naturais, Noturnos, Culturais, Restaurantes, Lanchonetes, Bares, Hotéis, Pousadas, Taxi, Ônibus, Metrô, Como se deslocar, Shopping Centers, Mercados e Supermercados, e Feiras de Artesanato

Navegação contextual - A navegação contextual do site ocorre entre a página de roteiros e as páginas de história e cultura; entre Agenda Cultural e atrativos culturais e noturnos e entre as páginas de alimentação e gastronomia. Todas representadas pelas linhas pontilhadas no mapa (figura 31) apresentado anteriormente. Essa navegação poderá, ser disponibilizada através de hyperlinks no decorrer do texto.

• Mobile

Na versão mobile do projeto, a navegação global primária será visível apenas na homepage, para que se priorize o espaço para o conteúdo de cada página. Sendo assim, em todas as páginas, 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.

Para muitos usuários web mobile a navegação é feita por meio das teclas direcionais do aparelho. 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, 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é. Dessa forma diminui-se o desgaste de percorrer a barra de rolagem até o topo do site, ou mesmo usar inúmeras vezes as teclas direcionais para chegar aos links no topo.

Na versão mobile desse projeto não foi utilizada a navegação contextual. Dessa forma, evita-se que o usuário se perca ao percorrer longos caminhos e permutar entre diferentes seções.

Sendo assim, a estrutura foi dividida da seguinte maneira:

- 92


Navegação global primária - Recife, Roteiros, Atrativos, Agenda Cultural, Alimentação, Hospedagem, Transportes, Compras, Mapas, Temperatura, Busca e Contatos

Navegação global utilitária - Idiomas e Mapa do Site

Navegação global de rodapé - Home e Voltar

Navegação local - Características, Depoimentos, Fotos, Naturais, Noturnos, Culturais, Restaurantes, Lanchonetes, Bares, Hotéis e Pousadas

Com base no sistema de navegação definido para cada versão, foram feitos os wireframes iniciais que têm o objetivo de definir o posicionamento, disposição e dimensões de cada elemento na tela.

• Desktop

O wireframe para o site desktop (Figura 33) foi feito com base em uma grid de três colunas. A área de maior destaque é propositalmente a caixa próxima a marca do site, onde ficarão os roteiros em destaque. Os destaques abaixo da navegação local possuem peso semelhante.

O conteúdo da página inicial é composto pela marca do site, a navegação utilitária, navegação primária e navegação local. Esses elementos estarão presentes em todas as telas. Para a escolha dos destaques da homepage, foi levado em consideração o interesse das personas definidas. 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. Já a turista Erika, tem maior interesse em conhecer a cidade através dos roteiros. Sendo assim, o wireframe reserva espaço para os destaques de roteiros de um dia, mais interessantes para Erika; e destaques da agenda cultural, para Fernando. Além dessas informações haverá o início do formulário de cadastro, um destaque sobre o acesso mobile e as informações sobre a temperatura.

• Mobile

Para a versão mobile inicialmente foram desenvolvidos dois wireframes

6.4.2.Wireframe

- 93


Figura 33 – wireframe da página inicial para o projeto desktop.

Na busca de referências estéticas para a elaboração dos sites, foram analisados diferentes tipos de produtos que fizessem relação com os seguintes conceitos: viagem, turismo, roteiros turísticos, agenda cultural, eventos ou Recife.Os produtos aqui escolhidos serão divididos em indiretos e diretos. Todos possuem ao menos um dos conceitos mencionados anteriormente, mas podem ser diretos ou indiretos pelo fato de se tratar, ou não, de um website.

6.5. Plano de

superfície6.5.1.

Análise de similares

Figura 34 – Wireframe da homepage mobile.

Figura 35 – Wireframe da página interna mobile.

(figuras 34 e 35). Um para a página principal e sua navegação e outro como modelo para uma página interna, onde o campo reservado para conteúdo pode ser usado também para a navegação local.

- 94


Para cada um dos produtos escolhidos foram feitas descrições gerais e análise estética considerando tipografia, imagens, cores, formas e a relação existente entre esses elementos.

• Folder – Parque Temático da MadeiraFolder com roteiro de visitação ao Parque Temático da Madeira, em Portugal. O material é composto por um envelope e um folder com seis dobras.

Elementos visuaisTipografia – Sem serifa, caixa alta nos títulos e legendasFormas – Linhas diagonais, linhas tracejadas e círculos concêntricosFotografias – Coloridas

O envelope e o folder fazem referência a um bilhete de passagem aérea. Em cada página as fotografias do local são exploradas em mais de 50% do espaço. Os títulos e as legendas são em caixa alta. As legendas são inseridas na frente da fotografia sobre faixas de destaque na cor preta. Nas demais áreas, predominam o vermelho, o laranja e o branco. O percurso dentro do parque é representado pela linha tracejada que percorre todas as fotografias e interligam as páginas. Cada fotografia é um ponto de parada, um atrativo, representado pelos círculos concêntricos. As linhas tracejadas ainda são utilizadas como separador de algumas informações de texto. A peça possui acabamento arredondado e a dobra entre as páginas, um corte especial.

6.5.1.1.Similares indiretos

Figura 36 – Envelope e folder do Parque Temático da Madeira

- 95


• Calendário e coleção de postais – Recife: pontes, rios e históriasCalendário e conjunto de postais com representações de locais da cidade do Recife e suas histórias.

Elementos visuaisTipografia – Uso de fontes com serifa e sem serifaFormas – Linhas e losangosFotografias e pinturas – Coloridas

O Calendário de parede é composto por 15 folhas. A capa possui textura apenas visual e formas que fazem referência a uma das pontes da cidade, nela predominam o preto é o cinza. Os cortes vazados em alguns dos losangos da capa permitem que as imagens da primeira página sejam vista já no início. Os locais da cidade são representados através de pinturas coloridas, impressas em papel Linho Telado, de textura semelhante a tela de um quadro. A tipografia utilizada nos títulos possui um traço orgânico. Já as linhas são utilizadas como separadores.

Figura 37 – Calendário e coleção de postais : Recife: pontes, rios

e histórias

- 96


• Livro de Bolso – Mercados do RecifeLivro de bolso abordando os principais aspectos de alguns mercados públicos da cidade do Recife, suas histórias e tradições.

Elementos visuais Tipografia – Fontes sem serifa e fontes caligráficasFormas – Ornamentos, linhas e caixas de títuloFotografias – Coloridas

Na capa predominam os tons de vermelho com jogos de luz e sombra. Uso de muitas fotografias, coloridas, em formato retangular e recortadas em contorno. Apesar das fotografias serem coloridas, no miolo existe uma divisão das seções por cores que pode ser vista na lateral do livro. São utilizadas caixas de título em algumas páginas, bem como linhas divisórias e molduras com bordas arredondadas. Ao longo do projeto podemos ainda observar ornamentos que fazem referência a cada um dos mercados.

Figura 38 – Livro de bolso, Mercados do Recife

- 97


• Revista – In MagazineRevista piloto, de caráter internacional, dedicada à apresentação de atrativos noturnos: espaços de lazer, tendências, eventos e artistas da noite.

Elementos visuaisTipografia – Sem serifaFormas – Predominância de forma geométricas, linhas, círculos e retângulosFotografias e desenhos – Coloridos

A revista, com estilo jovem, possui 64 páginas. Entre as características que compõe unidade a publicação, está o jogo de formas geométricas, seja nos ornamentos das páginas, seja no detalhe da paginação ou composição das imagens; e faixas estreitas que separam o cabeçalho e o rodapé do conteúdo. Cada matéria traz elementos que fazem referência ao tema abordado. É Fácil perceber o uso de cores fortes como o roxo, vermelho, azul escuro ou ciano. Observa-se também muito preto ou cinza, como background ou elementos da página, o que confere ao projeto um ambiente noturno.

Figura 39 – Revista In Magazine

- 98


• Site – 180 Degrees (http://www.180degrees.co.uk)Website que funciona como diário de bordo de dois jovens viajantes.

Elementos visuaisTipografia – Sem serifa e caixa alta nos títulosFormas – Linhas tracejadas, caixas de título e setasFotografias – 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, mapas e diários para criar maior interação em cada seção. Todos os títulos possuem caixa alta e alguns deles aparecem em uma caixa na cor preta, verde ou em caixas com preenchimento texturizado, semelhante a uma folha de papel. As fotografias aparecem com corte reto e no mapa dos percursos, o site possui ícones, linhas e setas.

6.5.1.2.Similares diretos

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

- 99


• Site – Northeast England(http://www.visitnortheastengland.com)Site turístico do nordeste da Inglaterra, com informações do local e indicações de passeios e hospedagem.

Elementos visuaisTipografia – Sem serifaFormas – Formas retas ou com pequenos arredondamentos nas extremidades, detalhes com setas e círculosFotografias – Coloridas

O site faz uso de uma tabela de cores com variações entre o roxo e o lilás, além do branco. Os títulos e destaques internos das seções utilizam fonte em bold. São utilizadas caixas de cor suave para identificar os subtítulos juntamente com setas e ícones em pequenos círculos. Na homepage, fotografias e textos em destaque se alternam e ocupam mais de um terço da largura do site. De forma geral, o site possui um layout limpo e bastante homogêneo, fazendo uso apenas de pequenos efeitos em degradê, como sombra nas extremidades do site e nas extremidades das abas, pequenos efeitos de brilho e detalhes sutis, como linhas pontilhadas.

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

- 100


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

• Site – South Africa(http://www.southafrica.net)Site oficial do turismo na África do Sul

Elementos visuaisTipografia – Sem serifaFormas – Linhas preenchidas, linhas pontilhadas e formas levemente arredondadasFotografias – 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. Quanto as imagens que ilustram o conteúdo, estas possuem as bordas levemente arredondadas. Os grupos de conteúdo são identificados no menu por linhas de cores diferentes, cores referentes a África do Sul: vermelho, verde, preto e amarelo. São utilizadas linhas preenchidas, nas mesmas variações do menu, para identificação dos títulos e linhas pontilhadas para separação de conteúdo. Em todas as páginas é mostrado um grande mapa com pontos de visitação e várias fotografias em miniatura.

- 101


Figura 43 – Telas do site Tourisme Montréal(http://www.tourisme-montreal.org)

• Site – Tourisme Montréal(http://www.tourisme-montreal.org)Site turístico da cidade de Montreal, no Canadá.

Elementos visuaisTipografia – Sem serifa e caixa alta nos títulosFormas – Formas retas, linhas preenchidas, linhas pontilhadas e setasFotografias – Coloridas

Uma enorme fotografia da cidade ocupa a maior área da página inicial do site. Essa imagem preenche toda a largura do site e seu background. São usadas fotografias com cortes retangulares e ícones monocromáticos. Todos os títulos são em caixa alta, e quando títulos de seções, se apresentam também em faixas de preenchimento sólido. As cores predominantes no site são os tons de lilás, o cinza e o branco. Alguns pequenos detalhes no preenchimento das formas garantem elegância ao site: preenchimento de setas e faixas com linhas pontilhadas ou inclinadas.

- 102


6.5.2.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, definido anteriormente, não era a melhor solução para a organização dos elementos que deveriam compor a homepage. Sendo assim, estudou-se alternativas não só de layout como também de wireframes. Os estudos realizados deram origem a três alternativas visuais.

Figura 45 – alternativa 02


- 103



Para selecionar a melhor alternativa entre os esboços realizados, utilizou-se o método de Peón (2003) intitulado tabela de estilo de esboço de alternativas. Para isso, geramos uma tabela com critérios a serem avaliados nas alternativas propostas. Para cada critério foi atribuído um peso e uma nota de 0 a 5. O método foi aplicado como forma de melhor justificar a escolha do layout que passaria para a próxima etapa, a avaliação estética.

Segue abaixo a tabela com os critérios e notas:

Pesos Alterna. 01 Alterna. 02 Alterna. 03Harmonia 3 1 5 4

Originalidade 3 2 3 4Clareza 3 2 4 4

Adequação ao público alvo 4 2 3 5Total 23 48 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, é possível observar que a alternativa 03 obteve a maior pontuação, sendo então, a selecionada para a próxima fase – a avaliação estética por parte dos usuários.

- 104


6.5.3.Avaliação estética

Como especificado na metodologia do projeto, a avaliação estética do ponto de vista do usuário foi aplicada com base na TAE.web-u, Técnica de avaliação estética para websites com usuários, desenvolvida por Pirauá (2007). Foram feitas pequenas adaptações com base no modelo de questionário e entrevista desenvolvidos por Pirauá (ibid).

Por considerar-se desnecessárias para a análise desse trabalho, as duas questões abaixo, presentes no modelo original da pesquisa, foram retiradas da entrevista aqui aplicadas:

1 - 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 - Você já conhecia o site apresentado?

( ) Sim ( ) Não ( ) Talvez

A avaliação foi aplicada com 10 pessoas, cinco delas correspondente ao grupo dos usuários locais e as demais correspondente ao grupo dos turistas. A TAE.web-u foi aplicada pessoalmente ou através da internet, pelo Messenger. Foi possível perceber que as avaliações realizadas pessoalmente rendem um maior detalhamento nos comentários, o que enriquece a avaliação e consequentemente o resultado final do projeto.

A seguir é apresentado o modelo final da avaliação composto por questionário e entrevista.

- 105


Avaliação Estética - Modelo

Informações pessoaisNome: Idade: Ocupação: Sexo: ( ) Masculino ( ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( ) Ensino Superior ( ) Pós-graduação

QuestionárioAgradecemos desde já a sua participação nesta pesquisa. Preencha o questionário abaixo usando as primeiras respostas que vierem na sua mente. Não se preocupe em acertar, pois não há respostas certas nem erradas. Responda da forma mais sincera possível e sinta-se à vontade para fazer qualquer comentário.

1. Use as palavras abaixo para descrever o que você sentiu ao observar a tela do site que foi apresentada para você. Faça apenas uma marcação em cada uma das linhas horizontais.

Muito

PoucoNulo

Pouco

Muito

Atração RepulsãoSurpresa agradável Surpresa desagradável

Inspiração DesestímuloDiversão Tédio

Admiração DesprezoSatisfação Insatisfação

Fascinação Frustração

2. Agora use as palavras seguintes para descrever qual foi a idéia passada pela tela do site que foi apresentada para você. Faça apenas um marcação em cada uma das linhas horizontais.

Muito

PoucoNulo

Pouco

Muito

Masculino FemininoInerte Ativo

Quente FrioInfantil Maduro

Modesto SofisticadoModerno TradicionalRefinado Rústico

Excepcional MedíocreSério Extravagante

Original Comum

- 106


EntrevistaEsse 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. Em uma escala de 0 a 10, que nota você daria à beleza desse site?

2. Em uma escala de 0 a 10, que nota você daria ao estilo (formato, tamanho e disposição dos elementos) do site?

3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site?

4. Em uma escala de 0 a 10, que nota você daria às fontes que foram usadas?

5. Você consegue identificar alguma área do site que lhe desagradou?

6.Quais seriam as suas sugestões para melhorar a aparência deste site?

- 107


Para participar da avaliação, o usuário era inicialmente apresentado ao layout da tela do site, alternativa 03. 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. Em seguida, o participante respondeu o questionário e a entrevista podendo fazer os comentários que quisesse.

Como forma de definir referências e parâmetros para a comparação dos resultados, foram preenchidos os modelos ideais para as duas tabelas do questionário. Esses modelos referem-se às expectativas em relação a cada uma das descrições.

Modelo ideal dos sentimentos do usuário em relação ao site

MuitoPouco

Nulo

PoucoMuito





• Modelo ideal para as idéias transmitidas pelo site

Muito

Pouco

Nulo

Pouco

Muito





Original Comum

- 108


Segundo o modelo ideal desenvolvido, o layout do site deve ser muito atrativo e divertido e provocar muita surpresa agradável e satisfação. As emoções que estariam em segundo plano, importantes por serem aspectos positivos, mas não essenciais em níveis elevados para esse caso, são: Inspiração, admiração e fascinação.

O modelo ideal referente às idéias transmitidas pelo site determina que o layout deva ser um pouco ativo, maduro, moderno, sério e original. Os extremos, masculino e feminino, quente e frio, modesto e sofisticado, refinado e rústico, excepcional e medíocre foram colocados como nulos, pois não há o interesse de que essas idéias sejam transmitidas.

Segundo Norman (apud Pirauá, 2007), quando ocorre uma maior concentração de respostas positivas, significa que a interface está agradando o usuário. No caso em que a maior parte das respostas estiver relacionada a emoções negativas, a interface desagrada seus usuários e dessa forma, é necessário alterações em caráter de urgência. Existe ainda uma terceira possibilidade, onde a maior parte dos usuários responde de forma indiferente “nulo”, significando assim que a interface, no mínimo, não agrada e tão pouco provoca reações positivas. Após a aplicação da avaliação é esperado que o site desperte na maioria dos usuários emoções positivas.

A seguir, veremos em detalhes, as comparações de cada modelo ideal e os resultados levantados com a avaliação dos usuários.

- 109


No que diz respeito ao impacto emocional do usuário em relação à estética do site apresentado, a maior parte respondeu de forma positiva. Em nenhum dos casos a resposta negativa ultrapassou os 10% e o percentual máximo para a escolha do “nulo” foi de 30%.

Conforme mostrado na tabela anterior, é possível perceber a porcentagem e a intensidade para cada alternativa. A atração correspondeu à escolha de 90% dos usuários. Inspiração e satisfação foi escolha de 80%. Já a surpresa agradável obteve 70%, assim como diversão, admiração e fascinação.

Em comparação com ao modelo ideal, a avaliação dos usuários se deu de forma não esperada apenas no nível de diversão e admiração. Para o sentimento de diversão o site deveria atingir o nível “muito”. Porém, 70% consideraram o layout divertido, uma soma dos 30%, que optaram como “muito”, com os 40% dos usuários que escolheram “pouco”. Uma discordância de baixa gravidade, tendo em vista que o percentual geral de diversão manteve-se nas emoções positivas. Quanto a “admiração” o resultado foi

Resultado da avaliação dos usuáriosMuito

Pouco

Nulo

PoucoMuito

Atração 50% 40% 10% RepulsãoSurpresa agradável 50% 20% 30% Surpresa desagradável

Inspiração 30% 50% 20% DesestímuloDiversão 30% 40% 20% 10% Tédio

Admiração 40% 30% 30% DesprezoSatisfação 50% 30% 10% 10% Insatisfação

Fascinação 10% 60% 20% 10% Frustração

• Observações dos sentimentos do usuário em relação ao site

Modelo idealMuito

Pouco

Nulo

PoucoMuito





- 110


além das expectativas, mas assim como “diversão”, em uma pequena margem de diferença. Era esperado que essa emoção atingisse apenas o nível “pouco”, no entanto, 40% consideram o layout muito admirável e 30% tiveram pouca admiração.

De forma geral podemos então afirma, que inicialmente, o layout do site agradou o público alvo através de emoções positivas.

Seguem abaixo as comparações referentes às idéias transmitidas pelo layout do site.

Resultado da avaliação dos usuáriosMuito

Pouco

Nulo

Pouco

Muito

Masculino 20% 80% FemininoInerte 10% 20% 20% 30% 20% Ativo

Quente 30% 50% 20% FrioInfantil 20% 20% 30% 30% Maduro

Modesto 20% 20% 20% 20% 20% SofisticadoModerno 20% 30% 40% 10% TradicionalRefinado 30% 40% 30% Rústico

Excepcional 30% 70% MedíocreSério 40% 50% 10% Extravagante

Original 30% 20% 10% 30% 10% Comum

• Observações relacionadas a idéia transmitida pelo site

Modelo idealMuito

Pouco

Nulo

Pouco

Muito





Original Comum

- 111


Entre as opções masculino e feminino, 80% consideram que o site não parece ter essa característica bem definida, e marcaram nulo. Somente 20% registraram uma idéia um pouco masculina. Resultado satisfatório.

50% dos usuários identificam que o site é ativo, 30% consideram-no inerte e 20% nulo. Resultado não satisfatório, pois apenas 20% do total dos pesquisados declarou o que realmente esperava-se, que o layout é muito ativo. Um mesmo percentual de 20% o considerou um pouco inerte.

Entre as opções de quente e frio, o frio obteve 70%, os 30% restante foram nulos. Resultado considerado um pouco satisfatório, tendo em vista que não se deseja despertar nenhum dos extremos.

60% dos pesquisados acham que o site apresentado transmite uma idéia madura. 20% vêem o layout de maneira um pouco infantil e o mesmo percentual foram nulos. Essa característica atendeu de forma satisfatória as expectativas.

Modesto e sofisticado foram as únicas opções que se mantiveram em igualdade de percentagem em todas as intensidades, 20% para cada opção. Resultado considerado satisfatório de acordo com o modelo ideal definido.

50% dos usuários consideram que o layout é moderno, 40% o consideram nulo e 10%, muito tradicional. Essas características parecem um pouco confusas para o usuário e terão que ser mais bem trabalhadas.

Entre as idéias de refinado e rústico o resultado se mostrou satisfatório. A descrição de rústico não obteve escolha alguma, 70% descreveram o site como refinado e 30% o consideram nulo.

70% dos usuários não consideram o site excepcional ou medíocre e 30% consideram-no um pouco excepcional. Resultado correspondente as expectativas.

Já entre as idéias de sério e extravagante, 50% dos pesquisados marcaram nulo, 40% julgam um pouco sério e 10%, um pouco extravagante. Resultado que corresponde ao modelo ideal.

Entre original e comum a avaliação foi bem equiparada. 50% consideram o site original, contra 40%, que escolheram a opção comum, e apenas 10% marcaram que o layout é muito comum. 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

- 112


definiram como muito comum.

Com relação às idéias que deverão ser mais bem desenvolvidas, o layout deverá ser mais ativo, mais moderno e original.

Análise das notas

Com as notas que foram dadas nas questões 1, 2, 3 e 4, da entrevista, foi feita a média que resultou no seguinte quadro:

Para analisar as médias obtidas, foi definido o critério que se segue:

0 a 4,9: ruim ou péssimo – Faz-se necessária uma reforma urgente na interface.5 a 7,9: regular – A interface pode melhorar, então é necessária uma reforma, sem caráter de urgência.8 a 10: bom ou ótimo – Não são necessárias alterações

A menor média foi na análise das cores, 7,8. Tendo em vista que foram feitos muitos comentários e sugestões com relação às cores utilizadas no site, essa será uma das alterações para que o layout atinja uma pontuação maior entre os usuários. De fato, as demais notas estão entre 8 e 10, que segundo o critério demonstrado anteriormente, não necessitam de alterações. No entanto, percebeu-se que todas essas médias ficaram muito próximas do limite que dividi o resultado bom e o regular, sendo a maior delas de 8,8. Boa parte dos usuários tem dificuldades em definir o valor das notas e em geral os pesquisados disseram gostar da interface, mas na maioria dos casos, não deram nota máxima. Alguns deles não souberam expressar exatamente o que lhes desagradava.

Sendo assim, definiu-se que além das cores utilizadas no layout, a beleza, o estilo e as fontes aplicadas na interface, poderiam ser melhoradas. Essas mudanças seriam fundamentadas com os comentários, problemas e sugestões

MédiasBeleza do site 8,35

Formato , tamanho e disposição dos elementos 8,5Cores 7,8

Fontes 8,8

Tabela 2– Média das notas da avalição estética

- 113


Cores monótonas, muito azul 60%Forma diagonal do fichário 30%Pouco espaço entre o menu e o fichário 30%Mancha azul no topo 30%Fonte da área de roteiros 20%Site pequeno na largura 20%Falta de estilo da fonte do menu 20%Linha tracejada no lado direito 20%Background branco 10%A área de cadastre-se chama muita atenção 10%Foto central pequena 10%Sombra azul no rodapé 10%Linha tracejada do menu 10%A área de roteiros poderia ser mais trabalhada 10%

Usar tons mais escuros e adicionar outras cores 60%Mudar a fonte do menu 20%Aproveitar mais as laterais 20%Usar mais fotos 20%Destacar mais a agenda cultural 10%Aumentar a fonte do título dos roteiros 10%Usar cores da bandeira do Recife 10%Dar textura ao menu 10%

citadas pelos usuários. Informações que analisaremos a seguir.

Problemas apontados

Durante toda a avaliação os usuários poderiam fazer os comentários que quisessem. Porém, nas perguntas de número 5 e 6 da entrevista, tinha-se espaço especificamente para identificar problemas e dar sugestões. Como forma de identificar a gravidade dos problemas apontados utilizou-se os critérios a seguir:

Citado por mais de 50%: alta gravidadeCitados por mais de 25%: média gravidadeCitado por menos de 25%: baixa gravidade

Sugestões

Tabela 3– Problemas encontrados na avaliação estética

Tabela 4– Sugestões dos usuários na avaliação estética

- 114


Alterações

Ao final de toda essa análise, podemos comentar a seguir, as alterações que a interface sofreu para a finalização do layout desse projeto.

As alterações propostas têm a intenção de tornar o site um pouco mais ativo, divertido e com aspectos mais originais. Reavaliar as cores utilizadas, por exemplo, será fundamental para ressaltar tais aspectos. Além de ajustes nas fontes, no menu e nos destaques dos roteiros turísticos.

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, conforme mostrado a seguir:

• Checar a possibilidade de escurecer o azul utilizado;• Inserir outra cor para quebrar a monotonia atual;• Checar a possibilidade de mudar ou retirar as machas azuis do topo e do rodapé do site;• Destacar mais o menu mudando a fonte e adicionando cor ou caixas em cada item;• Checar a margem inferior do menu;• Diferenciar o título do que está abaixo dele;• Dar maior destaque aos roteiros turísticos e usar fotos mais atrativas;• Checar a possibilidade de limitar a área do site nas laterais e no rodapé.

- 115


6.5.4.Layout

De forma geral, na interface final do website, realizou-se as alterações detectadas na avaliação estética, sem esquecer da conformidade com as informações definidas no início da metodologia, como por exemplo, as características das personas, Fernando e Erika, e os objetivos de que o site deveria permitir que as páginas tivessem um carregamento rápido.

Nessa etapa é apresentado o layout final do site desktop e algumas telas desenvolvidas, com um descritivo sobre suas respectivas características. Se tratando de um mesmo produto, a versão mobile manteve a mesma identidade definida, com as devidas adequações que aqui serão descritas.

Foram selecionadas para apresentação páginas com diferentes formatações: a tela da página inicial; as páginas de roteiros, com textos e fotos e uma tela que apresenta a formatação de formulários.

Justificativas

No que se refere à aplicação das formas, a interface explorou alguns contornos diagonais e arredondados de modo a proporcionar certo dinamismo. As formas retangulares ligadas por argolas transmitem a idéia de um guia de viagem, com páginas e bolsos onde estão todas as informações que o usuário precisará. Foram utilizados pequenos detalhes, como linhas preenchidas e linhas tracejadas, na separação de conteúdo e definição de títulos. Esses recursos foram identificados com freqüência na análise de similares e se

Figura 47 – Layout final

- 116


adequou as necessidades do projeto. Efeitos de sobras nas extremidades das formas também foram aplicados garantindo um volume sutil aos elementos.

A paleta de cores utilizada resumi-se em 3 cores básicas e suas variações: azul, laranja e vermelho. Essa proposta concede ao projeto certa originalidade, tento em vista que não se restringe as cores da bandeira de Recife, como se vê com freqüencia em outros sites.

Foram utilizadas apenas tipografias sem serifa, justificadas por serem mais bem adequadas para trabalhos web. Utilizou-se as fontes Susanna e Eurostile em títulos e menu. Já para as massas de textos, o conteúdo, foi utilizado a fonte Verdana, por ser uma das fontes padrões para internet e que apresenta boa legibilidade em escalas reduzidas, importante para a versão web mobile.

As fotografias utilizadas são todas colorias e de tamanhos variados de acordo com cada página. Todas com bordas arredondadas.

Foram ainda utilizados pequenos ícones para ajudar na identificação de tarefas específicas e setas, posteriores a links de texto curto.

6.5.4.1.Desktop

Página inicial

A página inicial da versão desktop é composta por destaques da agenda cultural; temperatura; destaques de roteiros turísticos, onde são apresentados por meio de animação os roteiros mais procurados; área de cadastramento com preenchimento de dados iniciais; e destaque do acesso mobile.

Como mencionado na geração de alternativas, o wireframe definido no plano de esqueleto, sofreu modificações. Ficou então definido o wireframe mostrado na figura 49.

Figura 48 – Detalhes de alguns elementos utilizados no layout

- 117


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. Nele encontramos a navegação primária, navegação local, navegação utilitária e a marca com link para a página inicial.

Ao passar o mouse em um dos itens do menu, uma aba com linha tracejada faz seu contorno e seus subitens aparecem abaixo. Quando direcionado para

- 118


uma das páginas internas, a seleção da aba permanece ativada, mostrando os subitens da respectiva seção (figura 50).

A navegação utilitária (figura 51) é representada por ícones e texto nos casos do idioma e no mapa do site. A busca simples se apresenta apenas com o campo de texto e o botão, e a busca avançada, um link em texto.

A navegação contextual (figura 52) é apresentada ao lado do conteúdo e definida em uma caixa na cor azul, com um sutil efeito de aba que altera a cor ao passar o mouse.

Figura 50 – Navegação primária

Figura 51 – Navegação utilitária

Figura 52 – Navegação contextual

Páginas interna

As páginas internas, assim como a página inicial, possui uma grid de três colunas. No entanto, as duas primeiras colunas são agrupadas para o conteúdo principal da seção. O topo dessa área possui o título, em vermelho, e links com o caminho percorrido, chamado de breadcrumbs ou migalhas de pão. Na coluna da direita são apresentados a navegação contextual e conteúdo auxiliar. Na coluna do conteúdo, o título é separado por duas linhas preenchidas. Já na coluna da direita, os títulos são diferenciados apenas pela cor e tipografia e as áreas são divididas por linhas tracejadas.

Figura 53 – Wireframe geral das páginas internas

- 119


Página Roteiro

Ao escolher a opção “Roteiro”, o usuário será direcionado a lista de todos os roteiros disponíveis. Os roteiros são organizados por ordem alfabética e divididos por paginação. O usuário poderá encontrar um roteiro, procurando pela lista ou utilizando um campo de busca específico para esta seção. Através da busca é possível encontrar um roteiro pesquisando por uma palavra chave, um lugar que deseja conhecer, ou mesmo o nome de um roteiro específico que está em uma das páginas da lista. Além disso, o usuário encontra destaques dos roteiros mais procurados no site.

Na página, cada roteiro é encontrado em um quadro com o título, uma foto representativa e texto com alguns dos pontos que o roteiro contempla. Esses

Figura 54 – Tela Roteiros

- 120


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; ela funciona como uma referência visual para encontrar determinado roteiro.

A coluna da direita, coluna de apoio, traz a navegação contextual: Histórias da Cidade e Cultura Recifense. Abaixo se vê o campo de busca para os roteiros. Essa função é destacada através da aplicação da cor, onde foi usado o vermelho e o laranja. 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.

Página Roteiro Recife Antigo

Figura 55 – Tela Roteiro Recife Antigo

- 121


Ao escolher um dos roteiros disponíveis, o usuário tem acesso à página com o detalhamento das informações. O roteiro aqui exemplificado é o Roteiro Recife Antigo. À primeira coluna conta com a descrição do percurso e destaques dos pontos principais. Esses pontos principais são em fonte maior que os demais textos e dão acesso a uma foto e legenda. Essa legenda apresenta algumas informações básicas, como horário de funcionamento e preço de acesso.

A coluna de apoio é dividida em três áreas: Fotos, Depoimentos e Mapas do Roteiro. Todos esses títulos aparecem em caixas na cor laranja e com um ícone representativo na lateral. Na área de fotos, a foto representativa do roteiro aparece maior, com outras miniaturas abaixo. As miniaturas quando clicadas, levam 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. 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.

Figura 56 – Visualização de fotos

- 122


Página Cadastre-se

A página de cadastramento é basicamente composta por um formulário com opções de campo de texto, checkbox, radio button e um botão de finalização.

As informações são divididas em dois grupos, limitados por caixas semelhantes as da página de roteiros: bordas arredondadas, identificação no topo e um leve sombreamento entre o título e o início do texto. Os campos de texto mantêm o mesmo aspecto dos que se apresentam na página inicial, preenchimento suave em degradê e contorno azul. Já os checkboxes e radio buttons são na cor branca.

A lateral desta página possui um texto com informações auxiliares sobre o cadastramento e um destaque sobre o acesso por celular.

Figura 57 – Tela Cadastre-se

- 123


6.5.4.2.Mobile

Para levar a mesma identidade para a interface do site mobile, algumas alternativas foram estudadas. E assim como no caso do desktop, permitiu-se testar opções de wireframe. Ao final do estudo foi selecionada a figura 59.

Apesar de possuir um layout fluido, todas as telas mobile foram projetadas para se adequarem principalmente à resolução dos celulares do público alvo (176 X 220).

Os mesmo elementos visuais foram utilizados, porém em menor quantidade e com algumas adaptações para não deixar o espaço visualmente carregado. As linhas preenchidas; linhas tracejas e suaves efeitos de sombra e degradê, foram mantidos; já as bordas se tornaram menos arredondadas. Foi utilizada apenas a fonte Verdana e essa opção foi adotada para garantir a legibilidade, tendo em vista a resolução dos celulares do público alvo e o tamanho da fonte.

Página inicial

O wireframe da página inicial, definido no plano de estrutura, não atendeu as necessidades do site. Os ajustes no wireframe colocaram a navegação utilitária com disposição horizontal e trouxeram para a página algumas imagens de roteiros, no intuito de tornar a homepage mais atraente.

A página possui uma grid de duas colunas. Uma com fotos e a outra com a navegação primária. As fotografias aparecem em caixas retangulares, levemente arredondadas e com a mesma relação visual no site desktop.

Figura 58 – Tela da página principal

Figura 59 – Wireframe da página principal

- 124


Navegação

A navegação utilitária acontece apenas através dos links em texto, sem uso de ícones, na cor azul e sobre uma faixa laranja. A navegação primária e a navegação local são na cor vermelha e separadas por linhas tracejadas. Os links de “home” e “voltar” possuem as mesmas características da navegação utilitária.

Páginas Internas

O wireframe para as páginas internas foi mantido de acordo com a definição no plano de estrutura. Entre os elementos presente em todas as páginas internas, tem-se a marca do Rota Recife, os links “home” e “voltar”, a área do conteúdo, disposta em uma única coluna, e a repetição dos links que permitem ir a página inicial ou voltar para a página anterior.

A área reservada para o conteúdo possui background azul e título separado por linha preenchida.

Página Roteiro

Figura 60 – Sistemas de navegação mobile

Figura 61 – Tela Roteiro

Na página “Roteiros”, o usuário encontrará as informações sobre a busca por roteiros e a lista de todos os roteiros, visualizados pelo título de cada um. As caixas para cada roteiro se intercalam entre o azul e o laranja. Quando escolhido um dos roteiros tem-se acesso a página com o detalhamento das informações daquele percurso.

- 125


Página Roteiro Recife Antigo

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

Figura 62– Tela Roteiro Recife Antigo

- 126


6.6. Protótipo digital

A intenção do protótipo digital desenvolvido no final desse projeto é apresentar, em computadores e celulares, as telas anteriormente mostradas. Com isso, pretende-se permitir a utilização de recursos básicos e trazer parte da experiência que o site provocará nos usuários, quando completamente finalizado.

O foco do protótipo é analisar as questões de design que foram desenvolvidas e avaliar a necessidade de ajustes e modificações.

Página de Fotos

As fotos podem ser visualizadas separadamente quando acessado a link na página de detalhamento do roteiro. A página apresenta as imagens com bordas arredondadas e uma legenda abaixo.

Página Contatos

A opção de cadastramento não estará disponível nessa versão. Dessa forma, para representar a disposição de uma tela com formulário, foi aqui utilizada a seção de contatos.

A página possui informações em texto, botão e campos com as mesmas características visuais da versão desktop.

Figura 63 – Tela de fotos do roteiro

Figura 64 – Tela Contatos

- 127


Como vimos, a convergência das mídias, a difusão dos dispositivos móveis de acesso a web e a própria web mobile, são resultados da necessidade de comunicação constante. Dessa forma, Os computadores do tipo desktop vão perdendo espaço para dispositivos portáteis, afinal a mobilidade nunca foi tão atual. A miniaturização dos dispositivos e a convergência de funções nos aparelhos celulares crescem na mesma proporção. Queremos mais funcionalidades no menor espaço físico possível, e o que antes era apenas comunicação de voz, agora possui incontáveis funcionalidades. Tudo isso justifica os atuais investimentos em aplicações móveis para a web.

Vimos que a mobilidade na web avança a largos passos, mas que junto a esse crescimento é preciso garantir a qualidade na experiência do usuário, no design de interação, usabilidade e acessibilidade. Para tal, faz-se necessária as adequações que aqui foram propostas.

O presente trabalho teve como objetivo o desenvolvimento de um site com aplicação na web desktop e na web mobile. Definiu-se então um cliente hipotético, e o produto: um site de roteiros turísticos de um dia pela cidade do Recife. Intitulado Rota Recife, o site visa atender às necessidades de turistas e moradores da cidade, oferecendo as melhores informações de turismo e lazer em plataformas desktop e mobile. O site pretende ser uma ferramenta de fácil acesso, antes e durante visitas à cidade.

Percebemos que as etapas de desenvolvimento de um projeto do tipo desktop, aqui expostas, podem ser facilmente aplicadas no desenvolvimento da versão mobile. Para isso, no entanto, foi preciso traçar paralelos constantes entre as duas modalidades. 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, computadores e celulares. Antes de projetar para um dispositivo específico, precisamos conhecê-lo, saber quais os sistemas que o envolve, como ocorre a interação e quais as vantagens e limitações que oferece ao usuário.

Ficou claro também, que mudanças e ajustes no projeto são sempre necessárias. Nenhum dos planos aqui realizados são definitivamente imutáveis, principalmente quanto tem-se a participação dos usuários em diferentes etapas. Assim como nas entrevistas iniciais, no carding sorting ou

7. Conclusão

- 128


na avaliação estética, 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.

Dessa forma, o projeto resultou em uma solução bastante satisfatória a todos os seus objetivos inicias. O site poderá ser acessado por usuários que utilizam aparelhos de acesso a internet, fixo ou móveis, e garantirá a qualidade da experiência do usuário. Uma interface agradável, com a contribuição do próprio usuário na organização das informações.

O protótipo digital aqui desenvolvido teve apenas o intuito de testar a conformidade das telas projetadas, sua navegação e permitir as devidas comparações no acesso por meio de computadores e celulares. Recomenda-se, como desdobramento desse trabalho, 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.

As fontes de pesquisa sobre a web mobile, por enquanto, não são muitas, porém aos poucos vão surgindo novas publicações. 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. 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, especialmente, no que diz respeito às diretrizes da web móvel.

- 129


Referências bibliográficas

ABREU, Leonardo Marques de. Usabilidade de telefones celulares combase em critérios ergonômicos. Rio de Janeiro: PUC, 2004, 294f.Dissertação (Mestrado) – Pontifícia Universidade Católica do Rio de Janeiro, Departamento de Artes & Design, Rio de Janeiro, 2004.

DOMINGO, Henrique Costa Pereira. Algumas questões em torno do desenvolvimento de sites para dispositivos móveis. [S.I.], 2007. Disponível em: <http://revolucao.etc.br/archives/algumas-questoes-em-torno-do-desenvolvimento-de-sites-para-dispositivos-moveis/>. Acesso em: 14 dez. 2008.

GARRETT, Jesse James. The Elements of User Experience: User-Centered Design for the web. New Riders, 2003.

HORST, Heather. The Cell Phone – An Anthropology of Communication. [S.I.]. Berg, 2006

KRUG, Steve. Não me Faça Pensar. 2. ed. Tradução de Acauan Pereira. Rio de Janeiro: Alta Books, 2006.

MAGUIRE, Martin. Methods to support human-centred design. HUSAT Research Institute, Loughborough University, Leicestershire, UK, 2001.

MEIRA, Sílvio. Convergência digital... no celular. Recife: G1 – Portal de Notícias da Globo, 2007. Disponível em: <http://www.silviomeira.globolog.com.br/archive_2007_05_26_19.html>. Acesso em: 25 jan. 2009.

MELGAR, Robinson. Web móvel: a internet de bolso já é realidade. Revista Locaweb, 5. ed. Rio de Janeiro: Europa Ltda, p. 23-31, Abril. 2008.

MEMÓRIA, Felipe. Design para a internet: projetando a experiência perfeita. Rio de Janeiro: Elsevier, 2005.

MTLD - DOTMOBI. Mobile Web Developer’s Guide: Creating Simple Mobile Sites for Common Handsets. [S.I.]. 2007.

NIELSEN, Jakob. Projetando Websites. Rio de Janeiro: Campus, 2000.

- 130


_____________. Usability Engineering. Boston, MA: Academic Press, 1993.

REVISTA PC WORLD/EUA. Do tijolo ao iPhone: acompanhe a evoluçãodos celulares. [S.I.]. Disponível em: <http://idgnow.uol.com.br/computacao_pessoal/2007/06/01/idgnoticia.2007-06-01.3791063042/>, 2007. Acesso em: 20 mar. 2009.

STERLING, Bruce. When blobjects rule the Earth. Palestra apresentada na SIGGRAPH, Los Angeles: 2004. Disponível em: <http://www.boingboing.net/images/blobjects.htm>. Acesso em: 12 jan. 2009.

PADOVANI, Stephania. Ergonomia informacional. Apostila de acompanhamento de disciplina para o curso de especialização em ergonomia informacional - Departamento de Design da Universidade Federal de Pernambuco. Recife, 2002.

PEÓN, Maria L. Sistemas de Identidade Visual. 3. ed. Rio de Janeiro: 2AB, 2003

PINHEIRO, Mauro; SPITZ, Rejane. O design de interação em ambientes de ubiqüidade computacional. Congresso Internacional de Design da Informação, 3., 2007, Curitiba; Anais...CD-ROM. Curitiba, 2007.

PIRAUÁ, José. TAE.web-u : a construção de uma técnica para avaliação estética de websites com usuários. Recife: UFPE, 2007, 150f. Dissertação (Mestrado) – Programa de Pós-Graduação em Design. Universidade Federal de Pernambuco, Recife, 2007.

PREECE, Jenifer; ROGERS, Yvonne; SHARP, Helen. Design de interação: além da interação homem computador. Tradução de Viviane Possamai. Porto Alegre: Bookman, 2005.

SIQUEIRA, Alexandre de Oliveira. Usabilidade na internet: Uma avaliação de portais web nacionais sob a ótica do acesso para a terceira idade. Recife: UFPE, 2005. Trabalho de conclusão de curso - Bacharelado em Design. Universidade Federal de Pernambuco, Recife, 2005.

- 131


Anexo I - Entrevistas

Nome: Juliana Santos Idade: 30

Sexo: Masculino [ ] Feminino [ X ] Nacionalidade: Brasileira

Cidade e país onde reside: Recife – PE - Brasil

Grau de escolaridade: Técnico em Contabilidade e Cursando Superior de Administração

Ocupação: Assistente Financeiro



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, 160 HD, 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, 2G de memória, 160HD e resolução de 1280x800

Qual o modelo do seu aparelho de celular: Nokia n95, Sony Ericsson, Sansumg


Com que freqüência acessa a internet no celular:Diariamente [ ] Semanalmente [ ] Mensalmente [ ] Anualmente [ ] Nunca [ ] Outros: Em média duas vezes por mês

Exemplifique 3 sites que acessa com freqüência:- google- unopar- e-mails em geral (ig, hotmail, bol e gmail) e orkut

Se os sites citado possuíssem versão para celular, você os acessaria?Sim. Acesso o Orkut às vezes e os sites da Claro e do Ig para checar e-mail. Apesar de não caberem na tela não tive problemas para encontrar o que queria.


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 [ 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, parques de diversão ou clubes de campo


- 132



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 [ ]


Transporte [ S ] Localização [ S ] Temperatura [ S ] Horários de funcionamento [ S ] Preços de serviços [ S ] Outros:

Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidadeGuias 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:


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




Que tipo de informação considera indispensável em roteiros turísticos na web?Informações do local, mapas, 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. Transportes que se pode tomar e em que paradas descer.

- 133


Nome: Mônica Maria da Silva Barbosa. Idade: 24 anos


Cidade e país onde reside: Camaragibe- Brasil

Grau de escolaridade: Superior incompleto.

Ocupação: Funcionária Pública



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.Tela LCD widescreen 15,4”. ,resolução de vídeo 1200x800.

Qual o modelo do seu aparelho de celular: Sony ericsson w302 e sony ericsson k550i


Com que freqüência acessa a internet no celular:Diariamente [ ] Semanalmente [ ] Mensalmente [ X ] Anualmente [ ] Nunca [ ] Outros: Apenas quando realmente necessário

Exemplifique 3 sites que acessa com freqüência:-geocities-google-hotmail




Cite alguns lugares que costuma freqüentar como forma lazer:Cinema, praias, locais de manifestações culturais.


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:


- 134




Transporte [ S ] Localização [ F ] Temperatura [ R ] Horários de funcionamento [ F ] Preços de serviços [ F ] 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.


Você já fez algum roteiro turístico dentro da cidade? Qual?Sim. Passeio de Catamarã pelo Rio Capibaribe.




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, acessos, serviços disponíveis).

- 135


Nome: José Patrício Silva dos Santos Idade: 23


Cidade e país onde reside: Olinda /Brasil

Grau de escolaridade: Superior incompleto

Ocupação: Bolsista da UFPE



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 [ ] Anualmente [ ] Nunca [ X ] Outros:

Exemplifique 3 sites que acessa com freqüência:- www.sportrecife.com.br- www.orkut.com- www.folhape.com.br

Se os sites citado possuíssem versão para celular, você os acessaria?Talvez - Eu só usaria num caso em que fosse imprescindível. Mas não usaria com freqüência não.


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[ ] 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, estádio de futebol, praia, pizzaria etc


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:


- 136


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


Transporte [ S ] Localização [ S ] Temperatura [ N ] Horários de funcionamento [ S ] Preços de serviços [ S ] Outros:

Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidadeGuias 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.google.com.br


Você já fez algum roteiro turístico dentro da cidade? Qual?Já. Através de um catamarã no Rio Capibaribe, no centro da cidade do Recife.



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

- 137


Nome: Renato José da Silva Idade: 26


Cidade e país onde reside: Camaragibe / Brasil.

Grau de escolaridade: 3º Grau incompleto.

Ocupação: Estudante.





Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela?Intel (Pentium dual-core inside); Ram (3,00 GB); HD (160); Tela (14’’)

Qual o modelo do seu aparelho de celular: Gradiente GF 930



Exemplifique 3 sites que acessa com freqüência:-www.yahoo.com.br-www.ebah.com.br-www.youtube.com

Se os sites citado possuíssem versão para celular, você os acessaria?Dependendo do custo para o acesso.


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 [ 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; Recife Antigo.


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:


- 138


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


Transporte [ S ] Localização [ S ] Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ R ] 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.pe360graus.com.br


Você já fez algum roteiro turístico dentro da cidade? Qual?Sim. Caminhada ecológica pelo privê da cidade.



Você acessaria um guia turístico da cidade pelo celular?Dependendo do custo do serviço.

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; horários e dias mais apropriados; Fotos do local; resumo da razão turística do local.

O que poderia ser oferecido nesse site para facilitar seu passeio?Uma média do custo e, dependendo do local, mapas que ajudariam no acesso ao ponto turístico.

- 139


Nome: Aline Vieira Idade: 23

Sexo: Masculino [ ] Feminino [ X ] Nacionalidade: Brasileiro

Cidade e país onde reside: Recife-PE/ Brasil

Grau de escolaridade: Superior Completo

Ocupação: Professora- ensino fundamental e médio



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, HD 40. 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, memória 1Gb, HD 120

Qual o modelo do seu aparelho de celular: LG Mg 185



Exemplifique 3 sites que acessa com freqüência:-Yahoo-google-vagalume




Cite alguns lugares que costuma freqüentar como forma lazer:cinema, show


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:


- 140




Transporte [ S ] Localização [ S ] Temperatura [ F ] Horários de funcionamento [ S ] Preços de serviços [ S ] Outros:

Qual(s) das opções abaixo você utiliza para programar seus passeios pela cidadeGuias Impressos/Jornais e revistas [ ] Indicação de amigos [ X ] Sites [ X ] 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, à Oficina Francisco Brennand, à torre Malakoff e ao Forte do Brum.



Você acessaria um guia turístico da cidade pelo celular?Talvez, em caso de necessidade. Se estivesse na rua, por exemplo, 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; informações sobre agendamento de visitas; valor da entrada; informações sobre acesso ao ponto turístico, com diferentes roteiros; valor de passeios com guias, caso haja guias

O que poderia ser oferecido nesse site para facilitar seu passeio?Todas as informações acima

- 141


Nome: Angela Mendonça Idade: 40


Cidade e país onde reside: Recife –PE , Brasil

Grau de escolaridade: Superior

Ocupação: Professora





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



Exemplifique 3 sites que acessa com freqüência:- www.terra.com.br- www.google.com.br- www.hotmail.com

Se os sites citado possuíssem versão para celular, você os acessaria?Não



Cite alguns lugares que costuma freqüentar como forma lazer:Cinema, Shopping Center, livraria.


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:


- 142


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


Transporte [ S ] Localização [ S ] Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ S ] Outros: Segurança (S)


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.google.com.br / www.pernambuco.com / www.folhape.com.br


Você já fez algum roteiro turístico dentro da cidade? Qual?Sim. No Catamarã, pelo rio Capibaribe.



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, preço dos serviços e produtos e, principalmente, veracidade quanto ao que é oferecido ( tal praia é linda, mas a estrada de acesso é um horror, por exemplo)

O que poderia ser oferecido nesse site para facilitar seu passeio?Ser de fácil navegação e oferecer links.

- 143


Nome: David Leonardo de Sousa Santos Idade: 22


Cidade e país onde reside: Recife/Brasil

Grau de escolaridade: Superior - Cursando

Ocupação: Estudante/Voluntário



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



Exemplifique 3 sites que acessa com freqüência:- www.google.com- www. myaiesec.net- www.bb.com.br

Se os sites citado possuíssem versão para celular, você os acessaria?Depende das taxas


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 [ 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, restaurantes, praia, cinema


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:


- 144


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


Transporte [ S ] Localização [ F ] Temperatura [ N ] Horários de funcionamento [ F ] Preços de serviços [ S ] Outros:



Quais os sites que costuma acessar para obter essas informações?Pe360graus


Você já fez algum roteiro turístico dentro da cidade? Qual?Não



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

- 145


Nome: Emília Oliveira Idade: 26


Cidade e país onde reside: Recife - Brasil

Grau de escolaridade: Superior Incompleto

Ocupação: Estágio



Computador [ S ] Computador portátil/notebook [ R ] Celular [ R ] Outros:



Qual o modelo do seu aparelho de celular: Nokia 5310



Exemplifique 3 sites que acessa com freqüência:- Google- Orkut- Siga - Poli




Cite alguns lugares que costuma freqüentar como forma lazer:Cinema, teatros e restaurantes


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:


- 146




Transporte [ S ] Localização [ S ] Temperatura [ R ] Horários de funcionamento [ S ] Preços de serviços [ S ] Outros:



Quais os sites que costuma acessar para obter essas informações?Pe360graus


Você já fez algum roteiro turístico dentro da cidade? Qual?Sim. Museu de Brennand




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

- 147


Nome: Raquel Lima Pedrosa Idade: 21


Cidade e país onde reside: Maceió, Alagoas, Brasil


Ocupação: Estudante de psicologia



Computador [ S ] Computador portátil/notebook [ S ] Celular [ N ] Outros:



Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela?HD 120 GB, Tela de 14.1’’, 2gb

Qual o modelo do seu aparelho de celular: V3



Exemplifique 3 sites que acessa com freqüência:- Orkut.com- gmail.com- google.com.br



Cite algum(as) das cidades e países que já visitou: Londres, Lisboa, Fortaleza


Transportes[ F ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ R ] Manifestações culturais [ S ] Temperatura [ N ] Outros:


- 148


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.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.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, transporte, 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


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:


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. Seria mais fácil acessar do hotel ou pelo notebook


- 149


Nome: Marina Filipa Nunes Sousa Idade: 20


Cidade e país onde reside: Madeira (Portugal)

Grau de escolaridade: 12º ano

Ocupação: Estudante de Design



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.4



Qual o modelo do seu aparelho de celular: Sharp



Exemplifique 3 sites que acessa com freqüência:- www.google.com-www.youtube.com-www.uma.pt



Cite algum(as) das cidades e países que já visitou: Madrid, Lisboa, Coimbra, entre outras…


Transportes[ S ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ R ] Manifestações culturais [ R ] Temperatura [ R ] Outros:


- 150


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.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.google.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. Informações de transportes e alojamento.

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, apresenta apenas a informação necessária de modo a transmitir a idéia a pessoa interessada em viajar.


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:


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, 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.

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:

- 151


Nome: Kennia de Cássia Araújo Galdino Idade: 21


Cidade e país onde reside: Maceió - Brasil








Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela?Celeron, 2Gb, 120 HD

Qual o modelo do seu aparelho de celular: Samsung



Exemplifique 3 sites que acessa com freqüência:-Claro Idéias-Google - Google acadêmico

Se os sites citado possuíssem versão para celular, você os acessaria?Sim, mas o que impede muitas vezes o acesso dos (possíveis) usuários é o custo


Cite algum(as) das cidades e países que já visitou: Fortaleza, Aracaju, Santa Cruz do Capibaribe, Campina Grande, Lisboa - PT, Funchal – PT, Vila Real – PT.


Transportes[ R ] Localização de pontos turísticos [ R ] Hospedagem [ F ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ R ] Manifestações culturais [ R ] Temperatura [ R ] Outros:


- 152



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 [ 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... 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.

Que tipo de informação considera indispensável em guias de viagem na web?Disponibilidade (vagas em hotéis), preço, regras do hotel (esse realmente não está incluído), 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, mesmo que faltem algumas informações e que você não precisa necessariamente sair de casa em busca dessas informações


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:


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, 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. Dependendo das taxas é claro


- 153


Nome: Janino Livramento Idade: 23

Sexo: Masculino [ X ] Feminino [ ] Nacionalidade: Cabo-Verdiana

Cidade e país onde reside: Portugal

Grau de escolaridade: 12ª Ano

Ocupação: Estudante Universitário



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


Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela?Corel 2 duo, 2gb,

Qual o modelo do seu aparelho de celular: Não sei


Com que freqüência acessa a internet no celular:Diariamente [ ] Semanalmente [ ] Mensalmente [ ] Anualmente [ X ] Nunca [ ] Outros:

Exemplifique 3 sites que acessa com freqüência:- www.hattrick.org- www.abola.pt- www.liberal.sapo.cv


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


Transportes[ R ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ R ] Manifestações culturais [ S ] Temperatura [ R ] Outros:


- 154


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.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.google.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, horários de funcionamento, valores de serviços, 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, ao passo que o impresso tens na mão sempre.


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:


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.

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.


- 155


Nome: Catarina Quintal Idade: 20


Cidade e país onde reside: Funchal - Portugal

Grau de escolaridade: 2ºCiclo Universitário




Computador [ F ] Computador portátil/notebook [ S ] Celular [ S ] Outros:


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 [ ] Anualmente [ ] Nunca [ ] Outros:

Exemplifique 3 sites que acessa com freqüência:-Google-Youtube-Hotmail

Se os sites citado possuíssem versão para celular, você os acessaria?Sim,claro.


Cite algum(as) das cidades e países que já visitou: Londres-Inglaterra , Alentejo-Portugal


Transportes[ F ] Localização de pontos turísticos [ F ] Hospedagem [ F ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ F ] Manifestações culturais [ F ] Temperatura [ F ] Outros:


- 156




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.

Normalmente tem problemas para encontrar algum tipo de informação nos sites turísticos?Sim [ ] Não [ X ] Exemplifique: Funcionamento e valor dos transportes, horários de funcionamento, valores de serviços, 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.

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.

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. As desvantagens é que para aceder á net precisamos de um computador o que torna o guia de bolso muito mais conveniente.


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:


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, não costumo acessar.

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, gostava de sugestões.

Você acessaria um guia turístico pelo celular durante uma viagem?Sim, claro o tele móvel é muito mais prático e leve que um Portátil o que tornava as coisas bem mais simples.

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:

- 157


Nome: Caroline Mendes de Andrade Idade: 22


Cidade e país onde reside: Maceió-AL/ Brasil


Ocupação: Estudante de Enfermagem na Universidade Federal de Alagoas (UFAL)






Qual a configuração do seu computador portátil/notebook (apenas se souber) e a resolução da tela?Intel Core 2 Duo, HD 120 GB, 2 GB de memória e resolução de tela de 1024 x 768.

Qual o modelo do seu aparelho de celular: Sony Ericsson W300i



Exemplifique 3 sites que acessa com freqüência:-www.hotmail.com-www.orkut.com-www.google.com.br

Se os sites citado possuíssem versão para celular, você os acessaria?Depende da taxa cobrada pela empresa de telefonia.


Cite algum(as) das cidades e países que já visitou: Brasil (Recife, Garanhuns, Caruaru, João Pessoa, Aracajú, Natal, Arapiraca), Portugal (Ilha da Madeira, Lisboa, Porto, Serra da Estrela, Marco de Canaveses, Fátima, Belém, Paço d’arcos), Espanha (Barcelona, Madri), França (Paris), Itália (Veneza, Roma, Florença), Inglaterra (Londres), Estados Unidos (Miame).


Transportes[ F ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ R ] Manifestações culturais [ F ] Temperatura [ F ] Outros:


- 158



Qual(s) das opções abaixo você utiliza de forma decisiva para escolher o destino de uma viagem.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.google.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, sobre os eventos culturais que estarão acontecendo no período da viagem, etc.

Que tipo de informação considera indispensável em guias de viagem na web?História local; Principais pontos turísticos; Pratos típicos da região; Informações sobre transportes, hospedagem e temperatura;

O que poderia ser oferecido nesses sites para facilitar sua viagem?Enviar para o celular, através de sms, informações diárias sobre, temperatura, agenda cultural, entre outros.

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. O guia de viagens impresso é vantajoso porque pode ser consultado na hora que quiser e geralmente é mais completo, mas é desvantajoso porque é mais um ítem que tem que carregar.


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:


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, notebook ou qualquer outro computador disponível no hotel, albergue, pousada, etc..

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.

Você acessaria um guia turístico pelo celular durante uma viagem?Sim.


- 159


Nome: Andreina da Silva Idade: 20


Cidade e país onde reside: Funchal – Madeira - PT

Grau de escolaridade: Ensino superior, faculdade,2º ano Design




Computador [ R ] Computador portátil/notebook [ S ] Celular [ N ] Outros:


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

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


Exemplifique 3 sites que acessa com freqüência:- http://www.deviantart.com/- http://www.hotmail.com/- http://www.youtube.com/

Se os sites citado possuíssem versão para celular, você os acessaria?Provavelmente. Caso o meu aparelho permitisse.


Cite algum(as) das cidades e países que já visitou: Caracas, Venezuela, Lisboa e para o ano espero ir a españa…


Transportes[ R ] Localização de pontos turísticos [ R ] Hospedagem [ R ] Patrimônio histórico [ R ] Gastronomia e restaurantes [ N ] Manifestações culturais [ R ] Temperatura [ R ] Outros:


- 160


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.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…


Que tipo de informação considera indispensável em guias de viagem na web?Transportes, 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.


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:


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. Levo o notebook ou acesso em cybercafés.

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, dependeria da situação


- 161


Nome: André Gonçalves Macêna Júnior Idade: 20


Cidade e país onde reside: Maceió-AL, Brasil

Grau de escolaridade: Cursando Nível Superior




Computador [ S ] Computador portátil/notebook [ N ] Celular [ R ] Outros:


Quando realiza uma viagem costuma levar computador portátil/notebook?Sim [ ] Não [ N ]


Qual o modelo do seu aparelho de celular: LG MG 235


Com que freqüência acessa a internet no celular:Diariamente [ ] Semanalmente [ ] Mensalmente [ ] Anualmente [ X ] Nunca [ ] Outros:

Exemplifique 3 sites que acessa com freqüência:- www.orkut.com.br- www.hotmail.com- www.alagoas24horas.com.br



Cite algum(as) das cidades e países que já visitou: Maragogi-AL, Brasil; Caruaru-PE, Brasil; Paripueira-AL, Brasil; Japaratinga-AL, Brasil


Transportes[ S ] Localização de pontos turísticos [ S ] Hospedagem [ F ] Patrimônio histórico [ S ] Gastronomia e restaurantes [ F ] Manifestações culturais [ R ] Temperatura [ F ] Outros:


- 162


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


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.google.com


Que tipo de informação considera indispensável em guias de viagem na web?Informações sobre pousadas e hotéis, 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.


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 ]


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, apenas se realmente fosse necessário.

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:

- 163


Anexo II - Card Sorting

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... Horários de Funcionamento e Preços

Características Culturais Agenda Cultural Show do cantor Alceu Valença Teatro Hermilo Borba Filho Data, local, horário, preço Artesanato

Características Gastronômicas Alimentação Restaurantes Bares Lanchonetes Hospedagem Hotéis Pousadas Mapa Específico

Card sorting - Entrevistado: 01 - Grupo2 - Turista


- 164



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... 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, local, horário, 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... Mapa Específico

- 165



Mapas Diversos Região Norte Região Sul Região Centro Como de deslocar... Temperatura

Recife Roteiros Turísticos Comece visitando a Sinagoga das Américas... 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, local, horário, preço

Características Gastronômicas Alimentação Restaurantes Lanchonetes Bares

Hospedagem Hotéis Pousadas Mapa Específico

Transportes Taxi Ônibus Metrô

- 166



Agenda Cultural Atrativos Noturnos Artísticos Show do cantor Alceu Valença Teatro Hermilo Borba Filho Data, local, horário, 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... Depoimentos Fotos Mapas Diversos Naturais Praia de Boa Viagem Temperatura Região Norte Região Sul Região Centro

Hospedagem Hotéis Pousadas


Horários de Funcionamento e Preços

- 167


Card sorting - Entrevistado: 05 - Grupo1 - Usuário Local

Mapas Diversos Região Norte Região Sul Região Centro Temperatura

Transportes Metrô Taxi Ônibus Como de deslocar...

Atrativos Agenda Cultural Noturnos Show do cantor Alceu Valença Data, local, 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... 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

- 168



Região Norte

Região Sul

Região Centro

Temperatura

Transportes Taxi Ônibus Metrô Como de deslocar... 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... Mapa Específico Teatro Hermilo Borba Filho Museu do Estado Data, local, horário, 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

- 169



Mapas Diversos Região Norte Região Sul Região CentroRecife 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... 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, local, horário, preço Naturais Praia de Boa Viagem Alimentação Restaurantes Bares Lanchonetes



- 170



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... 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, local, horário, 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


Transportes Taxi Ônibus Metrô Como de deslocar... Noturnos

- 171


Anexo III - Avaliação Estética (TAE.web-u)Avaliação estética - Grupo 1 - Usuário local

Informações pessoaisNome: Alane Ayana Vieira de Oliveira CoutoIdade: 20 Ocupação: EstudanteSexo: ( ) Masculino ( X ) FemininoFormação: ( ) 1º grau ( X ) 2º grau ( ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 172


EntrevistaEsse site lembra você de algum outro que você tenha visto? Caso sim, qual? E porquê? Sim. Acho que parece com algum site escolar que já acessei. Acho que por conta da idéia do fichário. Lembra o site do pe360graus, por conta das informações.


1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 7,5 As cores colocadas poderiam ser mais vivas de forma a chamar mais a atenção.

2. Em uma escala de 0 a 10, que nota você daria ao estilo (formato, tamanho e disposição dos elementos) do site? 8,0 Não gosto das pontas na diagonal, na imagem do fichário. O espaço entre o menu e o fichário é pouco, deveria ter uma distância maior entre eles. A fonte do roteiro sobre a foto deveria ser maior. O site todo deveria ser maior. A lateral vazia da a seção de estar faltando alguma coisa. Talvez alguma informação na lateral, fora do fichário mesmo.

3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 6,0 Não gostei da cor. Achei as cores muito apagadas deixando o site pouco atrativo.

4. Em uma escala de 0 a 10, que nota você daria às fontes que foram usadas? 9,5 A fonte do roteiro poderia ser maior e a fonte do menu principal também.

5. 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.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? As cores poderiam ser mais escuras. Cada submenu poderia ficar dentro de uma caixa de cor azul. Ou então poderia substituir o azul pela cor vinho.

- 173


Avaliação estética - Grupo 1 - Usuário local

Informações pessoaisNome: Aline VieriaIdade: 23 Ocupação: ProfessoraSexo: ( ) Masculino ( X ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 174


EntrevistaEsse site lembra você de algum outro que você tenha visto? Caso sim, qual? E porquê? Não que me lembre.


1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 9,0 O espaço poderia ser melhor aproveitado.

2. Em uma escala de 0 a 10, que nota você daria ao estilo (formato, tamanho e disposição dos elementos) do site? 9,0 Acho que existe muita cor branca nas laterais. Esse vazio me incomoda um pouco. O Espaço poderia ser melhor aproveitado. Gosto do formato e do tamanho dos elementos. Acho bom o tamanho da foto, nem muito grande nem muito pequena.

3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 10,0 Não está muito colorido e isso me agrada.

4. Em uma escala de 0 a 10, que nota você daria às fontes que foram usadas? 9,5 Só achei a fonte do menu muito comum, as outras me agradam.

5. Você consegue identificar alguma área do site que lhe desagradou? Não.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? Aproveitaria mais as laterais e mudaria a fonte do menu.

- 175



Informações pessoaisNome: Milena MonteiroIdade: 26 Ocupação: EstudanteSexo: ( ) Masculino ( X ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 176


EntrevistaEsse site lembra você de algum outro que você tenha visto? Caso sim, qual? E porquê? Falando sinceramente, de primeira ... o Orkut, mas acho que só por conta da cor azul imperando. O Orkut também é assim.


1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 10,0 Achei lindo demais! Uma fofura.

2. Em uma escala de 0 a 10, que nota você daria ao estilo (formato, tamanho e disposição dos elementos) do site? 10,0 Achei muito bem equilibrado

3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 7,0 Achei muuuuuito azul demais.

4. Em uma escala de 0 a 10, que nota você daria às fontes que foram usadas? 9,0 Só questão de cor, daquele quadro do meio, do roteiro, a fonte branca, eu não gostei muito. E a de cima, o menu, que esta muito imprensadinha. Mas no geral eu gostei sim.

5. Você consegue identificar alguma área do site que lhe desagradou? O fundo do topo, tem duas linhas brancas um pouco esfumaçadas, em diagonal convergindo, achei meio estranho.... mas tudo bem.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? Só isso, esse topo... a cor branca usada no texto do bloco do meio e diminuiria o azul.

- 177



Informações pessoaisNome: Luanna Alexandra ChengIdade: 21 Ocupação: EstudanteSexo: ( ) Masculino ( X ) FemininoFormação: ( ) 1º grau ( X ) 2º grau ( ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 178


EntrevistaEsse site lembra você de algum outro que você tenha visto? Caso sim, qual? E porquê? Não


1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 10,0

2. Em uma escala de 0 a 10, que nota você daria ao estilo (formato, tamanho e disposição dos elementos) do site? 8,0. Não sei exatamente o que é, alguma coisa com o formato

3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 10,0

4. Em uma escala de 0 a 10, que nota você daria às fontes que foram usadas? 10,0

5. Você consegue identificar alguma área do site que lhe desagradou? Acho que só agenda cultural, poderia ter mais destaque.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? Destacar mais o nome Recife, em algum lugar, e fazer a agenda cultural aparecer mais.

- 179



Informações pessoaisNome: Graziela SilvaIdade: 30 Ocupação: Estudante e Assistente administrativoSexo: ( ) Masculino ( X ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 180




1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 6,0. É bonito, mas não me empolga muito.

2. Em uma escala de 0 a 10, que nota você daria ao estilo (formato, tamanho e disposição dos elementos) do site? 7,0

3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 5,0. As cores não são muito atrativas. Está tudo meio parado, deveria ter mais colorido.

4. Em uma escala de 0 a 10, que nota você daria às fontes que foram usadas? 6,0. São um pouco comum demais e muito pequenas.

5. Você consegue identificar alguma área do site que lhe desagradou? A área de cadastre-se chama muita atenção, desnecessariamente. Já a foto central deveria ser maior e deveria ser uma foto que representasse mais Recife.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? Poderia ter mais imagens, usar mais cores, cores da bandeira, por exemplo, que são mais vivas.

- 181


Avaliação estética - Grupo 2 - Turistas

Informações pessoaisNome: Antonio Vieira de Oliveira FilhoIdade: 20 Ocupação: auxiliar administrativoSexo: ( X ) Masculino ( ) FemininoFormação: ( ) 1º grau ( X ) 2º grau ( ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 182




1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 8,0. Eu gostei, achei muito bom... bem diferente.


3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 8,0. Talvez pudesse mudar alguma coisa, apesar de não saber exatamente o que é. Talvez usar menos azul.


5. Você consegue identificar alguma área do site que lhe desagradou? Não.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? Minha sugestão seria mais com relação ao conteúdo. Acho que deveria ter uma lista com telefones úteis e de emergência em algum lugar.

- 183



Informações pessoaisNome: Wanderley Batista da SilvaIdade: 23 Ocupação: EstudanteSexo: ( X ) Masculino ( ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 184




1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 9,o


3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 10,0


5. Você consegue identificar alguma área do site que lhe desagradou? Achei estranho as sombras no rodapé e topo serem inclinadas, e abaixo da opção de cadastro há duas linhas serrilhadas separadas.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? Acho que deveria haver um link “Home” junto ao menu. Só isso.

- 185



Informações pessoaisNome: Joaquim SouzaIdade: 23 Ocupação: EstudanteSexo: ( X ) Masculino ( ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 186


EntrevistaEsse site lembra você de algum outro que você tenha visto? Caso sim, qual? E porquê? Não. Nem pela estética.


1. Em uma escala de 0 a 10, que nota você daria à beleza desse site? 10,o


3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 8,o Estão um pouco frias, bastante sóbrias.


5. Você consegue identificar alguma área do site que lhe desagradou? Acredito que o tracejado do menu.

6.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, ou dar um destaque maior no menu.

- 187



Informações pessoaisNome: Pedro Miguel Rocha da Graça NogueiraIdade: 20 Ocupação: EstudanteSexo: ( X ) Masculino ( ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 188


EntrevistaEsse site lembra você de algum outro que você tenha visto? Caso sim, qual? E porquê? Sim, mas não me recordo o link




3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 5,0. Tudo muito igual, pouco atrativo.


5. Você consegue identificar alguma área do site que lhe desagradou? O esquema central, onde tem a foto, poderia estar mais trabalhado. Tá um pouco simples.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? O “caderno” poderia estar melhor aos lados, tem um ar um pouco forçado… e acho que só uma imagem assim não chega, poderia haver mais algumas, talves um pequeno slide show.

- 189



Informações pessoaisNome: Simone Souza da GraçaIdade: 32 Ocupação: ProfessoraSexo: ( ) Masculino ( X ) FemininoFormação: ( ) 1º grau ( ) 2º grau ( X ) Ensino Superior ( ) Pós-graduação



Muito

PoucoNulo

Pouco

Muito






Muito

PoucoNulo

Pouco

Muito





Original Comum

- 190


EntrevistaEsse site lembra você de algum outro que você tenha visto? Caso sim, qual? E porquê? Não.



2. Em uma escala de 0 a 10, que nota você daria ao estilo (formato, tamanho e disposição dos elementos) do site? 9,0. Achei que as folhas inclinada ajudaram dando um ar diferente ao formato.

3. Em uma escala de 0 a 10, que nota você daria às cores usadas nesse site? 9,0. Talvez ficaria melhor com um azul um pouco mais forte, para não ficar tudo muito clarinho.

4. Em uma escala de 0 a 10, que nota você daria às fontes que foram usadas? 8,0.

5. Você consegue identificar alguma área do site que lhe desagradou? Me incomoda a linha tracejada do lado direito.

6.Quais seriam as suas sugestões para melhorar a aparência deste site? Afastar mais o menu do topo do caderno, retirar a linha branca tracejada que quase não aparece, usar um azul mais forte e talvez algumas outras cores diferentes do azul, o texto poderia ter outra cor, poderia ter um pouco mais de textura também.

Documents

Rota Recife Uma Aplicação Desktop e Mobile