O documento descreve as principais funções e conhecimentos necessários para um web designer, incluindo design gráfico, frontend, animações, arquitetura da informação, interação, gestalt, semiótica, usabilidade e ergonomia de IHC.

1. Web Designer
Web Designer
Principais Conhecimentos
Principais Funções
 

2. Web Designer
Principais Conhecimentos
Arquitetura de informação
Interação
Gestalt
Semiótica
Design
Ergonomia de IHC
Usabilidade
“O design de interface eficiente permite a um usuário isolado navegar intuitivamente através de seus documentos a
aplicações, comunicando-se ocasionalmente” Johnson (2001)

3. Web Designer Principais Conhecimentos
Arquitetura de Informação
Sistemas de organização:
assunto, cronologia, hierarquia etc.
Sistemas de rotulagem:
termo técnico, termo leigo etc.
Sistemas de navegação:
global, contextual e local
Sistemas de busca:
contextual, local etc.
“A combinação de organização, rotulação e esquemas de navegação dentro de um sistema de informações”
Morville, Rosenfeld (2002)
--------------

4. Web Designer Principais Conhecimentos
Interação
Pontos mais comuns em design de interação:
Visibilidade
Feedback
Restrições
Mapeamento
Consistência
Affordance
Processo cognitivo:
Atenção
Percepção e reconhecimento
Memória
Aprendizado
Leitura
Fala e audição
Resolução de problemas
“Interação é a forma de como as pessoas se comunicam com um produto ou uma interface”
Preece, Rogers & Sharp (2005)

5. Web Designer Principais Conhecimentos
Gestalt
Forma
Cor
Tipografia
“A Gestalt é representada como o poder da comunicação como forma de linguagem visual, compreende o significado
e as manifestações visuais da forma, sua leitura” Filho (2000)
--------------

6. Web Designer Principais Conhecimentos
Semiótica
Signos
Signo é alguma coisa que representa algo para alguém”,
tal formulação parece ter o poder de facilitar o caminho
da compreensão.
Ícones
É quando a apresentação se dá por semelhança, a apre-
sentação pode ser feita por meio de analogia como algo
representado, um modo icônico exibe traços analógicos
de seu objeto dinâmico para uma mente interpretadora.
“A semiótica ilumina o processo no qual se dá a construção de um sistema de significação”
Niemeyer (2003)

7. Web Designer Principais Conhecimentos
Design
O design é responsavel pela definição das
funções e distribuições dos elementos, tor-
nando a interface atrativa e de fácil com-
preensão.
Um bom design se conecta com o comporta-
mento humano naturalmente, pois um bom
design é inovador, estético, compreensível
e funcional, proporcionando a realização de
tarefas de modo mais eficiente e eficaz.
Design não é só aparência. Design é também a funcionalidade.” Steve Jobs

8. Web Designer Principais Conhecimentos
Ergonomia de IHC
O objetivo principal da interação humano-computador
(IHC) na web é o projeto e desenvolvimento de páginas
com o propósito de melhorar a eficiência e proporcio-
nar satisfação ao usuário.
“É uma área que se destina ao estudo de como projetar, programar e utilizar sistemas computacionais interativos e
como computadores e sistemas afetam os usuários” Moraes e Santa Rosa (2008)

9. Web Designer Principais Conhecimentos
Usabilidade
Na avaliação de usabilidade de sistemas interativos,
o padrão internacional mais comum é a ISO 9241
que considera a usabilidade:
“a capacidade de um produto ser usado por usuários
específicos para atingir objetivos específicos com
eficácia, eficiência e satisfação em um contexto es-
pecífico de uso”.
“Não é o que consideram sobre o seu site que conta, mas sim o que os utilizadores pensam dele”
Jakob Nielsen

10. Web Designer
Principais Funções
Designer Gráfico
Frond-End
Animações
--------------

11. Web Designer Principais Funções
Designer Gráfico
Tem como principal atividade desenvolver o
layout do site de acordo com o briefing do cliente,
agregando gestalt e a semiótica para as formas
e cores seguindo os conseitos da usabiliade.
Tem como dominio os principais programas:
Photoshop, illustrator e coreldraw.
--------------

12. Web Designer Principais Funções
Front End
O front-end é uma espécie de interface entre o
usuário e o back-end (programação).
Ele é responsalvel por fazer a formatação do layout
em códigos html e css, preparando-o para a inte-
ração dos usuários finais, e também estrura para
os programadores trabalharem em cima dessa
formatação.
Tem como dominio os principais programas:
Dreamweaver, Notepad++ ou programas editores
de HTML.

13. Web Designer Principais Funções
Animações
Este profissional desenvolve conteúdos interativos como
banners, propagandas publicitarias, jogos, infograficos,
aberturas introdutorias etc, além de gif’s animados, vi-
sando à otimização do processo de animação, a fim de
criar interfaces que possam ser exploradas pelo usuário
da web.
Principal programa: Flash, programação actionscript.
Com as nova tecnologia em html 5 as animações pas-
sam a ser em jQuery e javascript.
--------------

14. Web Designer
Marconi A. Pacheco
Bacharel em Design
FUCAPI - AM. Coordenação de graduação em design de
interface digital.
Experiência Profissional:
Desenvolvimento em projetos de web sites, arquitetura de
informação, wireframes, layouts, formatação em HTML,
CSS.
Projetos gráficos e comunicação visual para mídias im-
pressas de pequeno e grande formato.
Idealização de logotipo e suas aplicações, diagramação
de revistas e livros.