Unidade 2

Seção 3

Marketing Digital
iStock
 Webaula 3
Design para web

1
 O webdesign, ou design para web,
trabalha projetos de design na perspectiva
das tecnologias digitais, como portais,
sites, blogs, aplicativos, publicidade on-
line, entre outros.
Clique aqui para saber mais
O foco do webdesign é o público, por isso,
experiência do usuário (user experience –
UX) é sempre o ponto de partida em um
projeto. Isso significa que é a usabilidade
(forma de uso) seu principal pilar.
Para entendermos na prática o webdesign,
vamos começar estudando alguns de seus
pilares a seguir.

Assim como o design, o webdesign trafega por

diversas áreas do conhecimento, mas está
fundamentado no desenvolvimento tecnológico, a
partir da arquitetura de informação, usabilidade,
navegabilidade, acessibilidade e programação.

2

Arquitetura de informação
Representa a organização de toda a
informação disponível (em um site, por
exemplo) e sua distribuição estruturada
por categorias.
3
Lembra Wurman (1991) que se trata de
organizar a informação para que ela se
torne clara e compreensível ao usuário. Em
outras palavras, a arquitetura de
informação produz o esqueleto do site, do
aplicativo ou outra ferramenta digital.
 Wireframe do projeto
É como se fosse sua planta, estruturada
em wireframes. Um wireframe representa
o protótipo da página web. O wireframe é
o desenho da página sem as cores, nem a
tipografia utilizada. Possui apenas as
funcionalidades da página.

Fonte: Pixabay

4
 Usabilidade
É uma forma de tornar fácil o uso de
qualquer produto ou serviço. No caso da
internet esse conceito não foge à regra,
valendo até mesmo para a navegação de
sites, aplicativos, bem como seus
dispositivos. Clique na imagem e saiba
mais.

Fonte: iStock

5
 Navegabilidade
Recursos como caminho da página,
Este pilar do webdesign está bastante
sistema de busca, ajuda para dúvidas
relacionado à arquitetura de informação e
frequentes (FAQ), mapa do site e
à usabilidade, pois representa o cuidado
links são importantes contribuições.
que um projeto deve ter para que o
usuário consiga navegar na web de forma
facilitada, intuitiva, tendo sempre os
caminhos de navegação, ou seja, sabendo
em que página está, de onde veio e para
onde pode prosseguir.

6
 Acessibilidade
Este é outro item que não pode faltar em
um projeto de arquitetura de informação.
O acesso à informação de um site ou outra
ferramenta digital deve ser oferecido a
todos os usuários, independentemente do
tipo ou nível de dificuldade que venham a
ter. Clique na imagem e saiba mais.

Fonte: iStock

7
 Programação
Refere-se a todo o processo de adequação
de linguagens web para os dispositivos,
contemplando textos, gráficos, imagens
estáticas ou em vídeo, áudios, entre
outros. A linguagem de programação é
constituída de códigos que podem ser
interpretados por máquinas, as quais Fonte: Pixabay
transformam esses códigos em recursos
facilmente interpretados pelos usuários.
Essas máquinas podem ser servidores ou
banco de dados.

8
 Adaptação do design
impresso para digital
Embora o design siga os mesmos
conceitos quando se trata de impresso ou
de digital, as mudanças se concentram nos
formatos e nos canais onde são publicadas
as artes, ou seja, não é possível utilizar o
mesmo design do impresso para o digital e
vice-versa. O que se mantém são os
padrões de cores, marcas (logotipo) e a
Fonte: iStock
informação, o que não prejudica a
identidade da marca.

9
 Na web, são necessários alguns
conhecimentos técnicos específicos, já
que dependendo do dispositivo há
técnicas diferenciadas de aplicação, entre
as quais podemos citar o design
responsivo. Clique na imagem para
expandi-la.

Disponível em <https://bit.ly/2N3JhsA>. Acesso em: 10 de jul.

2018.

10
 Nesta webaula vimos como funciona a
prática do design para web (webdesign),
abordando alguns de seus muitos pilares,
como arquitetura, estrutura e usabilidade.

Fonte: iStock

11
 Bons estudos!
14