análise de usabilidade das homepages das bibliotecas da rede

Anlise de Usabilidade das homepages das bibliotecas da RedeUnesp: Uma proposta para a Biblioteca do campus de Bauru

Camila Fernandes de Oliveira (Unesp) - [email protected]

Resumo:

Este trabalho apresenta a anlise das homepages das bibliotecas da Rede Unesp, baseando-seem critrios de usabilidade e em padres definidos pelos tericos Jackob Nielsen e CludiaDias, pelas Normas de Contedo do Portal Unesp, pelo Manual de Identidade Visual dosWebsites da Unesp e pelas Cartilhas do Departamento de Governo Eletrnico de redao ede usabilidade, alm de uma anlise mais detalhado do site da Biblioteca do campus de Bauru.O objetivo da anlise propor alteraes para a homepage desta Biblioteca, utilizando-se domaterial estudado e do produto da anlise, que aponta solues adotadas por outrasbibliotecas da rede que podem ser teis para a Biblioteca de Bauru.

Palavras-chave: Biblioteca Universitria. Usabilidade. Homepages

rea temtica: Temtica I: Tecnologias de informao e comunicao um passo a frente

Powered by TCPDF (www.tcpdf.org)

XXV Congresso Brasileiro de Biblioteconomia, Documentao e Cincia da Informao Florianpolis, SC, Brasil, 07 a 10 de julho de 2013

Anlise de Usabilidade das homepages das bibliotecas da Rede UNESP: Uma proposta para a Biblioteca do campus de Bauru

Resumo: Este trabalho apresenta a anlise das homepages das bibliotecas da Rede Unesp, baseando-se em critrios de usabilidade e em padres definidos pelos tericos Jackob Nielsen e Cludia Dias, pelas Normas de Contedo do Portal Unesp, pelo Manual de Identidade Visual dos Websites da Unesp e pelas Cartilhas do Departamento de Governo Eletrnico de redao e de usabilidade, alm de uma anlise mais detalhado do site da Biblioteca do campus de Bauru. O objetivo da anlise propor alteraes para a homepage desta Biblioteca, utilizando-se do material estudado e do produto da anlise, que aponta solues adotadas por outras bibliotecas da rede que podem ser teis para a Biblioteca de Bauru. Palavras-chave: Biblioteca Universitria. Usabilidade. Homepages. rea Temtica: Tecnologias de informao e comunicao um passo a frente 1 INTRODUO

Cada uma das 32 bibliotecas da rede de bibliotecas da Unesp tem autonomia

para gerir suas homepages, seguindo apenas orientaes e sugestes vindas da

Coordenadoria Geral de Bibliotecas (CGB) e da unidade, faculdade ou campus a

que se subordina. Tal autonomia garante liberdade e criatividade na escolha do

contedo, mas gera um trabalho adicional aos responsveis pela administrao do

site relacionado seleo do que o visitante do site precisa, ao melhor local para

colocar a informao e maneira de transmisso do contedo mais eficiente.

Na Biblioteca do campus de Bauru, o momento em que os sites da Unesp

passaram por uma padronizao de layout e de gerenciamento de contedo foi

escolhido para iniciar uma avaliao do que seria inserido, excludo ou mantido

baseando-se nas escolhas e inovaes realizadas por outras bibliotecas da rede. O

novo sistema de gerenciamento de contedo foi ferramenta essencial para

compartilhar a responsabilidade dos tcnicos de informtica na atualizao dos sites

com outros funcionrios da Biblioteca facilitando, assim, a manuteno do site.

Um dos principais tericos de usabilidade Jackob Nielsen, cujas dez

heursticas termo usado aqui como recomendaes -, originalmente aplicadas para

softwares, ainda so utilizadas para avaliao de websites. No Brasil, destaca-se

Cludia Dias que, estudando a usabilidade em portais corporativos, estabeleceu sete

heursticas. A avaliao realizada nesse trabalho tambm se baseia nas Normas de

Contedo do Portal Unesp e o Manual de Identidade Visual da Unesp, alm das

Cartilhas do Departamento de Governo Eletrnico de redao e de usabilidade.


2

2 Metodologia

Nessa avaliao importante ressaltar a diferenciao de termos para

identificar aqueles que utilizam a biblioteca e aqueles que acessam seu site:

Biblioteca (inicial maiscula) - Biblioteca do campus de Bauru.

biblioteca (inicial minscula) - Biblioteca de forma geral.

Frequentador - Aqueles que utilizam a biblioteca.

Usurio - O termo ser utilizado apenas para os usurios da biblioteca, ou

seja, aqueles que tm cadastro, sejam frequentadores assduos ou no.

Visitante do site - Todos que podem acessar, o site da biblioteca, incluindo

usurio da biblioteca, frequentador, comunidade do campus - aqueles que

trabalham, estudam, ou frequentam o campus-, comunidade unespiana - aqueles

que trabalham ou estudam em outros campus da Unesp-, comunidade externa.

