Aula 02 - aula de web

Prévia do material em texto

1
TEMA:Usabilidade Na Web
2
OBJETIVO
Definir conceitualmente os princípios de 
usabilidade
4
USABILIDADE NA WEB
Conceitos importantes
Trabalhamos para seres humanos, que 
querem realizar uma tarefa de uma forma 
simples e eficaz e neste caso particularmente, 
devem realizá-la frente ao computador em um 
meio gráfico, a web.
A usabilidade garante que esta tarefa se 
realize de uma forma simples analisando o 
comportamento humano, e os passos 
necessários para realizar a tarefa de uma 
forma eficaz 
5
Usabilidade na Web
8 regras de Ouro sobre a usabilidade 
1. Na internet o usuário é quem manda
2. Na internet a qualidade baseia-se na 
rapidez e na confiança.
 
3. Segurança
4. A confiança é algo que custa muito 
ganhar e pode se perder com um simples 
link quebrado.
6
Usabilidade na Web
5. Se quiser fazer uma página decente, 
simplifique, reduza, e otimize.
6. Coloque as conclusões no início. 
7. Não faça as pessoas perderem o tempo 
com coisas que não necessitam.
8. Bons conteúdos. 
7
Elementos para a criação de um bom site
Primeiros passos 
Dispor de tempo, tecnologia e recursos humanos 
para realizar o projeto. 
 Que todos os departamentos da empresa sintam-
se integrados no projeto.
O que vai "vender
 A quem vai "vender“
 Como vai "vender"
 Uma vez vendido, o que fazemos
8
Elementos para a criação de um bom site
O primeiro protótipo
 Com todos os requisitos coletados nos primeiro passos, 
poderemos começar a pensar em como vamos construir 
nosso site. 
 Recomenda-se que a equipe que esteja nesta fase seja 
multidisciplinar (como mínimo, programação, design, 
conteúdo e um coordenador de equipe). 
 Recomenda-se que o coordenador saiba algo de todas as 
matérias, (servidor, web, design, conteúdos) porque será a 
pessoa encarregada de criar pontes entre os diferentes 
departamentos e de chegar a consensos quando surjam 
problemas de competência. 
 Este projeto será produzido a um nível quase real para que 
seja provado por usuários. 
9
Elementos para a criação de um bom site
Teste de usuário
Uma vez produzido o protótipo, faremos nosso 
primeiro teste de usuário.
O teste de usuário nos ajudará a enriquecer o 
produto observando o comportamento do 
usuário, vendo as virtudes de nosso produto e, 
sobretudo, todos aqueles pontos falhos que 
possa apresentar.
 
Com o teste de usuário realizaremos um novo 
protótipo e se possível, testá-lo novamente. 
10
Elementos para a criação de um bom site
Lançamento
 Uma vez que tivermos o protótipo ajustado faltará 
a parte de realização técnica. 
 Deve-se dispor do tempo disponível para ajustar o 
protótipo à realidade, mas não se deve encontrar 
novos obstáculos nesta fase.
 Para evitar estes novos obstáculos, é necessário a 
total transparência dos departamentos na hora de 
realizar o protótipo, ou seja, conhecer todas as 
possibilidades existentes dentro da operação.
 
 Por ultimo, recomenda-se passar uma fase de “Testes 
de Produção", ou seja, publicar o site e testá-lo de 
forma real (conexões com módem, operação real, ver 
resposta do correio ou do call center, etc..) 
11
Princípios gerais de usabilidade em web sites
 Os designs de web sites devem seguir os seguintes 
princípios: 
 1. Antecipação, o web site deve antecipar-se às 
necessidades do usuário. 
 2. Autonomia, os usuários devem ter o controle sobre o web 
site. Os usuários sentem que controlam um web site se 
conhecem sua situação em um meio abrangente, mas 
não infinito.
 3. Utilizar as cores com precaução para não dificultar o 
acesso aos usuários com problemas de distinção de cores 
(aprox. um 15% do total).
 4. Consistência, as aplicações devem ser consistentes 
com as expectativas dos usuários, ou seja, com sua 
aprendizagem prévia.
 5. Eficiência do usuário, os web sites devem centrar-se 
