Taking back the web: the usability factor

Fabiano Souza

Samir Araújo

Como construir um navegador melhor

• Scott Berkun - IE 1.0-5.0 UI Team

• Baseado nas pesquisas de Dabrams

• Tese de mestrado de Tauscher – 1996 Evaluating History Mechanisms: An Empirical Study of Reuse Patterns in WWW Navigation

Princípios básicos de um navegador

• Entendendo o que as pessoas fazem com os navegadores– Leitura– Navegação em conteúdos linkados– Interação

Os itens básicos da utilização da web

• As pessoas têm mantido os padrões de utilização da web. – A web é imensa, mas somente uma pequena parte dela é visitada e mais de

uma vez• A utilização de um navegador é semi-determinístico.

– Observa-se o histórico do usuário.• É muito lento a velocidade de mudança da lista de sites visitados pela maioria das

pessoas em curto prazo– Leva muito tempo para um indivíduo construir seu bookmark/favoritos.

• Os bookmarks possuem diferentes objetivos. – Resolver problemas mais tarde– Trazem “coisas” interessantes

• Alguns bookmarks são mais importantes que outros, logo são usados de maneira diferente

• As pessoas usam diferentes formas de acessarem um site consultado anteriormente.– Pelo nome do site– Pelo conteúdo– Pela hora do dia– Pela localização do link no resultado da busca

Preserve o modelo mental de um navegador clássico, mas inovando

Sistema de abas

•Mantém o foco em apenas uma janela

•Agiliza a troca e consulta de sites igualmente relevantes

•Facilita a visualização da ordem de acesso

•Facilita a filtragem de sites com assuntos relevantes

Velhos favoritos do IE

•É o mesmo desde 1997

•Confuso e não suporta seleção múltipla

•É um “lugar” esquecido no IE

Favoritos do Firefox

• Funciona como um gerenciador de arquivos

• Fácil de usar, intuitivo

Opções do IE: abas demais

Opções do Firefox 1.0.x

Opções demais

Opções Firefox 1.5 Beta

Busca integrada

Vários buscadores integrados

Velha caixa de download do IE

Gerenciador Downloads Firefox

Velha busca IE

•Sobrepõe o texto do site

•Se embutida na barra de trabalho desloca as linhas, diminuindo o espaço útil

Busca turbinada Firefox

•Localizada na barra de trabalho inferior

•Pode ficar sempre visível

•Não requer “cliques extras” em menus e é acessível por atalho, sem mudanças de telas

Principio:Feedback imediato

Favoritos IE

Bookmarks Firefox

Lei de Fitt

Diz que o tempo necessário para acertar um "alvo" com o mouse dependente diretamente da distância entre esse alvo e o anterior além da dimensão deste alvo.

Janela de Extensões Firefox

O Botão voltar (Back)

Concluindo... O Firefox é:

• Inteligível: segue o modelo mental do navegador clássico.

• Fácil de aprender: possui poucas funcionalidades. Menus simples e intuitivos.

• Operável: os usuários conseguem fazer uso da aplicação de forma eficiente, sem surpresas e com bom tratamento de erros

• Atrativo: pequeno, simples, amplamente configurável e está aos poucos tomando o espaço dos concorrentes

• Padronizado: é baseado nos padrões do W3C, permitindo uma conformidade com quaisquer sites que sigam as normas e padrões deste órgão regulamentador.

Perguntas

??

Referências

• Scott Berkun(IE 1.0-5.0 UI Team) - http://www.scottberkun.com/essays/essay37.htm

• Dabrams - http://www.dabrams.com/research/bookmarks/index.html

• Tahscher - http://grouplab.cpsc.ucalgary.ca/papers/1996/96-Tauscher.Thesis/thesis.html