O primeiro mtodo utilizado foi a comparao entre os sites das bibliotecas,

estruturada em uma tabela com os elementos principais para atender as

necessidades dos visitantes. Para estabelecer os critrios avaliados na tabela, foram

considerados aspectos gerais indicados por quatro documentos, da aplicao mais

especfica mais abrangente. Compreende-se que as Normas de Contedo do

Portal Unesp e o Manual de Identidade Visual da Unesp so diretrizes que devem

ser seguidas e, por isso, foram escolhidas como ponto de partida da avaliao. Em

seguida, foi avaliada a aplicabilidade das Cartilhas do Departamento de Governo

Eletrnico, e em direo para as ideias mais tericas, levaram-se em conta as

heursticas de Nielsen (1994) e Dias (2006). Os atributos avaliados na tabela foram:

Campus - Nome do campus ou da faculdade, no caso de cidades com mais

de uma faculdade em diferentes locais. Campo para identificao.

Site - Endereo do site da biblioteca obtido no site da CGB, ou obtido atravs

do site da faculdade/campus. Campo para identificao e consulta.

Verso Nova - Critrio sobre a adequao do site da biblioteca ao padro

visual estabelecido pela Unesp em 2011.

Athena - Indicando se o site apresenta um link para o banco de dados Athena,

ferramenta utilizada pelos usurios para busca de ttulos, reservas e renovaes.

Parthenon - Campo indicando se o site apresenta um link para o buscador

Parthenon, ferramenta utilizada para busca integrada de livros, teses, dissertaes,

trabalhos acadmicos e artigos cientficos.


3

Sugesto de Compra - Campo indicando se o site apresenta um link para

sugesto de compras de livros. Esse atributo seria um meio do usurio interagir com

a rotina da biblioteca mais ativamente.

Servios - Campo indicando se o site apresenta uma pgina ou uma parte do

menu com os servios oferecidos pela Biblioteca, como EEB, Comut, orientao

para as normas da ABNT. De acordo com Lima; Chagas (2010), essa uma das

informaes essenciais no site da Biblioteca.

Regulamento - Indica se h um link para o Regulamento da Biblioteca para os

usurios. O regulamento tambm apontado por Lima; Chagas (2010) como

informao essencial e pode ser til tanto por usurios da Biblioteca como pela

comunidade externa a fim de saber os servios so oferecidos.

Novidades Atributo sobre a presena de noticias, novos cursos ou servios

da biblioteca no site. A presena de novidades atenderia a proposta de atualizao

frequente das ferramentas online.

Pr-cadastro - Indica se a biblioteca possibilita um cadastro prvio dos

usurios, parcial ou completo. A possibilidade de pr-cadastro virtual configura uma

comodidade ao usurio.

Pontos Negativos - Caractersticas diferenciais do site que prejudicam a

informao, contrariam as diretrizes de padro da Unesp ou no favorecem a

usabilidade do visitante e, portanto, devem ser evitadas.

Pontos Positivos - Diferenciais do site que facilitam a transmisso da

informao ou solues criativas para veicular contedo que poderiam ser

aproveitados por outros sites da rede.

Observaes - Informaes adicionais sobre os sites que no cabem em

outros critrios, como explicaes de seus pontos negativos e diferenas em relao

maioria dos sites que no so positivas nem negativas.

Os mesmos documentos utilizados para definio desses critrios serviram de

base para a criao de uma lista de checagem (Anexo A) na qual se baseou a

avaliao detalhada do site da Biblioteca da Unesp de Bauru.

Das Normas do Portal Unesp, destaca-se a padronizao visual, item

presente na tabela comparativa como Verso Nova. Alm disso, o documento

deixa claro o propsito dos sites da Universidade, o que serve como guia para a

seleo de contedo e formato dos sites. Os objetivos do Portal Unesp so:


4

I assegurar a presena institucional da Unesp na Internet em padres de eficincia comunicacional e em consonncia com as finalidades institucionais da Universidade no que diz respeito ao Ensino, Pesquisa, Extenso Universitria e Gesto, bem com a Misso, os Princpios e os Objetivos estabelecidos no Plano de Desenvolvimento Institucional da Unesp; II proporcionar na internet a visibilidade da produo cientfica, tecnolgica e cultural da Unesp e o acesso a informaes acadmicas e tcnico-administrativas de interesse pblico da Universidade; [...] V promover a integrao crescente da Unesp ao contexto das sociedades do conhecimento, de modo a viabilizar, com a comunidade externa, interfaces crescentes e adequadas aos seus desafios institucionais e, com a comunidade interna, um ambiente organizacional voltado para a proatividade e estimulador da

criatividade. (LIMA; CHAGAS, 2010) Esse trecho ressalta a importncia da adequao do contedo disponibilizado

nos sites ao papel da Universidade e de suas unidades administrativas, incluindo a

funo de disponibilizar informaes que sirvam trade Ensino, Pesquisa e

Extenso, como a utilizao da proatividade e criatividade para a realizao de suas

