taking back the web: the usability factor fabiano souza samir araújo
TRANSCRIPT
![Page 1: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/1.jpg)
Taking back the web: the usability factor
Fabiano Souza
Samir Araújo
![Page 2: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/2.jpg)
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
![Page 3: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/3.jpg)
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
![Page 4: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/4.jpg)
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
![Page 5: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/5.jpg)
Preserve o modelo mental de um navegador clássico, mas inovando
![Page 6: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/6.jpg)
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
![Page 7: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/7.jpg)
Velhos favoritos do IE
•É o mesmo desde 1997
•Confuso e não suporta seleção múltipla
•É um “lugar” esquecido no IE
![Page 8: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/8.jpg)
Favoritos do Firefox
• Funciona como um gerenciador de arquivos
• Fácil de usar, intuitivo
![Page 9: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/9.jpg)
Opções do IE: abas demais
![Page 10: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/10.jpg)
Opções do Firefox 1.0.x
![Page 11: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/11.jpg)
Opções demais
![Page 12: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/12.jpg)
Opções Firefox 1.5 Beta
![Page 13: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/13.jpg)
Busca integrada
![Page 14: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/14.jpg)
Vários buscadores integrados
![Page 15: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/15.jpg)
Velha caixa de download do IE
![Page 16: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/16.jpg)
Gerenciador Downloads Firefox
![Page 17: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/17.jpg)
Velha busca IE
•Sobrepõe o texto do site
•Se embutida na barra de trabalho desloca as linhas, diminuindo o espaço útil
![Page 18: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/18.jpg)
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
![Page 19: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/19.jpg)
Principio:Feedback imediato
![Page 20: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/20.jpg)
Favoritos IE
![Page 21: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/21.jpg)
Bookmarks Firefox
![Page 22: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/22.jpg)
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.
![Page 23: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/23.jpg)
Janela de Extensões Firefox
![Page 24: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/24.jpg)
O Botão voltar (Back)
![Page 25: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/25.jpg)
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.
![Page 26: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/26.jpg)
Perguntas
??
![Page 27: Taking back the web: the usability factor Fabiano Souza Samir Araújo](https://reader036.vdocument.in/reader036/viewer/2022062512/552fc12a497959413d8ccc70/html5/thumbnails/27.jpg)
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