na produtividade do usuário, não no próprio web site. 
12
Princípios gerais de usabilidade em web sites
 6. Reversibilidade, um web site há de permitir desfazer as 
ações realizadas
 7. Lei de Fitts indica que o tempo para alcançar um objeto 
com o mouse está em função da distância e do tamanho do 
objeto. A menor distância e maior tamanho mais facilidade 
para utilização.
 8. Redução de tempo de latência. Torna possível otimizar 
o tempo de espera do usuário, permitindo a realização 
de outras tarefas enquanto se completa a prévia e 
informando ao usuário do tempo pendente para a finalização 
da tarefa.
 9. Aprendizagem, os web sites devem requerer um mínimo 
processo de aprendizagem e devem poder ser utilizados 
desde o primeiro momento.
 10. O uso adequado de metáforas facilita a aprendizagem 
de um web site, mas um uso inadequado destas pode 
dificultar enormemente a aprendizagem.
13
Princípios gerais de usabilidade em web sites
 11. A proteção do trabalho dos usuários é algo 
prioritário, deve-se assegurar que os usuários 
nunca percam seu trabalho por conseqüência de 
um erro. 
 12. Legibilidade, a cor dos textos deve contrastar 
com a do fundo, e o tamanho de fonte deve ser 
suficientemente grande.
 13. Continuação das ações do usuário. 
Conhecendo e armazenando informação sobre seu 
comportamento prévio deve-se permitir ao usuário 
realizar operações freqüentes de maneira mais 
rápida.
 14. Interface visível. Deve-se evitar elementos 
invisíveis de navegação, menus desdobráveis, 
indicações ocultas, etc. 
14
Usabilidade + Praticidade = Sucesso 
Resuma tudo à mínima expressão 
Os usuários necessitam ler somente o 
necessário. Nem mais nem menos. Isto se aplica 
tanto ao que escrevemos como guia de usos 
como para grupo de links.
Simplifique o aspecto 
 Isto não significa descuidar do design de seu site. 
Trata-se de otimizar e conseguir mediante 
poucos recursos gráficos um bom design.
15
Usabilidade + Praticidade = Sucesso
 Imagens como referências 
Muitos caem no erro de não utilizar nenhuma 
imagem para referenciar ou destacar 
determinada seção, pelo temor de pecar em seu 
uso e desfavorecer o design ou a usabilidade.
16
Usabilidade + Praticidade = Sucesso
Fontes de letras e suas propriedades 
A moda da web 2.0 implementa quase 
obrigatoriamente o uso de fontes de grande 
tamanho (16px ou mais). Isto garante uma 
facilidade de leitura apreciável. Entretanto, o 
abuso deste recurso pode fazer com que 
utilizemos mal os espaços vazios tão 
necessários no design. 
17
Usabilidade + Praticidade = Sucesso
Uso de AJAX 
O uso de AJAX não garante o sucesso em 
uma aplicação web. A grande quantidade de 
tempo invertido em horas de programação 
pode fazer com que tanto os tempos como os 
custos de programação disparem. Entretanto, 
convém destacar que é muito valorizado pelos 
usuários quando as interfaces são 
intuitivas, dinâmicas e práticas. O uso 
adequado desta tecnologia pode facilitar 
enormemente nosso trabalho de usabilidade. A 
idéia é que só se utilize quando for 
necessário. 
18
Conclusão
O sucesso de uma aplicação web, depende 
de múltiplos fatores. Porém, não há dúvidas 
de que a facilidade de uso, tanto em 
usabilidade como no processo de utilização 
garantem uma vantagem considerável.
 
 Basta checar uma listagem de aplicações 
web 2.0 e veremos que os serviços atuais 
que triunfaram possuem um alto grau de 
usabilidade e garantem uma experiência de 
uso agradável sendo na maioria serviços 
simples, porém práticos. 
19
Obrigado!
Professor Rodrigo Mateus
	Slide 1
	Slide 2
	Slide 4
	Slide 5
	Slide 6
	Slide 7
	Slide 8
	Slide 9
	Slide 10
	Slide 11
	Slide 12
	Slide 13
	Slide 14
	Slide 15
	Slide 16
	Slide 17
	Slide 18
	Slide 19