atividades.

No que concerne forma, as normas determinam que contedos publicados

na forma de arquivos de documentos, uma vez que sua mera disponibilizao

desestimula a navegao e dificulta a eficcia do objetivo de ampliar a visibilidade

pblica da Instituio. (LIMA; CHAGAS, 2010) E indica que, para os casos em que o

contedo foi publicado originalmente nesses formatos - como o PDF -, deve-se fazer

uma descrio ou contextualizao resumida do documento e uma indicao de que

o visitante ser encaminhado para outra pgina.

As normas tambm dispem sobre a utilizao de recursos de animao -

como flash e gif -, que devem ser evitados exceto quando essenciais e

indispensveis para a compreenso de trabalhos cientficos ou tcnicos. Outro

assunto destacado a utilizao de siglas, que, quando presentes em ttulos e

menus, devem se restringir quelas de conhecimento amplo (como Enade, Enem e

IBGE). Siglas especficas devem ser substitudas por palavras-chaves. Por

exemplo, no lugar de UNATI, usar Terceira Idade. (LIMA; CHAGAS, 2010).

Lima; Chagas (2010) oferece diretrizes prticas como No fazer uso de

animaes de elementos como: logotipos, slogans ou ttulos principais e nunca

utilizar efeitos que descaracterizem as marcas oficiais. (UNIVERSIDADE

ESTADUAL PAULISTA, 2010b). Ele tambm recomenda que as pginas no devem


5

ter muitos elementos que aumentem o tempo de carregamento, que as cores

escolhidas devem manter harmonia com a pgina e seguir um padro, assim como a

escolha das fontes, para manter unidade. Deve haver padro tambm na escolha de

termos especficos, que precisam ser do conhecimento do visitante, seja usurio da

biblioteca ou no, especialmente quando presentes em ttulos e menus. O mesmo

vale para o uso de lngua estrangeira que deve se limitar aos termos que no

possuam traduo de sentido equivalente no portugus e aos que j foram

incorporados pela lngua portuguesa.

Quanto navegabilidade, destacam-se as instrues relativas fcil

compreenso de um padro e livre circulao entre as pginas de forma lgica

para o visitante. Uma dessas instrues a diferenciao de cores uniforme e

consistente de hiperlinks ativos e hiperlinks visitados, assim como a definio de

menus principal e secundrios, e a distribuio uniforme da quantidade de itens nos

menus. Considerando a incidncia recorrente desses erros, importante citar duas

instrues do Manual:

No utilizar as palavras "Clique aqui", como um nome de link. O ideal utilizar um texto que informe aos usurios quais as informaes que esto por trs do link. Somente inserir links internos com a garantia de seu pleno funcionamento e que no remetam a pginas "Em construo" ou

sem contedo. (UNIVERSIDADE ESTADUAL PAULISTA, 2010) Links quebrados - que no levam a nenhuma pgina - ou que levam a

pginas incompletas no s prejudicam a navegabilidade, como tambm afetam a

confiabilidade do site, fazendo com que o visitante do site o considere desatualizado.

O Manual tambm dedica um espao a instrues simples para facilitar a

Acessibilidade, especialmente para pessoas com deficincia visual. Destaca-se:

Nas imagens que contm link, sempre apresentar descrio do contedo da imagem (atributo ALT da tag ). Ex.: . Esse procedimento extremamente recomendado pelo W3C [consrcio internacional que desenvolve padres para a Web], pois facilita a descrio da imagem por leitores de tela, melhorando substancialmente a acessibilidade do site por pessoas portadoras de necessidades especiais.

O fato que a Web est cada vez mais valorizando a presena de imagens e

sites carregados de imagens no descritas no podem ser compreendidos pelas

pessoas com deficincia visual. Apesar de no haver uma padronizao especfica

sobre como essa descrio deve ser feita, recomenda-se o mximo de cuidado para

que ela seja o mais detalhada possvel de maneira que a informao chegue a essas

pessoas to completa quanto queles que no tem deficincia visual.


6

As recomendaes seguidas nessa avaliao no foram encaradas como

regras ou medidas restritivas. Com base nos documentos estudados, foram

adaptadas as diretrizes de acordo com o contexto das bibliotecas e do sistema de

gerenciamento de contedo da Unesp.

As recomendaes da Unesp assemelham-se as do Governo Federal, como a

indicao de eliminar as pginas em construo, destacando-se a importncia de

que apenas o que pode ser acessado e o que possui contedo devem estar visveis.

Alm disso, para o contexto das homepages das bibliotecas, ressalta-se um

cuidado com formulrio - a especificao do formato desejado no preenchimento,

por exemplo: CPF (digite apenas nmeros).

Quanto s pginas de erros, ressalta-se a necessidade de clareza. Sempre

que houver erro na pgina, a explicao do erro deve ser clara ao visitante, e a

pgina deve incluir um link para a pgina inicial e um link de contato com o

administrador do site (para dar a possibilidade de relatar o erro), alm de um campo

