Seminrio de Engenharia de

Usabilidade

Boas prticas de Usabilidade em Interfaces

Alunos:
Andr, Bruno, Douglas, Evaldo, Guilherme
Agenda
1. Motivao
2. Necessidade do usurio
3. Interface simples
4. Identidade visual
5. Intuitividade
6. Organizao da Informao
7. Uso adequado de cores
8. Interao com usurio
9. Referncias
Motivao
Uma interface bem construda torna a navegao por parte do usurio mais
rpida e agradvel. O esforo de aprendizado do usurio do sistema deve ser
diminudo para proporcionar celeridade na execuo das aes requeridas.
Uma interface bem construda alia o uso de cores adequadas, intuitividade
sobre o funcionamento dos botes atravs de cones e descrio adequada
sobre essas aes.
Alm disso, uma interface bem construda necessita ser o mais limpa possvel,
sem descries em exagero, mas tambm deve manter informaes
suficientes para suprir as dvidas de usurios.
Necessidade do usurio
A primeira coisa a ser considerada a necessidade do usurio. para supr-la que
o sistema construdo, logo, ela deve ser atendida da forma mais simples e clere
possvel.

Se os sistema tem como foco um grupo de usurios, por exemplo, dever suprir
essa necessidade de forma que um usurio se mantenha em uso do sistema. Isso
leva a questo de como o que oferecido ao usurio mostrado.

Executar as aes de forma simples, intuitiva e em ordem cronolgica so prticas

que ajudam a mostrar o quanto se conhece e atende as necessidades dos
usurios.
Interface simples
Uma interface simples, intuitiva e sem exageros torna a navegao pelo sistema
mais agradvel. Permite encontrar e executar aes rapidamente e no algo
cansativo de olhar.

Interfaces poludas ou carregadas demais podem fazer com o usurio saia do

sistema devido ao incmodo e esforo de encontrar um simples boto ou campo
de pesquisa, por exemplo.

Colocar na interface somente aquilo que necessrio para seu funcionamento

ajuda a torn-la mais simples e funcional.
Interface simples
Um bom exemplo de interface simples a que o gmail, da Google, apresenta:
Identidade visual
A identidade visual, alm de permitir o
reconhecimento de seu produto, torna o
aprendizado do usurio mais simples. Com uma
identidade visual que permita o reconhecimento de
suas interfaces, um sistema faz com que os
usurios possam aprender a us-los em pouco
tempo, devido ao uso de seus sistemas anteriores.

Essa consistncia permite ao usurio usar em um

sistema o que foi aprendido usando outro
sistema. Por exemplo: Microsoft Office.
Intuitividade
Botes e aes devem ser intuitivos. Isto , devem permitir aos usurios a
identificao da ao a ser executada por eles s de olh-los.

Assim, no h grande esforo de aprendizado por parte do usurio que necessita

usar aquela ferramenta do sistema. Identificar botes com cones que remetem s
suas aes facilitam a identificao das aes que eles executam. Exemplos:
Organizao da informao
As informaes sobre o objetivo do sistema (por exemplo: o qu o sistema faz e a
quem se destina) devem ser claras, objetivas e concisas. Caso sejam necessrias
mais informaes, deve-se acrescentar um link ou atalho que remete pgina ou
fonte de informaes e descries do sistema. O mesmo princpio aplica-se s
informaes sobre as funcionalidades do sistema.
Uso adequado de cores
A escolha errada de padres cromticos pode tornar o uso e/ou navegao pelo
sistema uma tarefa extremamente desconfortvel. O uso inadequado de cores
podem fazer com que o uso do sistema seja cansativo aos olhos e, tambm,
prejudicar a visualizao de recursos. Esse recurso tambm pode ser utilizado para
chamar a ateno do usurio para um item do seu interesse.
Uso adequado de cores
No faa isso! Existem websites com dicas de paletas de cores adequadas para
cada tipo de negcios aos quais os sistemas so aplicados.

http://www.pennyjuice.com/htmlversion/whoispj.htm
Interao com o usurio
Feedbacks, informaes e comentrios ajudam o usurio a navegar e escolher as
aes que quer que o sistema execute. Log, a interface deve possuir os meios
necessrios para que os usurios tenham acesso a tais recursos, sem poluir
visualmente e nem sobrecarregar o aprendizado dos usurios em relao ao uso
do sistema.
Referncias
http://usabilitypost.com/2008/08/14/using-light-color-and-contrast-effectively-in
-ui-design/
http://www.websitebuilderexpert.com/how-to-choose-color-for-your-website/