PUB5AN - Dicas de Usabilidade
-
Upload
neca-boullosa -
Category
Documents
-
view
521 -
download
2
Transcript of PUB5AN - Dicas de Usabilidade
![Page 1: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/1.jpg)
+
Usabilidade
Prof. Neca Boullosa
![Page 2: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/2.jpg)
+“Tornar o simples complicado é fácil, tornar o complicado simples é criatividade”Charles Mingus
![Page 3: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/3.jpg)
+Usabilidade
“É a extensão na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso específico”
![Page 4: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/4.jpg)
+Usabilidade
Segundo o “papa” da usabilidade, JAKOB NIELSEN, “deve-se retirar da página tudo que não auxiliar o usuário a atingir o objetivo que definimos para ele.”
![Page 5: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/5.jpg)
+Bonito não é útil
O inovador ou bonito nem sempre é útil. Uma grande besteira continua sendo uma grande besteira, mesmo que com um belo design.
![Page 6: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/6.jpg)
+Foco no usuário
Os sites devem ser focados na experiência do usuário e não na mente do diretor de criação que o concebeu ou no dono da empresa. O usuário é o verdadeiro juiz. Será ele quem dirá se o site da empresa está bom ou ruim.
![Page 7: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/7.jpg)
+O Usuário não sabe nada
Tenha consciência que o usuário não sabe NADA sobre o conteúdo do seu site, e você irá planejá-lo de forma mais simples possível.
![Page 8: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/8.jpg)
+Seja Coerente
Não fique reinventando a roda a cada página.
Crie um padrão e siga-o em todo o site.
Se precisar, crie sub-padrões por área, se houver muito conteúdo.
![Page 9: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/9.jpg)
+Página Inicial, a porta de entrada
Ela deve dar o tom do site, destacar os principais conteúdos, possuir links para as primeiras seções.
Não deixe ela parecida com as páginas internas.
![Page 10: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/10.jpg)
+Texto... Curto ou longo?
Mantenha seu texto claro e objetivo, na medida do possível, curto também.
O usuário não quer ler um livro.
Vá colocando mais conteúdo nos níveis mais internos do site.
![Page 11: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/11.jpg)
+Usuário fogem de lentidão
Mantenha suas páginas leves, não entupa seu site com imagens, gráficos e animações desnecessárias.
Sigas as práticas comuns. “Modernizar” só para ser diferente vai lhe prejudicar. O moderno é simples.
![Page 12: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/12.jpg)
+5 DICAS RÁPIDAS DE USABILIDADE
![Page 13: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/13.jpg)
+1-Pessoas olham para pessoas
![Page 14: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/14.jpg)
+
![Page 15: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/15.jpg)
+
![Page 16: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/16.jpg)
+2-A qualidade do Design é um indicador de credibilidade.
![Page 17: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/17.jpg)
+3 – A maioria dos usuários NÃO dá scroll.
![Page 18: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/18.jpg)
+Scroll ou Não Scroll
Fuja do scroll, principalmente nas primeiras páginas.
77% dos usuários não faz scroll
![Page 19: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/19.jpg)
+4 – Azul é a melhor cor para links.
![Page 20: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/20.jpg)
+Siga os padrões...
![Page 21: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/21.jpg)
+5-Espaços em branco melhoram a compreensão.
![Page 22: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/22.jpg)
+
E PARA TERMINAR!
![Page 23: PUB5AN - Dicas de Usabilidade](https://reader036.fdocumentos.com/reader036/viewer/2022062514/5586422dd8b42aa52c8b5107/html5/thumbnails/23.jpg)
+Teste seu site
Segundo a pesquisa de JAKOB NIELSEN:
BASTAM 5 USUÁRIOS PARA VOCÊ MELHORAR SIGNIFICATIVAMENTE A EXPERIÊNCIA DO SEU SITE.