de busca, para continuar a navegao. Os sites das bibliotecas da rede costumam

negligenciar essa ateno, deixando que o erro leve a uma pgina padro do

navegador ou pgina inicial da biblioteca, sem nenhuma indicao de que houve

um erro na navegao.

Outra falha bastante comum o link de contato remeter a um e-mail e no a

um formulrio de contato. Quando isso ocorre, abre-se um programa de correio

eletrnico no computador do usurio, tornando a navegao mais lenta, induzindo o

visitante ao erro. importante lembrar que o visitante pode estar acessando o site

de um computador de uso compartilhado ou, mesmo que utilize seu dispositivo

pessoal, pode no utilizar programas de correio eletrnico. Assim, deve-se privilegiar

o formulrio de contato, e informar um e-mail, como alternativa ao visitante.

Das dez heursticas de Nielsen (1995) e das sete heursticas de Cludia Dias

(2001), destacam-se cinco nessa avaliao: Correspondncia entre o sistema e o

mundo (ou Compatibilidade com o Contexto); Consistncia e Padro; Preveno de

erros; Flexibilidade e eficincia de utilizao; e Esttica e Design minimalista.

Na construo e manuteno de sites deve-se ter em mente que o visitante

no precisa ter o mesmo conhecimento daqueles que o mantm. No que concerne

os sites de biblioteca, isso especialmente relevante na utilizao de termos e

siglas. Assim, em vez de utilizar em um menu o termo STRAUD para se referir a

Seo Tcnica de Referncia, Atendimento ao Usurio e Documentao, seria


7

melhor a adoo do termo Atendimento. O importante o site permitir que o

visitante consiga encontrar a informao que ele precisa ao optar pela linguagem

que esse compreenda, seja um usurio assduo da biblioteca, seja algum da

comunidade externa que busque saber que servios ele pode utilizar. Alm disso, a

estrutura do site deve ser planejada de acordo com as tarefas realizadas pelo

visitante, ou seja, o menu e os links devem estar estruturados de forma que atenda a

maneira que o visitante ir buscar a informao. Assim, no seria til colocar

Atendimento e Aquisio no menu principal apenas porque dessa maneira que

a biblioteca estruturada. Considerando que a maior parte das informaes que um

visitante ir buscar est relacionada a seo de atendimento, como horrios,

cadastro e servios, mais eficiente estrutur-lo de acordo com essas

necessidades. Entre as maneiras de descobrir as informaes mais buscadas (e

como elas so buscadas) destacam-se duas:

a) Anlise das estatsticas do site, como origem do visitante, expresses

utilizadas em motores de busca at chegar ao site, tempo de

permanncia do site, links clicados, e pginas mais visitadas, local de

acesso (se do IP da Universidade ou no).

b) Dvidas mais comuns que os usurios tentam solucionar ao ligar para

a biblioteca, mandar e-mail ou procurar o balco de atendimento.

Esses usurios podem ter buscado informaes no site, mas no

obtiveram sucesso.

A heurstica Consistncia e Padro tambm tem como objetivo facilitar a

compreenso ao seguir um padro de linguagem visual, de contedo e forma.

Quando o site utiliza a mesma fonte para todo seu contedo, isso d unidade

informao, e facilita a atribuio de destaque a termos, ttulos e hiperlinks, por

exemplo. Da mesma maneira, importante um padro na hierarquia de pginas do

menu, padro de interttulos e de escolha e de colocao de imagens. Isso permite

ao visitante que associe, por exemplo, a cor azul das fontes a hiperlinks, e a cor

vermelha a links visitados. A consistncia tambm diz respeito aos resultados que o

visitante espera ao realizar uma ao. Se ele clica em vrios links que abrem o

contedo na regio central do site, e ele clica em um link, no mesmo menu, e ele

leva a um link externo substituindo a pgina que visitava, ele pode interromper sua

navegao por causa dessa inconsistncia.


8

A preveno de erros envolve no s evitar erros do site como tambm os

cometidos pelo usurio. Se um link do menu do site da biblioteca encaminhar o

visitante a um site externo sem aviso prvio, isso pode no estar de acordo com o

desejo do visitante. Uma soluo seria o link estar em uma pgina com a explicao

da utilidade de acessar o outro site, o visitante decidiria se sua inteno mudar de

um site para o outro, abrir o link em uma nova janela, ou continuar a navegao no

site da biblioteca. Os erros mais comuns nos sites e facilmente corrigidos so as

imagens e os links corrompidos. Para evitar o problema com as imagens utilizadas

no site, deve-se hosped-las no servidor da pgina, em vez de utilizar um endereo

externo para a imagem. Isso evita que uma imagem seja trocada, retirada daquele

endereo ou ainda fique indisponvel por problemas no servidor de origem.

A flexibilidade e eficincia de utilizao esto relacionadas capacidade do

site de ser acessvel a novos visitantes e queles que consultam o site com

frequncia. A pgina deve ser facilmente compreendida por quem acaba de

