Trabalho SOII

Interação Humano-Computador
Capítulo 4
Dicas pra projetos de GUI:
Graphic User Interface

Prof. Fabio Zanin
2013
[e-mail]
1

Um Modelo para Processo de Design de Interfaces

especificação

prototipação

análise

avaliação

protótipos

2

Filosofia de Design
• Um ponto de vista:
– Economia de elementos visuais.
– Menos é melhor – “Less is more!!!”

– “Limpo”, bem organizado.

3

Princípios do Design Gráfico

• “A execução de um design consistente envolve, mesmo que seja instintivamente, conceitos estéticos consagrados como função e estrutura, além dos princípios básicos da Gestalt”.
• Todos esses fatores são meras variações do mesmo tema de sempre… – Bom senso!!!

4

Princípios do Design Gráfico
• Proximidade e alinhamento
– Elementos pertencentes a um mesmo grupo devem estar próximos. • Equilíbrio, proporção e simetria
– Componentes devem ser complementares.

• Contraste, cores e brancos
– O contraste traz dinamismo e ação para uma página, chama a

atenção e causa impacto.

5

Princípios do Design Gráfico
•

Ordem, consistência e repetição
– O designer tem toda a liberdade para criar as regras, mas deve segui-las. •

Simplificação
– Simplicidade é sinônimo de elegância, objetividade e, acima de

tudo, clareza.

•

Legibilidade
– Textos existem para serem lidos.

•

Integração
–

O design não pode “desafinar”.
6

Interface Gráfica

Estrutura
Janelas, dialog boxes e menus.

Interação
Comunicação usuário X computador.

Apresentação
Exibição dos dados nas telas e janelas.

7

Janelas Primárias e Secundárias

• Dimensão de janelas secundárias:
•

Evite que o usuário tenha que redimensionar as janelas (ou possa).

•

As janelas secundárias não precisam ser necessariamente do mesmo tamanho. • Abra as janelas pop-up no centro da ação:
•

As janelas de diálogo e pop-up devem ser abertas no centro da área com a qual estão relacionadas na