Professional Documents
Culture Documents
Marco Winckler1
Marcelo Soares Pimenta2
Resumo:
Desde a inveno da Web, a tecnologia para construo de interfaces Web vem sendo progressivamente
incrementada permitindo o desenvolvimento de aplicaes cada vez mais complexas que utilizam a Web
no apenas para troca de informaes, mas como plataforma para aplicaes distribudas tais como
comrcio eletrnico e intranets. Durante este processo evolutivo, o nmero de usurios e de sites Web
cresceram exponencialmente. A Web tornou-se acessvel a todas as pessoas, e conta com uma grande
variedade de aplicaes. Contudo, observa-se que tal popularidade no implica necessariamente em
satisfao dos usurios. Muitos sites Web so visitados uma nica vez no porque o contedo do site no
seja interessante mas sim porque eles foram incapazes de encontrar a informao desejada , um dos
problemas de usabilidade tpicos mais relatados por usurios.
Usabilidade o termo tcnico usado para descrever a qualidade de uso de uma interface. Quando a
usabilidade levada em conta durante o processo de desenvolvimento de interfaces Web, vrios
problemas podem ser eliminados como, por exemplo, pode-se reduzir o tempo de acesso informao,
tornar informaes facilmente disponveis aos usurios e evitar a frustrao de no encontrar informaes
no site.
A tendncia atual em avaliao tentar identificar os problemas de usabilidade to logo eles possam ser
detectados na interface. Uma vez identificado, o problema pode ser solucionado ou, ao menos, seus
efeitos podem ser minimizados. Existe uma srie de mtodos de avaliao que podem ser utilizados em
diferentes etapas do desenvolvimento de interfaces Web.
O objetivo principal deste trabalho descrever o processo de avaliao de usabilidade de interfaces Web
e alguns mtodos e ferramentas que podem ser utilizados neste processo. Para contextualizar este assunto,
na parte inicial do captulo so apresentados alguns tpicos importantes tais como a caracterizao de
problemas de usabilidade, as peculiaridades do ambiente Web e suas aplicaes assim como uma viso
panormica sobre concepo de interfaces Web, com a inteno de permitir uma compreenso melhor dos
objetivos e procedimentos envolvidos na avaliao.
1. Introduo
Desde que foi criada por Tim Berners-Lee em 1989, a World Wide Web, WWW
ou simplesmente Web, foi criada no final dos anos 90 por nos laboratrios CERN como
uma soluo para os problemas de intercmbio de informaes entre os pesquisadores.
Desde ento, a tecnologia para construo de interfaces Web vem sendo
progressivamente incrementada permitindo o desenvolvimento de aplicaes cada vez
mais complexas. No incio, a Web era apenas um ambiente para publicao de
documentos no formato texto e HTML (Hypertext Markup Language) e, portanto, a
interao dos usurios era limitada a ler/imprimir texto e a selecionar links para outros
1
e-mail: winckler@irit.fr
LIHS -IRIT (Institut de Recherche en Informatique de Toulouse)
118, route de Narbonne 31062 - Toulouse Cedex 4 - Frana
2
e-mail: mpimenta@inf.ufrgs.br, http://www.inf.ufrgs.br/~mpimenta
Instituto de Informtica - UFRGS
Av. Bento Gonalves, 9500 - Caixa Postal: 15064
CEP 91501-970 - Porto Alegre - RS -Brasil
2. Usabilidade
Nesta seo definiremos usabilidade, discutiremos suas caractersticas e apresentaremos
alguns exemplos de problemas de usabilidade. Abordaremos tambm o conceito de
acessibilidade, cada vez mais considerado devido universalizao da informao e
necessidade de incluso digital. Um ciclo de projeto que contemple usabilidade (e
tambm acessibilidade) tambm discutido.
facilidade de aprendizado;
facilidade de lembrar como realizar uma tarefa aps algum tempo;
rapidez no desenvolvimento de tarefas;
baixa taxa de erros;
satisfao subjetiva do usurio.
links no disponveis e uso de cores. Alguns problemas podem ocorrem apenas durante
a utilizao em contextos especiais de uso.
a) Ausncia de informao.
b) Inadequao ao contexto.
Figura 2 Exemplos de problemas de usabilidade encontrados em
http://www.englishpractice.com/
A Figura 2 a apresenta um problema de usabilidade resultado de um
funcionamento inadequado de um componente da interface. A aplicao em questo tem
por objetivo ensinar ingls atravs de exerccios. No exemplo mostrado, o aluno deve
prencher o campo de formulrio com uma palavra que completa uma frase, usualmente
apresentada entre aspas duplas (). No entanto, a frase a ser completada no aparece
durante a realizao do exerccio e, portanto, o aluno no pode responder o teste e sua
avaliao ser prejudicada por este problema de usabilidade.
Alguns problemas de usabilidade ocorrem apenas quando fatores culturais esto
envolvidos. Considere, por exemplo, um site Web visitado por usurios do mundo
inteiro. possvel que algumas pessoas encontrem dificuldades para usar o site
simplesmente porque as referncias culturais utilizadas no so as mesmas.
Considerando o exemplo da figura 2.b que apresenta um outro exerccio do site
englishpractice.com. A questo apresentada Qual a cor de um limo? e a resposta
bvia para uma criana no Brasil verde (green) simplesmente porque esta a cor
mais frequente dos limes no pas. Este um problema de usabilidade apenas para
usurios que no esto habituados a comprar limes amarelos (yellow) na feira. O
problema maior est no fato de que nenhuma informao adicional fornecida ao aluno,
que fica sem saber porque a resposta correta amarelo.
A interpretao do que um problema de usabilidade pode variar, e portanto o
qu representa um problema para um usurio pode no ser um problema para outro. Por
exemplo, considere dois usurios sendo que o primeiro tem uma conexo internet de
rpido acesso (tipo ISDN) e o segundo usa uma conexo modem de 56 kb;
provavelmente eles tem opinies diferentes sobre a velocidade de apresentao de uma
pgina Web que contm muitas imagens. Outro exemplo de origem de problemas a
2.2 Acessibilidade
Acessibilidade (accessibility) o termo usado para descrever problemas de
usabilidade encontrados por usurios com necessidades especiais como, por exemplo,
usurios que tem algum tipo de dificuldade auditiva ou visual. Acessibilidade implica
em tornar utilizvel a interface por qualquer pessoa, independente de alguma deficincia
fsica, sensorial, cognitiva, condio de trabalho ou barreiras tecnolgicas.
A maioria das recomendaes ergonmicas e recomendao para acessibilidade
no limita a utilizao da interaface apenas pessoas com necessidades especiais. Na
verdade, algumas das recomendaes podem ser mesmo teis por qualquer usurio,
como os exemplos a seguir2:
Imagens e animaes: use o atributo alt para descrever a funo de cada imagem;
Mapas clicveis: use mapas clicveis do tipo map e texto nos pontos com links;
Multimdia: incluir transcrio de udio e descrio de vdeos;
Links hipertexto: use texto com significado quando lidos fora do contexto e evite
clique aqui, por exemplo;
Organizao das pginas: use cabealho, listas e estruturas consistentes. Use CSS
(Casdade Style Sheets) se possvel;
Frames: use elementos noframe e ttulos com significado;
Tabelas: faa linha por linha regvel. Resuma a tabela.
As regras acima so apenas um resumo de regras para acessibilidade. Para um conjunto completo de regras
ergonmicas para acessibilidade verifique o site http://www.w3.org/WAI/
navegao, entre outras. Assim, a cada modificao no site, deve-se considerar a sua
avaliao para assegurar que a modificao no alterou a usabilidade do site.
Uma vez identificado um problema de usabilidade, o passo seguinte procurar
uma soluo. O custo da soluo de um problema pode ser apenas algumas linhas de
cdigo corrigidas em alguns minutos ou transformaes profundas na estrutura do site,
o que podem levar semanas. Alm disso, com freqncia, identifica-se no um
problema de cada vez mas vrios em uma mesma avaliao. necessrio dar prioridade
para aqueles que so mais importantes e que exigem uma soluo imediata. Por isto,
extremamente importante atribuir a cada problema de usabilidade um grau de
severidade.
O grau de severidade pode ser avaliado como relao ao impacto (grave,
importante ou impacto menor) sobre a realizao de tarefas e freqncia com o qual o
problema ocorre. Embora outras escalas para avaliar severidade possam ser utilizadas,
sugere-se a escala de severidade proposta por Woolrych e Cockton (2001). Assim, com
relao ao impacto, os problemas podem ser classificados como:
3. O Ambiente Web
Para melhor entender os problemas de usabilidade no ambiente Web, necessrio
compreender como a Web funciona, o que so aplicaes Web e quais so as diferentes
tecnologias que podem ser utilizadas para construir interfaces neste ambiente.
A Web foi criada por Tim Berner-Lee e o seu primeiro esboo foi publicado no
artigo Information Management: A Proposal (Berners-Lee, 1989; 1994)3 como uma
soluo aos problemas do CERN de gerncia das informaes sobre os projetos
realizados em seus laboratrios. Desde ento, o projeto evoluiu e so vrias as razes
para o seu atual sucesso, mas duas merecem ser destacadas: sua arquitetura simples mas
eficiente e uma interface igualmente simples, originalmente baseada no paradigma de
hipertextos. A arquitetura basicamente um cliente/servidor instalado sobre uma rede
de computadores heterognea. Do lado do cliente est um programa, chamado browser
ou navegador, que intermedia a solicitao de informaes ao servidor e as apresenta
para o usurio. O servidor atende os diferentes clientes bem como outros servidores
indistintamente, como mostra a figura 4.
O artigo escrito em 1989 circulou inicialmente apenas dentro do CERN e posteriormente foi publicado
pela sua importncia histrica. A primeira demonstrao funcional do projeto ocorreu apenas em
fevereiro de 1991 [CAI95].
Os esquema mais utilizados so HTTP, TELNET, File Transfer Protocol (FTP), Gopher Protocol
(GOPHER), Eletronic Mail Address(MAILTO), Usenet News (NEWS) e Wide Area Information Server
(WAIS) [LEN97].
Internet
Cliente
Servidor
Request
Web Server
Browser
Document
Sistema
arquivos
local
Web Server
result
references
Scripted Page
Page Filter
Database
processes
Web como um ambiente de base para aplicaes mais complexas como, por exemplo
transaes com banco de dados, motivou o desenvolvimento de novas tecnologias.
Tecnologias para especificao de interfaces Web tais como CGI, CCS, JavaScript, etc.,
foram criadas como solues alternativas para diferentes problemas considerando o
desenvolvimento de aplicaes Web. Do ponto de vista da interface, cada tecnologia
suporta um estilo de interao diferente e, potencialmente, pode incluir problemas de
usabilidade diferentes.
No o objetivo aqui descrever exaustivamente todo o potencial de cada uma
das tecnologias, mas segue abaixo uma rpida descrio seguida de algumas referncias
teis sobre as tecnologias mais utilizadas para construo de interfaces Web.
importante que o avaliador esteja familiarizado com a tecnologia utilizada na construo
da interface a ser avaliada, pois isto vai lhe permitir dar melhores sugestes para os
problemas encontrados.
HTML
HTML um formato no proprietrio, baseado na Standart Generalized Markup
Language (SGML) para criao de hipertextos na Web. HTML utiliza marcas ou tags
tais como, <B> e </B>, para estruturar ou formatar o documento em formato texto. A
mais recente verso, HTML 4.0 ou HTML dinmico (DHTML), tornou-se uma
recomendao W3C em dezembro de 1997. Esta nova verso incorpora os padres
criados pelos fabricantes de browser, tais como, CSS, frames, JavaScript, alm de
aperfeioar as tabelas e melhorar a resoluo impressa dos documentos.
Referncias teis:
http://www.icmsc.sc.usp.br/manuals/HTML/ (em portugus)
http://www.w3.org/MarkUp/
http://www.echoecho.com/html.htm
http://nscience.chungbuk.ac.kr/references/html/
CGI
O protocolo HTTP permite a chamada de programas executveis hospedados no
servidor. Estes programas so chamados Common Gateway Interface (CGI) e podem ser
escritos em qualquer linguagem de programao tal como C ou Perl. Quando um
programa CGI executado, o resultado do seu processamento pode ser direcionado para
o browser cliente. Assim pode-se gerar aplicaes complexas com o acesso a banco de
dados ou criao interativa de documentos. Todo programa CGI executado no
servidor e a interface gerada como sada para o usurio continua esttica na sua
essncia.
ASP e PHP so variaes da tecnologia CGI. A diferena principal que o
cdigo a ser executado no servidor includo dentro do codgo HTML ao invs de ser
armazenado no servidor. Do lado do servidor um programa interpreta o cdigo ASP ou
PHP e processa as instrues devolvendo ao cliente o resultado.
Referncias teis:
CSS
Cascade Style Sheets permitem fazer com que a apresentao de pginas Web
seja determinada por um conjunto de especificaes de formatao de pgina e pela
especificao de preferncias tipogrficas e outras caractersticas do dispositivo do
cliente, de forma a garantir a continuidade visual do site. Anexando Style Sheets
documentos HTML possvel mudar a apresentao de documentos sem adicionar
novas marcas ou comprometer os mecanismos de independncia de plataforma. O nome
Cascade implica em que diferentes estilos podem ser combinados em um mesmo
documento. A sintaxe da linguagem um pouco diferente de HTML e requer um
esforo de aprendizagem. Talvez, a principal vantagem de CSS seja barrar a criao de
novas marcas em HTML para formatao dos documentos.
Referncias teis:
http://www.w3.org/Style/
http://www.awl.com/cseng/titles/0-201-41998-X/liebos/
JavaScript
JavaScript uma linguagem interpretada embutida dentro de arquivos HTML. O
funcionamento simples: quando um destes arquivos carregado, o prprio browser
interpreta o script e realiza as operaes especificadas. Embora seja bastante limitada
(no suporta aplicaes complexas nem transacionais que requerem comunicao via
rede), JavaScript permite a criao de animaes de imagens, botes e funes para
validao de campos em formulrios HTML, por exemplo. O diferencial a
possibilidade de criao daquilo que pode ser chamado documentos dinmicos, ou seja,
documentos que reagem imediatamente s interaes do usurio.
Uma ltima nota a respeito da tecnologia de Scripts a verso Jscript, um clone
do JavaScript desenvolvido pela Microsoft para executar sobre o browser Internet
Explorer. Os recursos e objetivos so semelhantes; contudo, JavaScript e Jscript no so
totalmente compatveis.
Referncias teis:
http://msdn.microsoft.com/scripting/default.htm?/scripting/jscript/default.htm
http://www.webdevelopersjournal.com/articles/jsintro1/js_begin1.html
Java
Java uma linguagem orientada a objetos desenvolvida pela Sun Microsystems
e cuja principal caracterstica ser uma linguagem interpretada que requer uma java
virtual machine (JVM - mquina virtual Java) para executar os programas nela
escritos. De fato, Java tambm o nome de uma marca usada para designar as
Legenda:
X
X
X
X
X
S
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
Suporte
X
X
X
X
X
X
S
S
Suporte parcial
XML
Gif89
X
X
S
Cor em
Tabelas
CSS
X
X
X
X
X
DHTML
Javascript
X
X
X
X
Cor de
texto
Tamanho
de texto
X
X
X
X
X
tabelas
X
X
X
X
X
frames
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
Explorer 6.0
Explorer 5.5
Explorer 5.0
Explorer 4.0
Explorer 3.0
Explorer 2.0
Netscape 6.1
Netscape 6.0
Navigator 4.7
Navigator 4.5
Navigator 3.0
Navigator 2.0
Navigator 1.1
Mosaic 3.0
Mosaic 1.0
Mozilla
AOL browser 5.0
AOL browser 4.0
Opera 5.11
Opera 4.02
Lynx
X
X
X
X
X
X
X
X
X
X
Java
Browser
Plug-ins
X
X
Nenhum
Suporte
Tais caractersticas so vlidas apenas para os browsers citados quando executando sob a plataforma
MS Windows. Veja detalhes sobre outras plataforma em:
http://hotwired.lycos.com/webmonkey/reference/browser_chart/index.html.
Usurios podem utilizar atalhos para acessar partes de uma aplicao Web sem
passar obrigatoriamente pela homepage do site. Em interfaces Wimp, o designer tem
controle total sobre a apresentao da interface e meios de impedir que usurios
explorem a interface de maneira outra que aquela predefinida. Mecanismos como
bookmarks, histrico de navegaes e acesso direto a URL usurios para explorar
interfaces Web.
Interfaces Web so relativamente fceis de construir mesmo por pessoas com pouca
formao. Em geral, pessoas sem formao especfica esto mais suscetveis a
desenvolver interfaces com problemas de usabilidade.
Interfaces Web so atualizadas muito mais rapidamente que interfaces Wimp. O que
significa que a cada modificao necessrio avaliar a usabilidade da interface para
garantir que problemas no sejam includos. Em interfaces Wimp, um vez concludo
e distribudo o software, problemas de usabilidade somente sero resolvidos na
futura verso.
Finalmente, o uso de um browser obrigatrio para a Web. Isto implica que uma
srie de ferramentas e funes so adicionadas interface e podem interferir no
design final.
4.1 Fundamentos
6
Traduo adotada atualmente pela comunidade brasileira para a expresso inglesa Human-Computer Interaction
(HCI).
cada nvel), sugere-se agrupar os links relacionados para diminuir o nmero de links e
facilitar a navegao contextual.
Definindo controles de navegao
A definio de uma boa navegao inclui algumas preocupaes bsicas:
* tornar links predizveis: usar o vocabulrio adequado para mostrar opes de
links e adicionar descritores aos links que os navegadores mais recentes permitem ao
usurio visualizar antes de selecion-lo;
* escolher cores de links visando a manuteno de um cdigo cromtico para os
links no visitados (azul) e para os links j visitados (vermelho ou roxo);
* aproveitar a estrutura hipertextual e embutir links no texto;
* para os links no embutidos no texto, arranje-os em listas (verticais ou
horizontais) como menus de navegao ou como links que marcam o histrico do
caminho de acesso percorrido at a pgina corrente;
* se usar links associados a imagens, sempre inclua rtulos de texto junto s
imagens e faa toda a imagem "clicvel" e no s uma parte dela.
Projetando pginas Web
Uma pgina Web bem projetada se a) revela claramente a estrutura da
informao que ela contm; e b) oferece pontos de acesso facilmente reconhecveis para
esta informao. Isto pode ser obtido atravs de tcnicas como agrupamento de
informao relacionada, uso de espaos em branco para separar estes grupos e uso de
ttulos e subttulos para estruturar a pgina.
Alm disto, importante considerar tambm:
* densidade da pgina: em pginas Web, usa-se menos espao em branco do que
se costuma usar em pginas impressas;
* a quantidade de informao exibida em cada pgina, que deve ser minimizada:
use abreviaes bem conhecidas e escreva to concisamente quanto possvel;
*cores de fundo e cores de texto: para facilitar "passar a vista" tipicamente use
caracteres escuros com fundos claros; mais detalhes ver [Borges et al. 2000];
* legibilidade do texto: tamanho e tipo de fonte, uso de maisculas e minsculas,
estilo do fonte (itlico, negrito, etc) , contraste, e outros parmetros similares.
Muitos links contendo recomendaes e outras informaes teis para concepo de
interfaces Web existem. Alguns dos mais interessantes so:
Abordagens
Passos do Processo
HDM / HDM-lite
1.
Authoringin-the-large
2.
Authoringin-the-small
RMM
1.
2.
3.
4.
5.
6.
7.
OOHDM
1.
2.
Modelos e Notaes
EntidadeRelacionamento
(E-R)
Projeto de
entidades
Projeto de
relacionamentos
(slice)
Projeto
navegacional
Projeto de
protocolo de
converso
Projeto de
tela de interface de
usurio
Projeto de
comportamento em
tempo de execuo
Construo
E-R
+
RMDM (Relationship
Management
Data Model)
Projeto conceitual
Projeto
navegacional
UML/OMT (1)
Prpria (2)
Ferramentas de
suporte
Autoweb System
(HDM-lite)
RMCase
OOHDM-Web
Referncias
Bibliogrficas
[Garzotto et al. 93]
[Gaedke et al. 00]
[Fraternali 98]
[Isakowitz et al 95]
[Diaz et al. 1995]
3.
JESSICA
WAE
WebML
Projeto de
interface de
usurio
4. Implementao
1. Modelagem:
a. Diagrama de
classes
b. Use-cases
(cenrios)
2. Gerao/Parsing
3. Compilao
4. Visualizao
JESSICA System
UML c/ esteretipos
prprios
Rational Rose
[Conallem 00]
Prpria/
XML
1.
2.
3.
4.
Modelo estrutural
Modelo de
composio
Modelo de
apresentao
Modelo de
personalizao
Engenharia
de
Requisitos
HDM / HDMlite
RMM
OOHDM
Design do Site
Espec. do
Site
Implem.
Conceitual
Naveg.
Apresent.
Avaliao
JESSICA
WAE
WebML
Severidade
[1 3]
Imagem reproduzida com a permisso do LabiUtil (Universidade Federal de Santa Catarina UFSC,
Florianpolis; http://www.labiutil.inf.ufsc.br/ ).
escopo amplo (que exige interpretao por parte do avaliador) ou especfico (aplicveis
diretamente ao projeto). Como exemplos de tais recomendaes cita-se duas:
Pginas iniciais, que suportam navegao, que devam ser lidas rapidamente ou,
que contenham grficos grandes, devem ser curtas. Usar pginas longas para
simplificar a manuteno do site e tornar as pginas mais fceis de imprimir.
(fonte: Lynch e Hortson, 1999)
adequada, durante a construo de prottipos funcionais, uma vez que a maioria das
recomendaes endereada a objetos de interao.
Navegao do site
Sim No Obs.
A navegao atual sempre clara (Onde eu estou?)?
Todas as pginas tem um links para a pgina inicial?
A estrutura do site simples?
Nomes tcnicos e jarges so evitados?
Nenhum recurso ou plug-ins desnecessrio utilizado?
Pginas so menores do que 50 Kb ?(para minimizar o tempo d download)
Encontrando produtos
Sim No Obs.
Clientes podem procurar produtas de diferentes maneiras?
Existe uma ferramenta de busca fcil de utilizar para procurar produtos?
Produtos so descritos adequadamente?
Produtos so classificados claramente?
Comprando
Sim No Obs.
O processo de compra claro e simples?
So aceitos cartes de crdito?
Pagamentos com carto de crditos usam mecanismos de segurana (SSL)?
A descrio da poltica de vendas clara e fcil de encontrar no site?
O procedimento para devoluo de produtos claro e fcil de encontrar no site?
Clientes podem pagar por telefone?
A empresa fornece informaes claras sobre a entrega de produtos?
A empresa tem suporte para clientes fora da rea metropolitana?
Clientes podem abandonar facilmente um processo de compra?
Clientes podem cancelar facilmente uma ordem de compra?
Servio ao cliente
Sim No Obs.
O suporte pode ser feito por mail?
O suporte pode ser feito por telefone e o nmero fcil de encontrar no site?
Todos os links grficos so tambm disponveis como links de texto (para clientes com
deficincia visual)
Todas as imagens tem uma ALT tag (para clientes com deficincia visual)
Preveno e recuperao de erros
Sim No Obs.
Erros no ocorrem facilmente.
Mensagens de erro so claras e teis.
Aspecto visual
O layout claro?
Animaes desnecessrias so evitadas?
O aspecto visual agradvel?
As pginas so legveis?
5.5 Questionrios
Questionrios so ferramentas muito teis na avaliao da interao entre o
usurio e a interface. So utilizados para coletar informaes subjetivas sobre dados
sobre o perfil dos usurios, a qualidade da interface e quais problemas so encontrados
no seu uso. Estas informaes so to importantes quanto a performance no uso do
sistema, e no podem ser obtidas de outra forma seno perguntando aos usurios. O uso
de questionrios d ao avaliador a vantagem de aplicar vrios testes ao mesmo tempo
em locais diferentes. Questionrios podem ser teis de diferentes maneiras dentro do
desenvolvimento de interfaces Web como, por exemplo, para:
Pode-se ainda utilizar questionrios para estruturar avaliaes com usurio (ver
seo 5.3), onde o usurio deve utilizar a interface de modo a poder responder as
questes. Neste caso, as perguntas devem ser definidas antes do teste e adaptadas a cada
contexto de avaliao.
Uma das grandes vantagens de questionrios a possibilidade de aplic-los um
grande nmero de usurios ao mesmo tempo, utilizando o prprio ambiente Web
atravs de formulrios eletrnicos. Contudo, deve-se salientar que os resultados exigem
um grande esforo de interpretao para identificar problemas de usabilidade. Os
questionrios para avaliar a satisfao dos usurios so interessantes do ponto de vista
de marketing, mas na maioria dos casos no explicam os resultados obtidos como por
exemplo por que razo os usurios gostam do site ou o que deve ser mudado para
melhorar a interface. Assim, questionrios de satisfao devem sempre ser
acompanhados de algum outro mtodo de avaliao que possa explicar as respostas
subjetivas dos usurios.
freqncia do IC;
Um suporte mnimo pode ser oferecido aos usurios de modo a lhes facilitar a
tarefa de descrever ICs. Este suporte pode ser feito na forma de um treinamento rpido
que visa ensinar usurios a reconhecer um IC e a descreve-lo. Este tipo de treinamento
recomendado especialmente no caso de Intranet ou quando usurios representam um
pblico cativo, como no caso de cursos de treinamento a distncia, por exemplo. Outra
soluo oferecer questionrios que permitam aos usurios descrever o cenrio de
ocorrncia do problema.
Os principais problemas com esta tcnica so a qualidade da descrio e
confiabilidade nos relatos. Alm disto, o sucesso depende da boa vontade de usurios
em relatar os problemas que encontram na interface. Esta tcnica til, tendo um custo
menor que testes com usurios, embora a descrio e confiabilidade dos achados seja
bem inferior. Este mtodo de anlise deve ser aplicado durante todo o perodo de
utilizao da interface por usurios.
Em princpio este parece ser o mtodo de avaliao ideal para o ambiente Web,
uma vez que os servidores Web, que fornece as pginas ao cliente na Web, mantm um
arquivo de log das requisies dos clientes. Basicamente so registrados pelo servidor:
Imagens que no possuem um texto alternativo (tag ALT) para usurios que no
carregam imagens ou so deficientes visuais;
A pgina contm mais de um link com o mesmo nome que ligam pginas diferentes;
A cor de fundo da pgina e a cor do texto tem pouco contraste tornando difcil a
leitura;
A pgina do site no contm nenhum link apontando para ela;
O link aponta para uma pgina que no existe;
A imagem informada no documento no existe no endereo especificado ou no
pode ser apresentada.
Internet Explorer
Netscape
Lift Onsite e Lift Site so duas ferramentas desenvolvidas por UsableNet, Inc.
LIFT Onsite permite web designers testar e corrigir problemas de acessibilidade e de
usabilidade em pginas web incluindo problemas de navegao, velocidade de carga
da pagina, qualidade das imagens utilizadas, etc. Ele integra editores web tais como
Dreamweaver, GoLive, FrontPage, BB Edit. Esta ferramenta executa localmente
sobre MacOS.
LIFT Online uma parte do LIFT Onsite e funciona num esquema de pre-inscrio
no site.
Netmechanic - http://www.netmechanic.com/
Netmechanic contm um pacote completo de ferramentas de verificao que inclui
inspeo do cdigo, otimizao de imagens, velocidade de conexo e monitorao de
acesso do servidor.
WebSAT - http://zing.ncsl.nist.gov/WebTools/WebSAT/overview.html (1999)
WebSat faz parte de um pacote de 4 ferramentas para desenvolvimento de
interfaces Web com usabilidade. WebSate a ferramenta que realiza a inspeo de
recomendaes de acessibilidade de paginas web, navegao, legibilidade e tempo de
carga do site. Assim como Bobby, esta ferramenta capaz de dar alerta ao avaliador
para pores do site que requerem a interpretao da regra. Pode ser utilizada online ou
instalado localmente em plataformas Unix ou Windows 95/NT.
Alm destes eventos, outros sinais de alerta, no mnimo, exigem a ateno dos
desenvolvedores:
8 Bibliografia
Attendees and Position Papers at CHI97 Workshop Usability testing World Wide Web
Sites,
(1997).
Available
at:
http://www.acm.org/sigchi/webhci/chi97testing/particip.htm
BAILEY, B. (1999) Heuristic Evaluations. Insights from Human Factors International.
Available at: http://www.humanfactors.com/library/may99.asp
BARTA, R.; Schranz, M.: JESSICA: an object-oriented hypermedia publishing
processor. In Special Issue on the 7th. Int. WWW Conference, Brisbane, Australia.
1998. pp. 239-249.
BERGHEL, H. (1996) The client's side of the World-Wide Web. Communication of the
ACM 39, 1. P. 30 40.
BERGHEL, H. (1996) The client's side of the World-Wide Web. Communication of the
ACM 39, 1. P. 30 40.
BERNERS-LEE,
T.
(1989)
Information
http://www.w3.org/History/1989/proposal.html
Management:
proposal.
BERNERS-LEE, T.; et al. (1994) The World Wide Web. Communication of the ACM,
New York, v.37, n.8, p.76-82.
BEVAN, N. (1995) Usability is quality of use. In: Anzai & Ogawa (eds) Proc. 6th
International Conference on Human Computer Interaction, July. Elsevier.
http://www.usability.serco.com/papers/usabis95.pdf
BEVAN, N. (1998) Usability Issues in web site design. In: Proceedings of UPA'98,
Washigton
DC,
22-26.
Also
available
at:
http://www.usability.serco.com/papers/usweb98.pdf
BIAS, R. (2000) Usability Triage for Web Sites. 6th Conference on Human Factors and
the Web, Austin, TX, USA.
BORGES, R.C.M. ; Winckler, M.A.A.; Basso, K. Consideraes sobre o Uso de Cores
em Interfaces WWW. In: Proc. of IHC2000.
BRAJNIK, G. (2000) Automatic web usability evaluation: what needs to be done? 6th
Conference on Human Factors and the Web, Austin, TX, USA, June 19, 2000.
BRAJNIK, G. (2000) Automatic web usability evaluation: what needs to be done? 6th
Conference on Human Factors and the Web, Austin, TX, USA, June 19, 2000.
CASTILHO, J. C.; HARTSON, H. R.; HIX, D. (1998) The User-Reported Critical
Incident
Method
at
a
Glance.
Disponvel
por
WWW
em
http://hci.ise.vt.edu/~josec/remote_eval/docs/TR_user_reported_CI_method.pdf
CERI S., P.; Fraternali, P.; Bongio, A.: Web Modeling Language (WebML): a
modeling language for designing Web sites. Proceedings of the 9th International
Conference on the WWW (WWW9), Amsterdam, May 2000.
CERI, S.; FRATERNALI, P.; BONGIO, A. Language (WebML): a modeling language
for designing Web sites. 9th World Wide Web Conference, Amsterdan, May 15-19,
2000
CONALLEM, J.: Building Web Applications with UML. Addison Wesley, 2000.
COWAN, D. D.; LUCENA, J. P.: Abstract Data Views. Na Interface Specification
Concept to Enhance Design for Reuse. IEEE Transactions on Software Engineering,
21(3), maro 1995.
CYBIS, W. et al. (1998) Uma Abordagem Ergonmica para o Desenvolvimento de
Sistemas Interativos. In: WORKSHOP EM FATORES HUMANOS EM SISTEMAS
COMPUTACIONAIS, IHC, 1998, Maring Paran. Atas [S.l.:s.n.].
DEL GALDO, E.; NIELSEN, J. (1996) International User Interfaces. John Wiley &
Sons. New York. 276 p.
DIAZ, A., Isakiwitz, T., Maiorana, V. e Gilabert, G. RMC: A Tool to Design WWW
Applications. In Proc. Fourth Int. WWW Conf. Boston, 1995. pp. 11-14.
ETGEN, M.; CANTOR, J. (1999) What does getting WET (Web Event-logging Tool)
Mean for Web Usability? Proceedings of 5th Conference on Human Factors & the
Web,
June
3,
1999,
Maryland
USA.
Also
available
at:
http://zing.ncsl.nist.gov/hfweb/proceedings/etgen-cantor/index.html
Sorting.
GARZOTTO, F.; Paolini, P.; Bolchini, D.; Valenti, S.: Modelling by patterns of Web
Applications, Proc. IntI Workshop on the World Wide Web and Conceptual
Modeling. Springer Verlag, Berlin, 1999.
GARZOTTO, F.; Paolini, P.; Schwabe, D.: HDM A Model-Based Approach to
Hypertext Application Design. 1993. TOIS.
GELLERSEN, H-W; Gaedke, M. Object-oriented Web Application Development.
IEEE Internet Computing, Vol.3, No.1, February 1999.
GELL, N.; SCHWABE, D.; VILAIN, P. Modeling Interactions and Navigation in
Web Applications. Procedings of WWW and Conceptual Modeling 2000 Workshop;
Salt Lake City, USA. 2000.
HARTSON, H. R.; et al (1996). Remote Evaluation: The Network as an Extension of
the Usability Laboratory. Proceedings of CHI'96, April 13 - 18, 1996, Vancouver
Canada, 228-235. http://miso.cs.vt.edu/~usab/remote/docs/chi96_remoteusab.html
HOM,
J.
The
Usability
http://www.best.com/~jthom/usability/usable.htm
Methods
Toolbox:
LYNCH, P. J; HORTON, S. (1999) Web Style Guide : Basic Design Principles for
Creating Web Sites. Yale Univ Press. ISBN: 0300076754. 164 p.
MATIAS, M. (1995) Checklist: Uma ferramenta de suporte avaliao ergonmica de
interfaces. Florianpolis: PPGEP-UFSC. Dissertao de Mestrado. Disponvel por
WWW em: http://www.eps.ufsc.br/disserta/matias/
MAYHEW, D. (1992). Principles and Guidelines in Software User Interface Design,
Prentice Hall, Englewood Cliffs.
MURUGESAN, S.; Deshpande,Y.; Hansen, S.; Ginige, A.: Web Engineering: A New
Discipline for Development of Web-based Systems. Proc. First IntI Conf. Software
Engineering (ICSE), Workshop on Web Engeering, Univ. of Western Sydney,
Austrlia, 1999. Disponvel em http://aeims.uws.edu.au/WebEhome/ICSE99-WebEProc/San.doc.
NANARD, J., Nanard, M.: Hypertext Design Environments and the Hypertext Design
Process, CACM 38(8). Augosto, 1995. Pg. 49-56.
NIELSEN, J. (1993) Usability Engineering. Boston - USA: Academic Press, 362 p.
NIELSEN,
J.
(1997)
The
Use
and
http://www.useit.com/papers/focusgroups.html
NIELSEN, J. (1999) The Top Ten New
http://www.useit.com/alertbox/990530.html
Misuse
of
Mistakes
Focus
of
Web
Groups.
Design.
NIELSEN, J.; SANO, D. (1995) Sun Web: User Interface Design for Sun
Microsystem's Internal Web. Computer Networks and ISDN Systems (Selected
papers from the 2th WWW Conference1994). Amsterdan, v.28, n.1&2. 1995, p.179188. Also available at: http://www.useit.com/papers/sunweb/
ROSSI, G.; Schwabe, D.: OOHDM Object Oriented Hypermedia Design Method.
1996. Departamento de Informtica - Tese PUC-Rio. Disponvel em http://wwwlifia.info.unlp.edu.ar/~fer/oohdm/
ROSSI, G.; Schwabe, D.; Lyardet, F..: Improving Web Information Systems with
Navigational Patterns. Proc. WWW8, Elsevier, 1999.
RUBIN, J. Handbook of Usability Testing: How to Plan, Design and Conduct Effective
Tests. John Wiley & Sons. New York. 1994. 330 p.
SANO, D. (1996) Large-Scale Web Sites. John Wiley & Sons, New York, 288 p.
SCAPIN, D. et al. Transfering Knowledge of User Interfaces Guidelines to the Web. In.
Proc. of Tools for Working with Guidelines,. London: Springer; 2001; pp. 293-304.
SCHWABE, D. et al. Hypertext Development Using a Model-based Approach.
Software-Practice and Experience, New York, v.22, n.11, p.937-962, Nov. 1992.
4. Oramento
(Descrio detalhada do oramento para realizar da avaliao... )
1. Identificao da avaliao
1.1 Cdigo da avaliao: _________________________________________________________________
1.2 Cdigo da seo de avaliao: __________________________________________________________
1.3 Mtodo de avaliao utilizado: __________________________________________________________
1.4 Data de realizao: __/__/__
1.5 Tempo total de avaliao: __horas __ minutos. Incio: __h__m Fim: __h __m
1.6 Avaliador8: _________________________________________________________________________
1.7 Usurio9: ___________________________________________________________________________
Tarefa11
Tempo12
Descrio do problema13
URL + obj.14
Cenrio de uso15
Impacto16
Incluir o nome do avaliador que realiza as observaes ou anlise dos dados. No caso de mtodos de
inspeo como, Avaliao Heurstica, incluir apenas o nome do avaliador.
9
Observar a utilizao de cdigos para preservar a identidade dos usurios.
10
Cod. um nmero sequencial que idenfifica o problema.
11
Tarefa identificador ou a descrio da tarefa afetada pelo problema.
12
Tempo o tempo (min:seg) utilizado para realizao da tarefa ou o tempo investido pelo usurio antes
de desistir da tarefa.
13
Descrio do problema a descrio textual do problema.
14
URL + obj. a URL da pgina onde ocorreu o problema mais objetos considerados (ex. texto, link,
imagem, etc.).
15
Cenrio de uso a sequencia de aes realizadas antes, durante e aps a ocorrncia do problema.
16
Impacto o impacto atribudo ao problema (grave/ importante/ menor).
1. Identificao da avaliao
1.1 Cdigo da avaliao: _________________________________________________________________
1.2 Responsvel pelo compilao dos resultados : ______________________________________________
1.3 Data: __/__/__
Cod.
Descrio do problema
Sesses de
ocorrncia17 Impacto Freqncia Severidade
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
29
30
31
...
17
Solues
possveis