conhec-la, mas, ao mesmo tempo, oferecer atalhos e recursos para o visitante com

mais experincia. No caso dos sites de biblioteca, os cones da barra lateral direita

servem para esse propsito. Se um usurio da biblioteca est em busca do link para

o catlogo Athena, ele pode clicar no banner que direciona ao link direto em vez de

fazer uma busca mais complexa no site.

O mesmo vale para outros banners presentes, como o do Peridicos Capes.

O site precisa oferecer esse link para um usurio que pretenda fazer uma pesquisa,

mas no sabe por onde comear, e vai buscar no menu termos como pesquisa,

publicaes, artigos, assim como para aqueles que entraram no site da biblioteca

apenas para ser direcionado ao Portal de Peridicos da Capes. Outra ferramenta

essencial para a eficincia do site o sistema de busca. Ele deve estar presente no

canto superior direito, oferecer a correo ortogrfica da busca, apresentar os

resultados em ordem de importncia e oferecer sugestes de pesquisa quando a

busca do visitante no retornar resultados.

A flexibilidade quanto ao suporte utilizado ainda mais importante hoje,

quando o acesso aos sites no realizado estritamente por desktops e notebooks,

mas tambm por tablets e smartphones, especialmente pelo principal pblico-alvo

dos sites das bibliotecas, a comunidade universitria.

As heursticas de Nielsen e Dias estabelecem que o design deve ser

minimalista. A inteno no distrair o usurio para o que no relevante, tornar a


9

navegao fcil, e intuitiva. As trs palavras-chaves so legibilidade (facilidade de

leitura), esttica (tendo em vista que as imagens competem ateno com contedo)

e densidade informacional (alcanada com nveis diferenciados de detalhamento).

Considerando que possui um propsito especfico, o site de uma biblioteca deve

restringir suas imagens ao que realmente passa uma informao relevante. Alm

disso, importante ressaltar que a utilizao de imagens deve respeitar os direitos

autorais, quando estes no pertencerem biblioteca, a imagem s deve ser usada

com autorizao do autor e devidamente creditada. J as imagens animadas devem

ser evitadas por distrarem o visitante e se assemelharem a propagandas.

3 RESULTADOS PARCIAIS

O site da Biblioteca de Bauru, apesar de no apresentar erros graves em sua

construo e atualizao, precisa de alteraes que melhorem sua navegabilidade e

acessibilidade. As mudanas sugeridas propem uma melhor adequao do site ao

que estabelecido por Lima; Chagas (2010) e s teorias mencionadas, alm de se

aproveitar as solues criativas, de forma e contedo, dos sites de outras bibliotecas

da rede. Destacamos os itens problemticos da lista de checagem.

Parmetro Diagnstico

Interface Grfica

A diagramao est correta evitando o uso excessivo de barras de rolagens, trazendo os principais contedos no topo da pgina.

A pgina inicial exige rolagem da barra.

Na pgina inicial, destacam-se dois problemas: a necessidade de rolar a barra

de rolagem para visualizao de todo contedo e a falta de destaque para aquilo

divulgado nessa pgina. Idealmente, a pgina deveria concentrar seu contedo na

parte superior do espao disponvel, no entanto, caso no seja possvel eliminar o

contedo excedente, deve-se hierarquiz-los do mais ao menos importante, sob o

ponto de vista do visitante. Um dos fatores que tornam a pgina inicial longa a

grande quantidade de banners laterais. Devem ser mantidos aqueles que tm

ligao direta com a funo da biblioteca e que o visitante no procuraria em outros

sites da universidade. Assim, seriam eliminados os links para Vestibular Unesp, PDI

2012, Unesp FM, Portal da Transparncia Estadual, e Portal Universia. O link para o

Twitter deve ser mantido prximo s outras ferramentas sociais da Biblioteca como o

Facebook e o Blog. Uma soluo interessante para dar destaque ao contedo da

pgina inicial foi utilizada no site da biblioteca da Faculdade de Cincias

Farmacuticas de Araraquara. Os cones grandes no contrariam a padronizao

visual em relao forma, facilitam a navegao em dispositivos touch screen e

podem ter as cores escolhidas respeitando a padronizao visual. importante


10

lembrar que um link no precisa aparecer duas vezes numa pgina, caso seja

facilmente localizado. Assim, se os links para o Athena e o Parthenon estiveram no

centro da pgina inicial, no precisam aparecer na lateral direita.

Parmetro Diagnstico

Interface Grfica

Para realar textos, so usadas cores ao invs de sublinhados ou elementos piscantes.

Ocorre utilizao eventual do sublinhado

Alguns contedos, especialmente sobre a visita orientada, apresentam

palavras destacadas com sublinhado, o que pode causar uma confuso para o

visitante que consideraria o termo um link. Deve-se optar para os destaques no

texto, negrito ou itlico, e para ttulos e subttulos, o padro de cores e tamanhos do

