Planejamento

Visual e Layout
PROF. ME. EULALIANE GONÇALVES

Este material baseia-se na bibliografia da disciplina e deve ter seus direitos respeitados
Arquitetura de Informação

Utiliza convenções na organização

dos conteúdos e no desenvolvimento de
elementos gráficos, visando auxiliar o
usuário num ambiente em que não está
familiarizado.
Arquitetura de Informação
•A arquitetura da informação trabalha o design estrutural em
ambientes que preveem o compartilhamento de informações.

•Os projetos digitais precisam organizar os conteúdos de forma

clara e sucinta, para que o usuário interaja, encontre o que busca,
compreenda e consuma as informações com facilidade.
Fluxo e Organização de Conteúdo
Um bom resultado é obtido considerando para quem é o projeto e qual o seu contexto,
tendo como foco quatro pilares:
• Organização
• Navegação
• Rotulação
• Busca
Fluxo e Organização de Conteúdo
ORGANIZAÇÃO
Categorização e agrupamento do
conteúdo, considerando:
◦ Data
◦ Ordem alfabética
◦ Cores
◦ Entre outros.
BUSCA
•Perguntas que o usuário pode fazer
enquanto navega pelo projeto.
•Permite que o usuário encontre o
conteúdo de maneira mais rápida e fácil.
Fluxo e Organização de Conteúdo
NAVEGAÇÃO
•Caminhos pelos quais os usuários navegam no projeto.
•Deve garantir uma sequência lógica.
•Uma boa navegação indica ao usuário onde ele está, de onde veio e para onde vai.
•Utiliza textos e ícones intuitivos.
•Oferece o menor número de cliques possíveis.
Fluxo e Organização de Conteúdo
ROTULAÇÃO
•Forma de representação e apresentação de informações.
•Utiliza textos e ícones claros e objetivos.
•Utiliza de convenções para reprodução de signos.
◦ Signos, qualquer coisa que representa outra, sob diferentes formas ou
manifestações, por exemplo, lupa, setas, entre outros.
•Uma boa rotulação precisa falar a linguagem do usuário.
User Experience (UX)
Experiência do Usuário
•Destaque na área de Design Digital.
• Envolve contato e troca de informações através
da Interface Gráfica.
•Interface Gráfica
• Representação visual do projeto.
• Pode ser experienciado pelo usuário.
Interface Design (UI)
Design de Interface
•Conjunto de telas, textos, imagens, botões, entre outros
recursos que visam melhorar a experiência do usuário em
contato com um sistema, físico ou digital, facilitando a sua
navegação.
•O processo criativo do designer consiste
em descobrir e delinear métodos que
atendam as necessidades do projeto .
•Soluções que fazem parte da GESTALT e
ERGONOMIA VISUAL.

Planejamento Visual e Layout

GESTALT
•Estuda a compreensão e a interpretação da visão humana.
•Aborda os princípios que determinam que a percepção do ser humano não se dá por
“pontos isolados”, mas sim, pela compreensão do “todo”.
ERGONOMIA VISUAL
•Os critérios de ergonomia visual são as regras que o desenvolvedor deve seguir durante
o processo de criação da interface gráfica e que o auxiliarão na escolha das tipografias e
cores institucionais do sistema.
•Esses procedimentos garantem leiturabilidade e
legibilidade dos textos inseridos, além da usabilidade.
Usabilidade, Acessibilidade e Navegabilidade
•A internet é uma enorme plataforma com inúmeras possibilidades.
•Os usuários realizam diferentes tarefas simultaneamente.
•Entre uma tarefa e outra o usuário encontra muitas distrações.
•Desta forma é preciso garantir uma boa experiência ao usuário.
Usabilidade
MEDE A FACILIDADE QUE O USUÁRIO ENCONTRA PARA REALIZAR
AÇÕES DENTRO DE UM SITE.
 Uma boa usabilidade permite que o
usuário encontre o que deseja sem
Usabilidade dificuldades para fazer proveito do
conteúdo de um site com mais
comodidade.
 Aprendizagem: de fácil uso (intuitivo)

Eficiência: entrega o que promete

Fatores da
Usabilidade
Memorização: navegabilidade de fácil
memorização

Satisfação: atende as expectativas do usuário

Usabilidade
“A usabilidade governa a Web. Mais diretamente, se o cliente não encontrar
o produto, ele não o comprará. A Web é o ambiente no qual o poder do
cliente se manifesta no mais alto grau. Quem clica no mouse decide tudo. É
tão fácil ir a outro lugar; todos os concorrentes do mundo estão a um
simples clique do mouse”. Nielsen (2007, p. 205)

NIELSEN, Jakob. Projetando websites. 2ª edição. Rio de Janeiro: Campus, 2000.

Navegabilidade
PRINCÍPIO BÁSICO DA USABILIDADE
 •Forma de navegação num site

Navegabilidade •Organiza as informações de forma intuitiva

•O usuário sabe de onde veio e para onde voltar
•Desempenho ao buscar informações num site
 Quanto mais conteúdo houver em um site, maior é a

Navegabilidade necessidade de criar estratégias de navegabilidade para

que o usuário tenha uma boa experiência durante sua
navegação.
Acessibilidade
 Permite que os usuários possam ter a
mesma experiência de acesso,

Acessibilidade independente de suas condições físico-

motoras, perceptivas, culturais, sociais ou,
até mesmo por falta de recursos
tecnológicos.
 Percepção: apresentação do conteúdo

Diretrizes da Operação: usabilidade e navegabilidade

Acessibilidade
Entendimento: conteúdo intuitivo

Compatibilidade: recursos acessíveis

Segundo a W3C (World Wide Web
Consortium), quando um site é
desenvolvido corretamente todos os
usuários têm igualdade no uso de suas
funcionalidades e acesso à informação.