Metodologia para Avaliação de Sites
Upcoming SlideShare
Loading in...5
×
 

Metodologia para Avaliação de Sites

on

  • 2,500 views

A Monografia tem por objetivo revisar dois sites de acordo com as diretrizes de Jakob Nielsen, ou seja, descrever os objetivos do site, os princípios (diretrizes) que ele cumpre e os problemas ...

A Monografia tem por objetivo revisar dois sites de acordo com as diretrizes de Jakob Nielsen, ou seja, descrever os objetivos do site, os princípios (diretrizes) que ele cumpre e os problemas (diretrizes desconsideradas), conforme descreve NIELSEN (2002).

Statistics

Views

Total Views
2,500
Slideshare-icon Views on SlideShare
2,500
Embed Views
0

Actions

Likes
1
Downloads
39
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Metodologia para Avaliação de Sites Metodologia para Avaliação de Sites Document Transcript

    • UNIVERSIDADE FEDERAL DO PARANÁ - UFPR ESPECIALIZAÇÃO EM INFORMÁTICAMETODOLOGIA PARA AVALIAÇÃO DE SITES SIMONE RODRIGUES CERVANTES Monografia Final de Especialização em Informática. Turma 2007 Curitiba – 2009
    • Simone Rodrigues CervantesMETODOLOGIA PARA AVALIAÇÃO DE SITES Monografia apresentada ao Programa de Pós- Graduação lato sensu da Universidade Federal do Paraná como requisito parcial para a obtenção do título de Especialista em Informática. Turma 2007. Curitiba – 2009
    • Parecer de Aprovação Monografia de Especialização em Informática Ênfase em Desenvolvimento de Sistemas para Web Programa de Pós-Graduação em Informática/UFPRDeclaramos que a aluna SIMONE RODRIGUES CERVANTES entregou a versão final da sua Monografia de Especialização em Informática da Universidade Federal do Paraná, comÊnfase em Desenvolvimento de Sistemas para Web, intitulada Metodologia para Avaliação de Sites Curitiba, 17 de agosto 2009 LAURA SANCHEZ GARCIA Professor Classe Associada Universidade Federal do Paraná Setor de Ciências Exatas Departamento de Informática Caixa Postal 19081 CEP 81531-990 - Curitiba-PR ANDREY RICARDO PIMENTEL Professor Classe Adjunto Universidade Federal do Paraná Setor de Ciências Exatas Departamento de Informática Caixa Postal 19081 CEP 81531-990 - Curitiba-PR
    • AGRADECIMENTOS Estudar usabilidade foi muito bom para essa fase de minha vida, além de termeus conhecimentos ampliados, possibilitou-me avaliar com maior detalhe os sitesque desenvolvi e aplicar neles os novos conhecimentos adquiridos. Agradeço à professora e orientadora Laura Sanchez Garcia, pelo apoio eencorajamento contínuo na pesquisa, aos demais professores pelos conhecimentostransmitidos. Agradeço a todos que colaboraram comigo para realização deste trabalho,minha família e meus amigos que me apoiaram a fazer essa especialização.
    • SUMÁRIO AGRADECIMENTOS........................................................................................ 41. INTRODUÇÃO ..................................................................................................... 1 1.1 PROBLEMA ............................................................................................. 1 1.2 OBJETIVO ............................................................................................... 3 1.3 JUSTIFICATIVA....................................................................................... 5 1.4 PASSOS METODOLÓGICOS ................................................................. 62. REVISÃO DE LITERATURA ............................................................................... 73. AVALIAÇÃO DOS SITES .................................................................................. 11 3.1 Rol Sul Rolamentos ............................................................................... 11 3.1.1 Objetivo ................................................................................................. 11 3.1.2 Princípios (diretrizes) que o site cumpre. ............................................... 11 3.1.3 Problemas (diretrizes desconsideradas) que o site não cumpre. .......... 15 3.2 Empório Pancy ...................................................................................... 18 3.2.1 Objetivo ................................................................................................. 18 3.2.2 Princípios (diretrizes) que o site cumpre. ............................................... 18 3.2.3 Princípios (diretrizes desconsideradas) que o site não cumpre. ............ 224. AMBIENTES PROPOSTOS .............................................................................. 24 4.1 Rol Sul Rolamentos ............................................................................... 25 4.1.1 Pesquisa ................................................................................................ 25 4.1.2 Notícias .................................................................................................. 26 4.1.3 Comunicando problemas técnicos ......................................................... 27 4.2 Empório Pancy ...................................................................................... 29 4.2.1 Slogan ................................................................................................... 29 4.2.2 Revelando o conteúdo através de exemplos ......................................... 30 4.2.3 Pesquisa ................................................................................................ 31 4.2.4 Comunicando Problemas Técnicos e Emergências .............................. 325. CONCLUSÕES E TRABALHOS FUTUROS ..................................................... 33REFERÊNCIAS ......................................................................................................... 34
    • LISTA DE FIGURAS(Figura 01) Campo Pesquisa para facilitar a busca de produtos 25(Figura 02) Inclusão de Notícias para os usuários se manterem informados 26(Figura 03) Informando Problemas Técnicos 27(Figura 04) Foi adicionado Datas para referenciar cada notícia 28(Figura 05) Inclusão de Slogan da Empresa 29(Figura 06) Apresentação de Produtos em destaque na home 30(Figura 07) Campo Pesquisa para facilitar a busca de produtos 31(Figura 08) Comunicando Problemas Técnicos ....32
    • 1. INTRODUÇÃO1.1 PROBLEMA Geralmente nos confundimos com a diferença na estrutura de sites que foramprojetados por pessoas diferentes. Cada um tende a criar o seu "padrão" e utilizá-losempre, o que complica bastante as pessoas que ainda vão trabalhar naquelaestrutura (web designers e programadores). Criar sites que utilizam todos os recursos disponíveis não garante a qualidadedo produto final. É importante que a criação do site seja bem planejada paraoferecer o maior conteúdo possível, de forma agradável e interativa, levando ousuário a se identificar com o espaço. Segundo MARTIM (1992), estar perdido em um site, como em qualquer outrosistema de hipertexto, é a situação na qual o usuário não compreende a suaorganização, não encontra o que procura ou até se a informação desejada estádisponível. É uma situação bastante comum de se observar, até entre os fluentes nalinguagem da web. Os usuários inexperientes se sentem oprimidos por homepages que não osajudam a entender claramente suas opções. Quando não conseguem entender umwebsite, os usuários podem ficar confusos ou envergonhados, e dificilmente elesvoltarão novamente. Eles simplesmente abandonarão o site e procurarão outros emque se sintam mais bem acolhidos. Os usuários mais experientes costumam nãoesquecer da primeira experiência. Se suas necessidades atuais não forematendidas, eles lembrarão dessa ocorrência.
    • 2 À medida que o usuário adquire um maior conhecimento da estrutura do sitediminui o sentimento de estar perdido e aumenta a satisfação com o sistema. Cada site possui menus e outros elementos de interface diferentes dos demais.Com essa falta de padronização os usuários não conseguem aproveitar em um novosite o aprendizado da navegação em sites anteriores. A cada novo site o usuárioprecisa aprender como navegar nele. O conhecimento e a experiência acumulada de projetistas de interface têmconstituído na identificação e no registro de diretrizes ergonômicas. Estasorientações constituem uma base sólida a partir da qual é possível construir sitescom qualidade mínima assegurada. Portanto, as diretrizes para o projeto de sitescom usabilidade apoiam o projetista na atividade de design, e facilitam a tarefa dousuário por meio da garantia de produtos que atendem as suas necessidades.
    • 31.2 OBJETIVO O presente trabalho tem por objetivo revisar dois sites de acordo com asdiretrizes de Jakob Nielsen, ou seja, descrever os objetivos do site, os princípios(diretrizes) que ele cumpre e os problemas (diretrizes desconsideradas), conformedescreve NIELSEN (2002) Na internet a concorrência está muito disputada e qualquer dificuldade oubarreira encontrada pelo cliente/usuário pode ser o suficiente para se perder ocliente para a concorrência. Por isso, a preocupação fundamental é agregar osconceitos de usabilidade com o planejamento da interface, garantindo que o usuáriofinal atinja seus objetivos de forma intuitiva. Ao projetar um site é necessário sepreocupar com sua usabilidade. Mais usabilidade é sinônimo de maior flexibilidade ede maior interação. Usar padrões e ser consistente ao criar seus elementos, criarbons pontos de referência para que seus usuários não se percam em seu ambientevirtual. A interface é uma das partes mais importantes de um website, pois concentra a relação visitante-sistema. É o que apresenta informações e estímulos e recebe respostas, colocando a manipulação nas mãos do usuário. Por isso, muito mais que um visual bonitinho, deve ser o elemento de transição entre o mundo real e o digital. O ideal é que ela seja transparente, invisível, natural, sintética, intuitiva, prática (RADFAHRE, 1998. p. 106). Diante do exposto, percebe-se que o design de interfaces pode se tornar algocomplexo. Uma estratégia que funciona bem para um site pode estar totalmenteerrada para outro. Um site somente será bem-sucedido se ele der suporte adequadoàs intenções, ao comportamento e aos objetivos do seu usuário real. Esta é a idéiado design centrado no usuário.
    • 4 O trabalho será desenvolvido com a intenção de reunir informações úteis sobreusabilidade e sua aplicação em websites.
    • 51.3 JUSTIFICATIVA O desafio está em estruturar uma homepage que permita acesso a todos osrecursos importantes, sem se perder na página com todos eles, o que espanta, namaioria das vezes, os novos usuários. Acomodação e clareza são fundamentais,assim como perceber os objetivos dos usuários. O resultado é a garantia da usabilidade do site, envolvendo a navegação, ainformação e a estrutura lógica do ambiente. Se o usuário se sentir satisfeitoretornará ao website e até divulgará seu endereço para outras pessoas.
    • 61.4 PASSOS METODOLÓGICOS Para atingir o objetivo deste trabalho será realizada uma pesquisa bibliográficasobre usabilidade na internet, através dos seguintes passos: Revisão de literatura onde está sendo desenvolvido este estudo, através daanálise do livro Homepage: USABILIDADE - 50 Websites Desconstruídos de JakobNielsen (2002). O conhecimento técnico é indispensável para execução dessa fase, pois seráusada aplicação de todas as informações adquiridas para o desenvolvimento doprojeto. Necessária a utilização de internet, onde serão feitas pesquisas sobre aaplicação de usabilidade com base nos princípios de design e critérios deusabilidade. Avaliação de dois sites que desenvolvi (Rol Sul Rolamentos e Empório Pancy),pelas diretrizes do autor selecionado, analisando todas as diretrizes e mostrando osprincípios (diretrizes) que o site cumpre e princípios que o site não cumpre (diretrizesdesconsideradas). Através dessa avaliação é possível verificar quais itens os sites deixam adesejar, e através desses itens foram propostos novos ambientes levando em contasomente as diretrizes que tiveram seu maior número desconsideradas.
    • 72. REVISÃO DE LITERATURA A revisão de literatura consistiu de uma revisão prévia de alguns autoresseguida da escolha pelo Jakob Nielsen, devido ao fato de este autor ser umareferência na área de Interação Humano – Computador na visão da Engenharia deUsabilidade. Na avaliação dos sites, foram aplicadas as diretrizes e identificadas àquelas quenão tinham sido contempladas em cima dos projetos originais. Relatamos tudo naforma abstrata e na forma detalhada. No redesign (elaboração de novas telas), buscou-se revisar os produtos originaisde forma a eliminar os problemas detectados no passo imediatamente de avaliação. Existem diversas metodologias de avaliação de sites que podem ser utilizadascomo base. O livro e-Usabilidade de Simone Bacellar Leal Ferreira e RicardoRodrigues Nunes Hoa Loranger, Usabilidade na Web de Jakob Nielsen e HoaLoranger. Dentre os trabalhos disponíveis, foi selecionada a metodologia desenvolvidapelo “pai da usabilidade na web” (NIELSEN, 2002). Os princípios a seguir, da autoria de Nielsen (2002), representam uma basesólida a partir da qual é possível construir uma homepage que funcione. Objetivo do site: na homepage é necessário informar onde o usuário seencontra, o que a empresa faz, o que os usuários podem fazer em seu site. Se o siteperder a direção aqui, será difícil para o usuário se achar nele. É necessário exibir a
    • 8logo da empresa em tamanho razoável e em um local de destaque, incluir um slogansimples, que vá direto ao ponto. Como transmitir informações sobre sua empresa: as pessoas gostam desaber com quem estão negociando, e os detalhes sobre a empresa dão credibilidadeao site. É preciso agrupar informações da empresa, como Sobre Nós, Sala deImprensa, Empregos, entre outras informações, em uma única área reservada.Incluir um Fale Conosco para estimular o usuário a entrar em contato direto com aempresa. Não exibir informações internas da empresa ao website público, quandofor assim utilizar a intranet para informações destinadas aos funcionários. Criação do Conteúdo: é um dos aspectos mais importantes em todo o webdesign. A maioria dos usuários decide em continuar navegando na página quandobate os olhos no conteúdo. O ideal é transmitir o máximo de informações com omínimo de palavras, evitando assim conteúdos redundantes. Evitar usar espaços epontuação para dar ênfase em palavras ou frases. Revelando o conteúdo por meio de exemplos: os exemplos ajudam atransmitir imediatamente o que o site faz, para que os usuários saibam se estãonavegando no site de sua preferência. Os exemplos ajudam os usuários a navegarcom êxito, pois mostram o que existe por trás de nomes de categorias abstratas. Links: é necessário seguir as diretrizes de design para os links dos sites,principalmente para que o usuário obtenha êxito na sua operação. Navegação: a navegação tem que ser facilitada em todo lugar do site, pois éatravés dela que os usuários vão encontrar o que estão procurando e o essencial éque isso não gere muito trabalho.
    • 9 Pesquisa: a pesquisa é um elemento muito importante em um site e énecessário que os usuários a localizem facilmente. Ferramentas e atalhos para tarefas: são métodos excelentes para agilizarrecursos de seu site e atender mais rapidamente as necessidades dos usuários. Gráficos e animação: os gráficos e animações devem ser utilizados paraapresentar um conteúdo real e não somente para decorar o site. Não usar aanimação para o único propósito de chamar a atenção para um item no site.Raramente, a animação tem um local na página porque distrai a atenção voltadapara outros elementos. Design Gráfico: ele não deve ser utilizado como ponto de partida, mas simajudar a conceder uma noção de prioridade ao design da interação, chamando aatenção do usuário para elementos mais importante da página. Componentes da interface com usuário: usar somente quando foremnecessários para uma tarefa, como os menus suspensos, lista de seleção e caixasde texto. Títulos de janela: os títulos devem ser simples e objetivos. Eles desempenhamum importante papel na marcação e localização de sites com mecanismos de buscae pesquisa. Para serem pesquisáveis, os títulos de janela devem transmitir o máximode informações possível com o mínimo de palavras. URLs: é necessário manter os nomes das URLs mais simples, fáceis ememorizáveis possível. Os usuários devem se lembrar facilmente das URLs comodo domínio da Empresa.
    • 10 Notícias e comunicados à imprensa: é necessário criar títulos e sinopseseficientes, eles devem fornecer informações aos usuários, em vez de convencê-los aclicar no link. Janelas pop-up e páginas intermediárias: o interessante é que o usuárioacesse o conteúdo do site principal imediatamente sem se preocupar com pop-up etelas intermediárias. Publicidade: os usuários aprenderam a ignorar os anúncios publicitários emwebsites. Para posicionar anúncios fora da área de banner (faixa) padrão, no inícioda página, rotule-os como publicidade, para que os usuários não os confundam como conteúdo de seu site. Comunicando problemas técnicos e tratando de emergências: é importantemanter os usuários informados caso o site enfrente algum problema ou emergência. Créditos: evite informar créditos inúteis no site, pois os usuários vão em buscade conteúdo. Recarregamento e atualização de página: atualizar as páginas somentequando solicitadas pelo usuário e manter a transição o mais suave possível. Obtendo dados do cliente: muitos sites na web solicitam dados pessoais dousuário como e-mail, telefone, endereço. Mas muitas pessoas têm restrições quantoa liberar suas informações pessoais, porque elas já sabem que isso resultará em ume-mail comercial e caixas de entrada superlotas. Datas e horas: os usuários precisam saber se as informações do site sãoatuais. É interessante lembrar-se de formatá-las de modo que todos os usuáriospossam convertê-las para a hora local.
    • 113. AVALIAÇÃO DOS SITES3.1 Rol Sul Rolamentos3.1.1 Objetivo O objetivo do site Rol Sul Rolamentos é aumentar a interação com seus clientesatravés de um site dinâmico, e estar sempre pronto para atender as necessidadesde seus clientes, por isso disponibiliza os produtos e a descrição de cada e tambémvários catálogos para downloads.3.1.2 Princípios (diretrizes) que o site cumpre. A logomarca da empresa é exibida no topo da página dando destaque e com umtamanho razoável. Grande parte do site é destinada a área do conteúdo, onde serão listadas todasas informações importantes e de alta prioridade. A homepage oficial do site é designada através de botões ou links chamando“Home”, que são direcionados somente para essa página principal. Não é utilizada a palavra “website” para se referir a qualquer outro aspecto daempresa. A página Home possui um layout diferente das outras páginas existentes no site,possuindo um espaço para imagem e banner em flash na lateral direita. Isso facilita
    • 12o usuário a reconhecer os pontos iniciais quando voltarem de uma página internapara a home. As informações sobre a empresa estão em uma única área. Mostrando osobjetivos, compromissos, endereço e distribuidor da empresa. Facilitando a buscade informações em um local destacado. Para entrar em contato e enviar mensagema empresa, basta ir no link “Contato”. Não são fornecidas informações internas da empresa no site para acesso aosusuários. Essas informações são destinadas somente aos funcionários epermanecem em uma área interna. Os links e o conteúdo são claros e diretos, evitando assim informaçõesredundantes. Por isso, não são utilizadas frases eruditas nem dialeto de marketingque fazem com que as pessoas tenham um trabalho enorme para descobrir o queestá sendo dito. São empregadas letras maiúsculas e padrões de estilo com consistência, pois oconteúdo é gerenciado por uma única fonte que seguiu os padrões adequados. Masnão são utilizadas todas as letras em maiúsculas, pois elas não são tão fáceis deserem lidas quanto aquelas maiúsculas/minúsculas. Não são utilizados títulos que desperdiçam um espaço sem sentido no site, massim são destacados de forma que o usuário compreenda que aquela informaçãoestá destacado (geralmente com tamanho de fontes maiores e melhores disposiçãona página). São evitados os pontos de exclamação, pois não pertence à grafia profissional. Foram evitados espaços e pontuação para da ênfase a uma palavra ou frase. Apontuação incomum reduz a legibilidade.
    • 13 Para cada produto existe um link que vai diretamente as informações referentesa ele, evitando assim que o usuário se perca ou tenha que ficar procurando váriasvezes aquilo que deseja. Os links são de fácil acesso e estão em uma área destacada no site, facilitandoassim a sua visualização. Não são usadas instruções como “Clique Aqui” e “Mais..”(em final de uma lista de itens), mas sim textos significativos para informar aosusuários o conteúdo daquela página. A área de navegação principal está em um local bastante destacado e os itenssão agrupados entre si dentro dessa área, facilitando assim sua visualização. Oslinks são bem objetivos e não foram criadas muitas áreas de navegação para cadaitem, tornando-os bem objetivos. Também não foram incluídas ferramentas que nãoestejam relacionadas com as tarefas que os usuários costumam fazer e procuram nosite. Não existe ferramentas que produzem funções do navegador, como definir umapágina como página inicial ou marcar como favorito. As fotos e imagens utilizadas são todas editadas, tratadas e cortadasadequadamente para se manter uma melhor visualização pelo usuário. Não foiusada animação em elementos como logotipo, slogan ou titulo principal. Os textossão todos formatos com estilos de fonte, tamanho e cores tornando assim maisagradável sua leitura. Foi evitada a rolagem horizontal na resolução 800x600, poiscausa problemas na usabilidade (usuários não conseguem visualizar a barra derolagem e perderem o conteúdo que rola para fora da tela). Os elementos maisimportantes da página estão visíveis na primeira tela, sem utilizar a barra derolagem.
    • 14 O logotipo da empresa foi disponibilizado pelo cliente e está bem visualizado napágina. Para uma melhor visualização, não foram utilizados menus suspensos, poisnão são tão eficientes quanto aqueles que estão totalmente visíveis. Os títulos das janelas foram todos definidos com o nome da empresa “Rol SulRolamentos”. Isso beneficia nas listas de marcadores e resultados da pesquisa.Foram limitados a poucas palavras, pois os títulos mais longos são menosperceptíveis, principalmente em lista de marcadores. Muitos sites utilizam o nome dedomínio como “.com” ou a palavra “homepage” no titulo, e isso são informaçõesdesnecessárias e que o usuário possui tem conhecimento. O endereço para acessar o site é bem direto e retrata o nome da Empresa,“http://www.rolsulrolamentos.com.br”, facilitando o usuário a acessá-lo quandoquiser. Cada país possui um domínio adequado para ele, no Brasil é utilizado o “.br”.Para evitar confusão para os usuários, não foram criadas páginas de abertura nemjanelas pop-up, pois muitos usuários confundem essas janelas como anúncios. Osite não exibe mensagem de boas-vindas aos usuários. Não foram desperdiçados espaços com créditos relacionados ao mecanismo depesquisa, empresa de design, empresa do navegador favorito ou com a tecnologiautilizada porque geralmente os usuários não se interessam por essas informações. A página inicial nunca é atualizada automaticamente para acionar atualizações.Isso é feito somente quando o usuário solicita a atualização (ou seja, quando eleclica no F5 ou digita novamente o link do site). Não foram disponibilizados recursos para os usuários personalizar a aparênciabásica da interface. O mais interessante é focar nos recursos com uma estruturaeficiente, legível para que os usuários tenham um retorno daquilo que procurava.
    • 153.1.3 Problemas (diretrizes desconsideradas) que o site não cumpre. Algumas diretrizes foram desconsideradas, pois não foram implementadas ouutilizadas no site em questão. As diretrizes são: Utilizar slogan da empresa para enfatizar o que a empresa faz de importante.Usar “Sala de Imprensa” ou “Sala de Notícias” para obter cobertura da imprensapara a empresa. Ao fornecer mecanismo de resposta automática, especificar o objetivo do link ese será lido pelo atendimento ao cliente ou webmaster. Incluir um link “PolíticaPrivada” para detalhar informações de qualquer cliente incluso no site. Explicarcomo o site gera dinheiro, se a informação não estiver bem clara. Utilizar categorias de rótulos com idioma centrado no cliente, de acordo com aimportância dessas categorias para o cliente. Usar exemplos para informar oconteúdo daquela informação, em vez de apenas descrevê-lo. Fornecer uma lista das últimas atualizações e dados apresentadosrecentemente no site. Incluir links coloridos para indicar os estados de links visitadose não-visitados. Foi indicado corretamente o que e para qual página o link irá, podeser feito isso utilizando ícones. Não incluir um link ativo que volte para home nahomepage. Disponibilizar para os usuários uma caixa de entrada na homepage para fazerconsultas e pesquisas, ao invés de oferecer apenas um link para essa página. Essascaixas devem ser grandes o suficiente para que os usuários consigam digitar aquiloque deseja. Não dar nome a área de pesquisa com um título, mas sim usar umbotão “Pesquisa ou Busca” à direita da caixa. Se existir pesquisa avançada no sitemostrar a caixa apenas quando os resultados da pesquisa forem apresentados. A
    • 16pesquisa deve ser feita no site inteiro, e não fornecer um link “Pesquisar na Web”,pois essa opção torna a pesquisa bem mais complexa com possíveis erros. Possibilitar aos usuários acesso direto às tarefas de alta prioridade nahomepage. Geralmente esse tipo de recurso só é possível nos sites que conhecemo usuário. Utilizar gráficos para apresentar conteúdos existentes e reais e não somentedecorativos. Nomear fotos ou gráficos se os significados não estiverem claros.Permitir que os usuários decidam se desejam ver uma introdução animada antes dapágina inicial. Os títulos devem ser relacionados aos textos referentes a ele e não àhistória completa. Utilizar layout que ajuste o tamanho da homepage a várias resoluções de tela.Incluir descrição resumida do site no título da janela. Para facilitar a procura pelo sitena internet, é necessário registrar os nomes de domínio com grafias alternativas,abreviações ou erros comuns de digitação do nome do site. E se houver essasgrafias selecionar uma delas como a autorizada e direcionar os usuários para essaversão a partir de todas as demais. Se ocorrer algum problema no site, informar claramente na home, e dar umaestimativa de tempo necessário para corrigir esse problema. Preparar um designalternativo caso ocorra alguma situação de emergência. Não solicitar aos usuários seus endereços de e-mail para que recebam umboletim não-especificado ou outro item de conteúdo ou freqüência desconhecida. Listar tópicos de discussão se existir suporte para comunidades de usuários combate-papo.
    • 17 Não fornecer livro de visitantes, pois faz com que o site pareça um amador e nãodão qualquer benefício aos usuários. Exibir datas e horários somente para informações relacionadas ao tempo. Emostrar aos usuários a data da última atualização gerada pelo conteúdo, e não ahora atual do computador. Utilizar abreviações como p.m ou P.M. Exibir o nome domês inteiro ou abreviações, mas não número.
    • 183.2 Empório Pancy3.2.1 Objetivo Objetivo do site Empório Pancy é aumentar a interação com seus clientesatravés de um site dinâmico. Além de informações institucionais, apresenta todos osprodutos e foto da padaria. Os seus clientes podem se informar sobre o seu negócio,funcionamento, produtos ou serviços fora do horário de expediente ou durante o fimde semana. É necessário que a empresa transmita as informações de maneira clarae direta.3.2.2 Princípios (diretrizes) que o site cumpre. A logomarca da empresa é exibida no topo da página dando destaque e com umtamanho razoável. As tarefas principais e de alta prioridade estão em um local de destaque, ouseja, na parte do conteúdo. Não foi utilizada a palavra “website” para referenciar outras partes do site, poisisso indica um “outro site” ao invés de alguma pagina dentro dele. As informações sobre a empresa estão agrupadas todas no link “Padaria”, ondeé possível encontrar um descritivo, endereço, e-mail e foto da padaria. É apresentada uma interface unificada para o cliente. Os itens são claros eobvio. Se ele quer ver os produtos que a padaria oferece, basta ir no link “Produtos”.Assim também funciona com os demais itens do site.
    • 19 Para obter todas as informações de contato da empresa existe o link “FaleConosco”. É informado o e-mail, telefone, endereço e também é possível enviar umamensagem para a padaria através do formulário (essa mensagem pode ser umasugestão, crítica, elogio, informação, etc). Não foi fornecida nenhuma informação interna da empresa. Foi evitado conteúdoredundante no site para não congestionar as páginas, as informações e os linksestão bem claros, por isso, na parte de produtos foram criadas categorias paradiferenciá-los, e todas elas possuem suas categorias (doces, salgados, pães ebolos). Não foram usados termos difíceis, nem dialeto de marketing, pois dãotrabalho para o usuário descobrir o significado. Foram empregados letras maiúsculas/minúsculas e outros estilos comconsistência. Foram evitados espaços e pontuação para da ênfase a uma palavra oufrase. A pontuação incomum reduz a legibilidade. Não são utilizados títulos que desperdiçam um espaço sem sentido no site, massim são destacadas de forma que o usuário compreenda que aquela informaçãoestá destacada (geralmente com tamanho de fontes maiores e melhores disposiçãona página). Os links estão destacados com outro estilo de fonte e um tamanhorazoável para ser identificado facilmente, eles indicam exatamente o que acontecerácaso o usuário clique nele. Não foram utilizados links com o nome de “Clique Aqui”, “Links” e “Mais..” nofinal de uma lista para indicar um link. Foram utilizados os significativos nos nomespara informar aos usuários o que obterão quando clicarem. A área de navegação principal está em um local bastante destacado e os itenssão agrupados entre si dentro dessa área, facilitando assim sua visualização. Não
    • 20foram disponibilizadas várias áreas de navegação para o mesmo tipo de link. Nãoexiste um link ativo para voltar para a “home” (página principal) na homepage. Não foram inventados termos diferentes de navegação para as categorias. Elassão diferenciáveis entre si. Não foram incluídas tarefas que não estejam relacionadas com a padaria outarefas que os usuários costumam fazer no site. Nem ferramentas que produzemfunções do navegador, como definir uma página como Página Inicial. As fotos disponíveis no site foram todas editadas conforme seu tamanho edisponibilidade na página. Não foram utilizados imagens de plano de fundo com otexto sobreposto. Não foram utilizadas animações para chamar a atenção para um único item, poisdistrai a atenção de outros elementos importantes no site. E nem animação emlogotipo, slogan ou títulos principais. Foi utilizado um padrão de estilo de fontes, formatação de texto (tamanho, cores,etc) em todas as páginas para padronizar e não deixar o texto com design pesado. Os elementos mais críticos da página estão acima (visivelmente na primeira telade conteúdo, sem precisar rolar). Os menus suspensos dificultam a navegação eficiente dos usuários, por issonão foi utilizada no site. Os menus estão todos no topo e localizado um ao lado dooutro, facilitam sua visualização. O título de janela foi especificado como “Padaria em Curitiba -Empório Pancy”,para facilitar o desempenho na marcação e localização de sites em mecanismo depesquisa. Os títulos devem ser limitados a não mais que sete ou palavras. Não foi
    • 21incluída a palavra “homepage” e o nome de domínio no título, pois não faz parte donome da empresa. Cada país tem seu domínio específico, e como a Padaria só tem clientes eusuários no Brasil, foi registrado apenas um domínio “.com.br”. Os usuários são conduzidos diretamente a página inicial (homepage) quandodigitam o endereço “http://www.emporiopancy.com.br”, sem tela de abertura e semmensagem de boas-vindas. Não existem opções para os usuários escolherem asrespectivas localizações geográficas, pois a versão do site existe somente emPortuguês. O site é bem específico e voltado para os clientes e usuários interessados emprodutos e informações sobre a padaria. Não foram desperdiçados espaço comcréditos relacionados à outros assuntos. Não é feito nenhum tipo de recarregamento e atualização da páginaautomaticamente, pois isso aborrece muitos usuários e acaba atrapalhando outrosque utilizam conexões lentas. Não existe recurso para que o usuário modifique ou personalize a aparência dainterface. Não existe um “Livro de Visitantes”, pois esse termo faz com que o site pareçaamador. O que o site disponibiliza é um formulário de cadastro, especificando que ousuário pode se cadastrar para receber informativos de novidades e promoções.
    • 223.2.3 Princípios (diretrizes desconsideradas) que o site não cumpre. Algumas diretrizes foram desconsideradas, pois não foram implementadas ouutilizadas no site em questão. As diretrizes são: Utilizar slogan da empresa para enfatizar o que a empresa faz de importante edesignar uma página do site como a homepage oficial e estruturá-la de mododiferente de todas as outras páginas. Disponibilizar um link “Sala de Imprensa” ou “Sala de Notícias” para obtercobertura da imprensa para a empresa, e “Política Privada” para detalharinformações de qualquer cliente incluso no site. Fornecer mecanismo respostaautomática, e especificar o objetivo do link e se será lido pelo atendimento ao clienteou webmaster. Em uma frase não separar palavras que precisam ficar juntas para serementendidas. Existem vários fatores que pode prejudicar a lógica desse conteúdo eaté o sentido da frase, como: versão do navegador, tamanho do monitor, resoluçãoda tela e outros itens. Deve-se evitar os pontos de exclamação, pois não pertence àgrafia profissional. Revelar o conteúdo do site através de exemplos na homepage, como umalistagem de notícias ou produtos que são vendidos na padaria. Disponibilizar paracada item um link que vai para a página de detalhes desse produto e outro link quevai para a listagem de todos os produtos (especificar claramente para onde cada umvai). Disponibilizar acesso ao conteúdo anterior e os atualizados recentemente nosite. Indicar links com sublinhado e cor azul, e permitir os links visitados e não-
    • 23visitados com cores diferentes para não confundir os usuários, a cor dos links jávisitados deve ser uma versão mais clara da cor das ligações ainda não visitadas. Disponibilizar para os usuários uma caixa na homepage para fazer a busca deum produto específico. Não se deve rotular a área de pesquisa com um título, e simusar um botão "Busca" ou "Pesquisa". Não oferecer recurso para pesquisar na web,pois não é na web que a busca será feita e sim e somente no seu site. A caixa detexto deve ter tamanho suficiente para o usuário conseguir digitar 30 caracteres. Apesquisa deve ser feita no site inteiro. Usar os textos com muito contraste e cor de plano de fundo, para que as fontesfiquem mais legíveis. Evitar a rolagem horizontal na resolução 800x600, pois oconteúdo se perde e rola para fora da tela dificultando a visualização e desempenhodentro das páginas. Utilizar layout fluido para permite o ajuste do site para váriasresoluções. Destina-se a páginas que devem ser vistas por inteiro, ocupando toda aárea útil da janela do navegador, sem reduções de escala. Registrar vários domínios com grafias diferentes (abreviações ou erros comunsdo nome do site), e direcionar todas sempre para o domínio correto. Evitar janelas pop-up, pois muitos usuários ignoram achando que são anúnciose propagandas. Se houver algum problema técnico é necessário informar aos usuários quantotempo levará para o site voltar ao ar. O certo é criar uma página alternativa casoocorra alguma emergência. Não colocar links para se cadastrarem no site sem explicar as vantagens ebenefícios para o cliente.
    • 244. AMBIENTES PROPOSTOS Feita a revisão nos sites e levando em conta somente as diretrizes que tiveramseu número maior desconsideradas, foram propostos novos ambientes (telas) paramelhoria e melhor entendimento dos usuários.
    • 254.1 Rol Sul Rolamentos4.1.1 Pesquisa Inclusão do campo de pesquisa, que é um elemento muito importante no site,pois facilita a busca pelos produtos. (figura 01) Campo Pesquisa para facilitar a busca de produtos
    • 264.1.2 Notícias As notícias e atualizações nos sites fazem com que os usuários entrem embusca de novos conhecimentos e informações. (figura 02) Inclusão de Notícias para os usuários se manterem informados
    • 274.1.3 Comunicando problemas técnicos Foi necessário criar uma página em caso de emergência ou algum problemaenfrentado pelo site. É importante manter os usuários com informações relevantes enecessárias. (figura 03) Informando Problemas Técnicos
    • 28 Datas As datas são importantes somente para informações relacionadas ao tempo,como as noticias. (figura 04) Foi adicionado Datas para referenciar cada notícia
    • 294.2 Empório Pancy4.2.1 Slogan Incluir um slogan que cause impacto sobre as pessoas, resumindo o que aempresa ou o site faz. (figura 05) Inclusão de Slogan da Empresa
    • 304.2.2 Revelando o conteúdo através de exemplos Foi proposta uma tela destacando e disponibilizando alguns produtos emdestaque. Ao passar o mouse em cima da foto e do nome do produto é possívelvisualizar que existe um link, levando para a página de detalhes do produtoescolhido. (figura 06) Apresentação de Produtos em destaque na home
    • 314.2.3 Pesquisa É importante disponibilizar aos usuários a opção de pesquisar o produto que eledeseja no site. Facilitando na busca e navegação. (figura 07) Campo Pesquisa para facilitar a busca de produtos
    • 324.2.4 Comunicando Problemas Técnicos e Emergências Às vezes a empresa ou o site enfrenta problemas técnicos e é importanteinformar aos usuários o motivo do site não estar funcionando corretamente. (figura 08) Comunicando Problemas Técnicos
    • 335. CONCLUSÕES E TRABALHOS FUTUROS Após a realização da pesquisa bibliográfica, seguindo as referências de Nielsen(2002), conclui-se que dois sites apresentaram poucos problemas de usabilidade,embora os sites Empório Pancy e Rol Sul Rolamentos podem ser consideradoscomo sites adequados, e cumpriram seu objetivo, pois esclareceu o que éusabilidade, qual é a sua importância e como pode ser aplicada à web. Osresultados das análises realizadas possibilitaram identificar problemas e sugerirnovas medidas de melhoria nos sites no que diz respeito à usabilidade e seu uso navisão de clientes. O site de uma empresa é sua representação na web, que atinge cada vez maispessoas com cobertura mundial. Pequenos problemas que prejudiquem aexperiência do usuário podem se transformar em um grande problema para aempresa, influenciando suas vendas e sua imagem. As empresas têm pouco tempopara prender a atenção de seus usuários e mostrar que vale a pena navegar em seusite. Se ele se sentir satisfeito, sua visita pode valer vendas, credibilidade efidelidade de seus clientes ou resultar em descontentamento, insatisfação e irritaçãode um usuário que poderia ter se tornado um cliente lucrativo. Pode-se dizer que a aplicação das diretrizes de usabilidade proporciona ainteração humano-computador e facilita a utilização do site e do seu funcionamento. Como trabalho futuro será implementada todas as regras de usabilidade logo noinício do desenvolvimento.
    • 34 REFERÊNCIASNIELSEN, Jakob; TAHIR, Marie. Homepage: USABILIDADE - 50 WebsitesDesconstruídos. Campus, 2002. 315p.NIELSEN, J.; LORANGER, H. Usabilidade na Web - Projetando Websites comQualidade. Campus, 2007. 432p.FERREIRA, Simone Bacellar Leal; NUNES, Ricardo Rodrigues. e-Usabilidade. Rio deJaneiro: LTC. 192p.LYNCH, Patrick; HORTON, Sarah. Web style Guide: Basic Design Principles forCreating Web Sites. 1999. 164p. (on-line), http://www.webstyleguide.com/index.html/KRUG, Steve. Não me faça pensar. São Paulo. Market Books, 2001.RADFAHRE, L. Design web design. São Paulo: Market Press, 1998.GOOGLE. http://www.google.com.br/ Acesso: Dezembro/2008USABILIDOIDO. http://usabilidoido.com.br/ Acesso: Março/2009CRIAR WEB. http://www.criarweb.com/usabilidade/ Acesso: Fevereiro/2009USABILIDADE BR. http://www.usabilidadebr.com.br/home.asp/ Acesso: Fevereiro/2009SOBRE SITES. http://www.sobresites.com/usabilidade/ Acesso: Janeiro/2009