Gerenciador de Contedo. Deve-se atentar tambm para a diferenciao entre

hiperlinks e hiperlinks visitados, para facilitar a navegao do visitante que necessita

acessar diversos links de uma pgina.

Parmetro Diagnstico

Interface Grfica

Na utilizao de cones que provocam uma ao, esses so acompanhados de descrio textual do significado dessa ao.

H imagens cuja descrio o ttulo da imagem.

Na utilizao de imagens, o site precisa atender a necessidade daqueles que

utilizam leitores de tela, e apresentar uma descrio do contedo da imagem, que

possibilitada nas configuraes da imagem no Gerenciador de Contedo. Quando

um cone provoca uma ao, deve haver uma descrio do que ir acontecer. No

link Visita Orientada, h dois cones, um remete ao texto e outro ao vdeo, mas

quando o mouse desliza sobre eles, a descrio que aparece o ttulo do arquivo da

imagem, o que no til para quem no compreendeu o cone e nem para quem

utiliza um leitor de tela.

Parmetro Diagnstico

Navegabilidade O link de contato remete a um formulrio de contato em vez de abrir um gerenciador de correio eletrnico.

No h informaes de contato.

Uma pgina que precisa de reviso de contedo a Fale Conosco, que

possui links dos e-mails das sees da Biblioteca, abrindo um gerenciador de e-mail,

quando o recomendado um formulrio de contato, tornando a ao mais prtica,

ou, se no for possvel a insero do formulrio, a divulgao clara dos e-mails, que

possam ser facilmente copiados e colados pelo visitante que desejar enviar uma

mensagem, utilizando o servio de e-mail que escolher.

Parmetro Diagnstico

Criao de pgina

Nos formulrios, especificado o formato desejado no preenchimento, por exemplo: "CPF (digite apenas nmeros)".

Formulrio no apresenta especificao do formato.

No caso de formulrios, de contato ou outros, como o de solicitao de Comut

presente no site da Biblioteca -, deve-se lembrar da recomendao de deixar claro

ao visitante a forma que o contedo deve ser preenchido, como quantidade de


11

nmeros, formato das letras maisculas e minsculas e dos nmeros - apenas

nmeros, com pontos, traos ou barras, conforme o caso. Sempre que possvel, o

cursor deve ser posicionado no prximo campo a ser preenchido. Assim, se o campo

CPF (apenas nmeros), quando forem digitados 11 nmeros, o cursor passa

para o prximo campo.

Parmetro Diagnstico

Acessibilidade O site oferece servio de busca. O servio no funciona.

O site precisa oferecer sistema de busca para que o usurio tenha uma

maneira alternativa de buscar o contedo que precisa. No caso do site da Biblioteca,

compreende-se que o problema no exclusivo desse site, mas sim de todos os

sites da rede. No entanto, um problema que afeta inclusive os visitantes do site da

Biblioteca.

Parmetro Diagnstico

Navegabilidade

Nas pginas de erro, a explicao clara ao visitante, e h um link para a pgina inicial e um link de contato com o administrador do site (para dar a possibilidade de relatar o erro), alm de um campo de busca, para continuar a navegao.

Abre uma pgina de erro padro do navegador.

Outro problema na navegao est na ausncia de uma pgina de erro

especfica. Dependendo do erro da navegao, nem a pgina padro do navegador

utilizada, sendo o visitante encaminhado para a pgina inicial do site, sem ser

avisado sobre a ocorrncia do erro. O ideal uma pgina de erro que informe ao

visitante o ocorrido, com um link para a pgina inicial, um de contato para o

administrador do site e um campo de busca para permitir ao visitante continuar a

procurar pelo contedo desejado.

O site precisa revisar o menu, que adota a ordem alfabtica em vez da ordem

necessria para o usurio. O critrio ideal para guiar a mudana da ordem dos itens

dos menus priorizar aqueles mais acessados e os assuntos pelos quais h maior

procura por informao.

Parmetro Diagnstico

Criao de pgina

O site possui pginas de ajuda com contedo claro, simples, respeitando sempre as normas de acessibilidade.

No h pgina de ajuda.

Acessibilidade Est includo o ttulo das pginas (comando TITLE) sem o uso de caracteres especiais e nem pontos

H palavras com acentos e cedilhas.

Entre as instrues de Lima; Chagas (2010), ainda se destacam a

necessidade de uma pgina de ajuda e a eliminao de caracteres especiais no

ttulo da pgina (comando TITLE). A pgina de ajuda tornaria mais fcil a visita de

uma pessoa que no tem claro seu objetivo ou no sabe onde encontrar sua

informao, uma soluo fornecer na pgina Visita Orientada Virtual links para

mais informaes, assim, quando um visitante acessa a pgina, mas no tem a


12

inteno de realizar o cadastro, ele seria encaminhado para essas pginas com

informaes adicionais.

As alteraes indicadas nesse trabalho e aquelas que venham a ser

necessrias devem buscar a melhor compreenso do visitante do site sobre as

