INTERFACE E
USABILIDADE
Projeto e Prototipacão de
Contextualização
1 Projeto de Interface e Interações
.
2 Design Responsivo e
Multiplataforma
.
3 Prototipação de Interfaces
.
4 Acessibilidade e inclusão
.
Características visuais de uma interface
Caracterís
Princípios
ticas
de Princípios
Visuais de
usabilidad de Gestalt
uma
e
Interface
Layout de uma interface
▪ Tamanho dos elementos;
▪ Localização dos elementos;
▪ Formato dos elementos;
▪ Cores e
▪ Contraste.
▪ Estes devem ser baseados nas características
físicas da interface e dos usuários, bem como em
seus modelos mentais.
Layout de uma interface
▪ Para definir o tamanho e a localização dos
elementos da interface é preciso levar em
consideração algumas medidas antropométricas e
comportamentos.
▪ A primeira delas é a distância do olho das pessoas;
▪ A segunda para interfaces touch, é o tamanho do
dedo dos usuários;
▪ O terceiro é um comportamento, que é a análise de
como a pessoa usa fisicamente a interface, por
exemplo, quais movimentos a pessoa faz com as
mãos e os dedos.
Layout de uma interface
Altura da linha com relação à distância visual do usuário
Fonte :Iida, 2005, p.297.
Layout de uma interface
Área de alcance do dedo polegar em uma interface de
smartphone.
Fonte :Hoober,2013
Layout de uma interface
Padrão de visualização.
Fonte :Shutterstock
Projeto de Interface e
Interações
Formato dos elementos de uma interface
É útil aplicar os princípios da Gestalt, e também
entender as preferências e gostos das pessoas, a
partir dos quais pode ser definida uma identidade
visual com a qual o usuário se identifique e se sinta
bem.
Considerar qual a funcionalidade de cada elemento, e
projetar uma forma que deixe clara sua função, ou
seja, tenha uma boa affordance (convite ao uso), para
isso é importante entender como é o formato de
elementos similares no mundo real, físico, e como a
pessoa reage a esta forma.
Projeto de Interface e
Interações
Cores na sua interface
Você precisa entender as preferências e gostos dos
usuários;
Entender o significado das cores na cultura do seu
público-alvo;
Entender seus efeitos neurológicos;
Entender o contexto de uso;
Entender o tipo de negócio;
Entender o que a interface deseja transmitir, de forma
que as cores comuniquem e sejam coerentes com a
proposta da interface.
Projeto de Interface e
Interações
Princípios de Design Visual
▪ Ao projetar a interface, procure aplicar os cinco
princípios que orientam como os elementos de design:
▪ linhas,
▪ cores,
▪ grids,
▪ formas e
▪ espaço,
▪ Eles podem ser combinados para aumentar a
usabilidade. Quando bem aplicados, estes princípios
podem impactar positivamente a experiência do
usuário.
Projeto de Interface e
Interações
Estilos de Interação
▪ São as formas com as quais os usuários interagem
com a interface.
▪ É ele que define a aparência e o comportamento dos
componentes da interface e desta forma indica a
forma com a qual o usuário irá se comunicar com o
sistema digital.
▪ Deve ser escolhido de acordo com as necessidades
dos usuários e de suas tarefas, e podem ser
combinados entre si.
Projeto de Interface e
Interações
Estilos de Interação
▪ Os estilos de interação incluem: linguagem natural,
linguagens de comando, seleção por menus,
preenchimento de formulário e WIMP (windows, icons,
menus, pointers).
Elementos da Experiência do usuário
Fonte Garrett, 2010, p.22.