Usabilidade Web - Interação Humano-Computador

Prévia do material em texto

INTERAÇÃO HUMANO-COMPUTADOR 
Profª Janne Yukiko Yoshikawa Oeiras Lachi 
Usabilidade na Web 
I H C 
Bacharelado em Sistemas de Informação 
Bacharelado em Engenharia de Computação 
Por que usabilidade na Web? 
• A usabilidade governa a Web 
• Se o cliente não encontrar o produto, ele não o comprará 
• A Web é o ambiente no qual o poder do cliente se 
manifesta em mais alto grau: quem clica no mouse 
decide tudo! 
• É fácil ir a outro lugar: os concorrentes estão a um clique 
do mouse... 
WEB… algumas estatísticas 
• Janeiro de 2000: havia 10 milhões de sites 
• 1,6 bilhão de páginas 
• 72 milhões de servidores 
• 275 milhões de usuários navegando 
• a cada 24h 
• 3,3 milhões de novas páginas 
• 123 000 novos usuários 
• Dezembro de 2000: 25 milhões de sites 
• Previsão para fim de 2002: 100 milhões de sites 
Impacto sobre a economia 
• No ano de 1998 cerca de 3 bilhões de dólares deixaram 
de ser ganhos na WEB norte-americana por causa de 
designs mal feitos; 
• Com a enorme oferta de alternativas, usuários tem uma 
notável impaciência e insistência em gratificação 
imediata; 
• Se não conseguem entender em poucos minutos como 
usa o site, eles o abandonam... 
Usabilidade na Web 
•Usabilidade assume uma importância 
ímpar na economia da Internet: 
• No design de produtos e de software 
tradicionais, usuários pagam antes e 
experimentam a usabilidade depois 
• Na Web, experimentam a usabilidade 
antes e pagam depois 
Usabilidade na WEB- Ex.: IBM 
O caso IBM 
• Recurso mais popular em seu site: função de 
busca 
• As pessoas não conseguiam descobrir como navegar! 
• Segundo recurso mais popular: botão de ajuda 
• Solução 
• Amplo processo de redesign, envolvendo centenas de 
pessoas e milhões de dólares. 
• Resultado na primeira semana depois do redesign em 
fevereiro de 1999 
• O uso do botão de ajuda caiu 84% 
• As vendas aumentaram 400%. 
 
Princípios básicos 
• Clareza na arquitetura da informação; 
• Facilidade de navegação; 
• Simplicidade; 
• Relevância do conteúdo; 
• Manter a consistência; 
• Tempo suportável; 
• Foco nos usuários. 
Clareza na arquitetura da informação 
• Essencial que o usuário consiga discernir o que é 
prioritário e o que é secundário no site. 
• Um bom arranjo da informação 
• Usuários sempre terão dificuldades em encontrar o que 
procuram e, portanto, devem ser ajudados 
• Prover um senso de como a informação está estruturada e localizada 
(uma possível solução é fornecer um mapa do site). 
Mapa do site: IBGE 
Mapa do site: IBGE 
Facilidade de navegação 
• Uma máxima é que o usuário deveria conseguir acessar 
a informação desejada no máximo em três cliques 
Simplicidade 
• Os usuários raramente entram em um site para desfrutar 
do seu design; 
• Atenção deve ser dada ao conteúdo 
• Quem navega quer encontrar o mais rapidamente 
possível o objetivo da busca. 
• A pirotecnia deve ser evitada, dando ao usuário 
paz e tranqüilidade para que possa analisar a 
informação 
• Simplicidade não pode levar a ausência de 
informação. 
Simplicidade 
Simplicidade 
Simplicidade 
Simplicidade 
Onde estou ? O que este site faz ? 
Simplicidade 
A relevância do conteúdo 
• Basicamente os usuários visitam um website pelo 
conteúdo; 
• O resto é apenas pano de fundo; 
• O design existe apenas para permitir que as pessoas 
acessem o conteúdo. 
 
A relevância do conteúdo 
• Sempre que questionados sobre sites, usuários 
se referem a qualidade e relevância do conteúdo 
• Um bom texto para essa mídia 
• O mais conciso e objetivo possível; 
• Ler na tela é 25% mais demorado; 
• Também pensar na questão do conforto; 
• Usuários não gostam de rolar tela. 
• Não promocional ou publicitário; 
• Leitores online imprimem textos 
• Necessitam páginas bem curtas; 
• Informação secundária deixada para páginas de suporte. 
A relevância do conteúdo 
• Exemplo pagina 105 
Manter a consistência 
• Quando as coisas acontecem sempre do mesmo jeito, os 
usuários não precisam se preocupar a respeito do que irá 
acontecer 
• Um Website deve ser gerenciado como um projeto único 
de interface com o usuário 
Exemplo: Submarino x Ótica 
• Compra no submarino: todos os passos são realizados 
dentro do próprio site 
 
• Compra em uma ótica é finalizada por meio de outro site; 
Submarino 
Ótica 
Ótica 
Ótica 
Ótica 
Ótica 
Tempo suportável 
• Tempo de carga das páginas deve ser curto 
• 10 segundos é o máximo de tempo antes que as 
pessoas percam o interesse 
• Na Web os usuários já têm uma baixa 
expectativa 
• Limite pode aumentar para 15 segundos 
Foco nos usuários 
• O foco deve estar nas atividades do usuário 
• Cuidado com a empolgação com novas 
tecnologias 
• Pode causar impaciência e a opção por outro site 
• “sair do caminho” 
• para que o usuário possa fazer o que quer da maneira 
mais rápida possível. 
Revistas virtuais 
Revistas virtuais 
Revistas virtuais: precisa arrastar a página para 
ler 
Referências 
• ROCHA, H.V.; BARANAUSKAS, M. C. C. Design 
e Avaliação de Interfaces Humano-
Computador. 
• NIELSEN, J. Projetando Websites. Rio de 
Janeiro: Editora Campus, 2000. 416 p. Número 
de Chamada: 005.1 N669p