informaes divulgadas, optando pela clareza, objetividade e coerncia com os

propsitos da instituio.

REFERNCIAS

BRASIL. Ministrio do Planejamento, Oramento e Gesto. Padres Web em Governo Eletrnico e-PWG - Cartilha de Redao Web (Webwriting). Braslia, DF, 2010a. Disponvel em: . Acesso em 10 fev. 2013. BRASIL. Ministrio do Planejamento, Oramento e Gesto. Padres Web em Governo Eletrnico e-PWG - Cartilha de Usabilidade. Braslia, DF, 2010b. Disponvel em: . Acesso em 10 fev. 2013. DIAS, C. Heursticas para avaliao de usabilidade de portais corporativos. Braslia: Universidade de Braslia, 2001. In: Usabilidade na WEB: criando portais mais acessveis. Rio de Janeiro: Alta Books, 2007. FACULDADE DE CIENCIAS FARMACUTICAS DE ARARAQUARA. Seo de Biblioteca e Documentao para Servio Tcnico de Biblioteca e Documentao.


13

UNIVERSIDADE ESTADUAL PAULISTA. Diviso Tcnica de Biblioteca e Documentao do campus de Bauru. Disponvel em: < http://www.biblioteca.bauru.unesp.br/> Acesso em 10 fev. 2013. UNIVERSIDADE ESTADUAL PAULISTA . Identidade visual da Unesp. So Paulo: Unesp, 2012. Disponvel em: . Acesso em 10 fev. 2013. UNIVERSIDADE ESTADUAL PAULISTA . Layout de pginas do Portal Unesp. So Paulo: Unesp, 2012. Disponvel em: . Acesso em 10 fev. 2013. UNIVERSIDADE ESTADUAL PAULISTA . Normas para redao. So Paulo: Unesp, 2012. Disponvel em: . Acesso em 10 fev. 2013. UNIVERSIDADE ESTADUAL PAULISTA. Portaria Unesp n 604, de 3 de dezembro de 2010b. Dispe sobre normas para publicao e manuteno de contedos do Portal Unesp. Dirio Oficial, So Paulo, v. 120, n. 229, 4 dez. 2010. Seo I, p. 78-79. Disponvel em: . Acesso em 16 jan. 2013. UNIVERSIDADE ESTADUAL PAULISTA. Portaria Unesp n 93, de 16 de fevereiro de 2011. D nova redao Portaria 604, de 3 de dezembro de 2010, que dispe sobre normas para publicao e manuteno de contedos do Portal Unesp. Dirio Oficial, So Paulo, v. 121, n. 31, 16 fev. 2011. Seo I, p. 43. Disponvel em: < http://www.unesp.br/aci_ses/pdf/Portaria-604-Emenda.pdf>. Acesso em 10 fev. 2013. Anexo A Lista de checagem das recomendaes de Usabilidade aplicada a homepage da Biblioteca do campus de Bauru da Unesp

Parmetro Diagnstico

Inte

rfac

es

gr

fica

s

Os elementos da Identidade Visual do website esto de acordo com as Normas de Identidade Visual da UNESP, em suas caractersticas, propriedades, cores e dimenses.

Sim

Os elementos de identificao da Universidade, como a logomarca, correspondem ao disposto no Manual de Identidade Visual da Unesp e na forma especificada neste Manual.

Sim

A diagramao est correta evitando o uso excessivo de barras de rolagens, trazendo os principais contedos no topo da pgina.

A pgina inicial exige rolagem da barra.

So adotados os formatos de imagens: GIF, JPG e PNG, sendo observada a compatibilidade em diferentes browsers.

Sim

Na escolha de cores, observado o contraste entre os elementos visuais, para facilitar a legibilidade, sempre mantendo a harmonia com a pgina da Universidade.

Sim

As pginas tem tempo de carregamento aceitvel e no contem recursos de msicas de fundo.

Sim

A utilizao de cores mantida uniforme em todo o website. Sim

Para realar textos, so usadas cores ao invs de sublinhados ou elementos piscantes.

Ocorre utilizao eventual do sublinhado

Na utilizao de tamanho de fonte diferente do que o estipulado, mantm-se a legibilidade e a harmonia.

Sim


14

As cores contribuem para manter fcil identificao da hierarquia da informao (contedo).

Sim

As imagens utilizadas respeitam o direito de propriedade de uso e seu crdito autoral nos termos da legislao vigente.

Sim

A escolha da fonte e das cores garantem a legibilidade do contedo. Sim

O detalhamento da informao garantido com a distribuio do contedo em nveis, de forma que o visitante tem a informao de acordo com o grau de interesse.

Sim

Na utilizao de cones que provocam uma ao, esses so acompanhados de descrio textual do significado dessa ao.

H imagens cuja descrio o ttulo da imagem.

Elementos que no devem estar presentes.

Ocorre a utilizao de animaes como logotipos, slogans ou ttulos principais ou so utilizados efeitos que descaracterizem as marcas oficiais.

No

So utilizados grficos de marca dgua. No

A seleo de imagens competem por ateno com o contedo. No

H elementos que no so relevantes ao usurio e que podem causar confuso.

No

Cri

a

o

de

p

gin

as

Nas pginas com contedo explicativo, a informao mais importante inicia o texto, garantindo que os elementos relevantes estejam disponveis sem a necessidade do uso de barra de rolagem.

Sim

O site possui pginas de ajuda com contedo claro, simples, respeitando sempre as normas de acessibilidade.

No h pgina de ajuda.

Na publicao de textos, mantm-se padro de fontes em todo o site, seguindo indicaes do Manual de Identidade Visual da Unesp

Sim

Os termos utilizados so conhecidos pelos visitantes. Sim

Os arquivos so publicados em formato PDF Sim

Os textos buscam a facilidade de leitura, sendo escritos em pargrafos curtos, com utilizao de subttulos e lista de marcadores.

Sim

O contedo publicado est de acordo com as competncias e finalidades da instituio.

Sim

A estrutura do site planejada de acordo com a utilizao do visitante. Est em ordem alfabtica.

Nos formulrios, especificado o formato desejado no preenchimento, por exemplo: "CPF (digite apenas nmeros)".

Formulrio do Comut no h especificao do formato.

O site foca o contedo em detrimento da propaganda. Sim

Elementos que no devem estar presentes

O site aprensenta pginas com expresso "Em construo" ou "Em breve".

No

O site apresenta pginas parcialmente pronta. No

H dados/pginas desatualizadas (como por exemplo, pginas convidando os usurios para participarem de eventos que j ocorreram).

No

H contedo redundante. No

H abreviaes em links de navegao. No

So utilizados termos com todas as letras em maisculas. No

So utilizados termos em lngua estrangeira que poderiam ser substitudos por equivalentes em lngua portuguesa.

Nome de normas e do software Turnitin esto em ingls por falta de opo.


15

Nav

eg

ab

ilid

ad

e

Os processos ou transaes podem ser cancelados, mesmo antes de terminados.

Sim

O site s direciona para outra pgina a partir de uma ao do usurio. Sim

O site faz preferncia por tecnologias como lightbox em vez de janelas adicionais.

Sim

Em formulrios de entradas de dados, o cursor posicionado no prximo campo a ser preenchido.

No.

H opo de voltar pgina anterior sem necessidade de sair do website. Sim

O mapa do website privilegia a estrutura dos menus principais e secundrios.

Sim

indicado ao visitante as etapas do caminho percorrido durante a navegao, sempre oferecendo a opo de retorno nas reas do website voltar a qualquer uma delas.

Sim

O link de contato remete a um formulrio de contato em vez de abrir um gerenciador de correio eletrnico.

No h informaes de contato.

A escolha dos termos do menu est de acordo com a realidade do visitante.

Sim

O menu e os links esto estruturados de forma a atender a maneira que o visitante busca a informao.

Sim

Nas pginas de erro, a explicao clara ao visitante, e h um link para a pgina inicial e um link de contato com o administrador do site (para dar a possibilidade de relatar o erro), alm de um campo de busca, para continuar a navegao.

Abre uma pgina de erro padro do navegador.

Os links de menu e da pgina inicial funcionam corretamente. Sim

Os arquivos cuja visualizao depende de outros aplicativos so abertos em nova janela do navegador (ex.: Arquivos em PDF e DOC)

Sim

O logotipo institucional tem um posicionamento constante e constitui de um link de hipertexto para a pgina inicial do website.

Sim

H diferenciao entre as cores de hiperlinks e hiperlinks visitados, mantendo-se uniforme e consistente em todo o website, seguindo os padres de cores da Identidade Visual.

No ocorre diferenciao.

Na indicao de links utilizado um texto que informe ao visitante o que ser encontrado ao acessar esse link.

H ocorrncia de links com destinos no detalhados.

Ace

ssib

ilid

ad

e

Est includo o ttulo das pginas (comando TITLE) sem o uso de caracteres especiais e nem pontos.

H palavras com acentos e cedilhas.

utilizado apenas o nome da Universidade no ttulo da pgina inicial do website sem incluso de termos como Site, Website, Homepage.

Sim

Na utilizao de imagens, especialmente aquelas que contm link, apresentada uma descrio do contedo da imagem (atributo ALT da tag ), a fim de facilitar a utilizao de leitores de tela.

A descrio o ttulo da Imagem.

A pgina facilmente compreendida por quem acaba de conhec-la. Sim

A pgina oferece recursos e atalhos a visitantes mais experientes. Sim

A pgina flexvel aos diferentes suportes pelos quais pode ser feito o acesso, como tablets e smartphones.

O tamanho dos links afeta o uso de telas touch.

O site oferece servio de busca. O servio no funciona.

Elementos que no devem estar presentes

Ocorre a utilizao de recursos especficos de browsers. No

análise de usabilidade das homepages das bibliotecas da rede

Documents