O QUE PRECISA SABER ANTES DE SER UM
PROFISSIONAL WEB DESIGNER
Estudar e aprofundar o HTML, CSS e Javascript;
Teoria de Cores;
Usabilidade / Acessibilidade;
Saber as necessidades do Cliente;
PERFIL DO WEB DESIGN
Desenvolver o melhor layout para o site;
Combinar as cores de forma agradável para
o cliente;
Fácil de usar e interagir com o usuário;
PERFIL DO WEB DESIGN
Quanto Cobrar?
Salário para Nível Pleno ou Master?
Para ser um Webdesigner é preciso ter o
domínio das técnicas de design e equilíbrio
entre bom senso e criatividade.
PERFIL DO WEB DESIGN - MERCADO DE TRABALHO
O mercado de trabalho para o profissional de WEB
DESIGN está em crescente expansão no Brasil e no
mundo, devido ao rápido desenvolvimento e
ampliação do acesso à internet. Muitas empresas
como agências de publicidade, assessorias de
imprensa e empresas com conteúdo para inter ou
intranet contratam este profissional para atuar no
desenvolvimento de seus websites de forma que
conquiste o leitor.
QUAIS SÃO AS CARACTERÍSTICAS DE UM BOM
LAYOUT PARA UM SITE?
Tendências do mercado;
Padrões de cores, fotos, ilustrações, tipografias e
diagramação;
Interação com o usuário;
TEORIA DAS CORES
Podemos dividir as cores do círculo em:
Primárias: vermelho, azul e amarelo são cores
puras que não podemos obter através de misturas.
As demais cores descendem das primárias.
Secundárias: obtidas através da mistura de duas
cores primárias, são o verde, violeta e o laranja.
Terciárias: obtidas através da mistura de uma
secundária com uma primária. São exemplos o
verde-amarelado e o laranja-avermelhado.
MATIZ: É A COR PURA, SEM ADIÇÃO DE
BRANCO OU PRETO.
INTENSIDADE: QUANTO MAIS INTENSA UMA
COR, MAIS “VIVA” ELA É. PODEMOS
ENFRAQUECER UMA COR ADICIONANDO PRETO
OU BRANCO A ELA, OU NEUTRALIZÁ-LA
ADICIONANDO CINZA.
SATURAÇÃO: TAMBÉM CHAMADO DE CROMA,
REFERE-SE A PUREZA DA COR. QUANTO MAIS
CINZA SE ADICIONA A COR MAIS NEUTRA ELA SE
TORNA.
USABILIDADE
É o termo que se usa para definir o processo
de design de sistemas computacionais que
objetivam a facilidade de aprendizado, de
uso, e que sejam agradáveis para as pessoas.
PRINCÍPIOS DE USABILIDADE
Visibilidade
Feedback
Restrições
Mapeamento
Consistência
Interação
OS USUÁRIOS
Deve-se identificá-los e entendê-los
 Devem fazer parte do processo
Nem sempre sabem expressar o que querem
“Não compare o filme editado de alguém
com seu vídeo dos bastidores”
Travis Lowdermilk
METAS DO DESIGN DE INTERAÇÃO
Metas de design
 Preencher critérios específicos de usabilidade
 Metas decorrentes das experiências com os
usuários
 Explica a qualidade de experiência da
usabilidade
PROCESSO DE DESIGN PARA USABILIDADE
1. Pré-design;
2. Design Inicial;
3. Desenvolvimento Iterativo;
4. Pós-design.
Sistema
Pré-
design
Design
inicial
Desenv.
iterativo
Pós-
design
O processo de design para
usabilidade possui 4 fases:
PRÉ-DESIGN
Busca de informação e conceituação sobre o usuário;
Contexto de trabalho;
Sistemas relacionados;
Padrões de interface e ferramentas;
DESIGN INICIAL
Primeiro contato do usuário com o que
poderá ser a vir o design do sistema. È a
partir desse feedback que parte para as
implementações no design.
DESENVOLVIMENTO ITERATIVO
Desenvolve a base de
prototipagem e testes
empíricos.
Implementaçã
o
Teste
Design
Teste
Design
PÓS-DESIGN
Instalação do sistema no local de trabalho
do usuário e acompanhamento com
medidas de reação e aceitação do sistema
pelo usuário final.
CARACTERÍSTICAS DA USABILIDADE
Facilidade de aprendizado;
Eficiência de uso;
Facilidade de retorno ao uso por usuários
casuais;
Frequência e severidade dos erros dos usuários;
Satisfação subjetiva do usuário;
REFERÊNCIAS
 PROFISSÃO: Webdesigner. Elaborado por LUÍSA BARWINSKI.
Disponível em: <http://www.tecmundo.com.br/blog/2934-profissao-
webdesigner.htm>. Acesso em: 05 dez. 2015.
 TEORIA básica do design – Cor. 2012. Elaborado por Robson Godoy.
Disponível em: <http://design.blog.br/geral/teoria-basica-do-design-
cor>. Acesso em: 05 dez. 2015.
 MEDEIROS, Danielle Gomes de Freitas. Princípios de designe
usabilidade. Disponível em:
<https://docente.ifrn.edu.br/daniellefreitas/>. Acesso em: 05 dez. 2015.
 ENTÃO você quer ser um web designer? Por Erika Sarti. Disponível em:
<http://www.infowester.com/colwebdesigner.php>. Acesso em: 05 dez.
2015.

Trabalhar com web design

  • 2.
    O QUE PRECISASABER ANTES DE SER UM PROFISSIONAL WEB DESIGNER Estudar e aprofundar o HTML, CSS e Javascript; Teoria de Cores; Usabilidade / Acessibilidade; Saber as necessidades do Cliente;
  • 3.
    PERFIL DO WEBDESIGN Desenvolver o melhor layout para o site; Combinar as cores de forma agradável para o cliente; Fácil de usar e interagir com o usuário;
  • 4.
    PERFIL DO WEBDESIGN Quanto Cobrar? Salário para Nível Pleno ou Master? Para ser um Webdesigner é preciso ter o domínio das técnicas de design e equilíbrio entre bom senso e criatividade.
  • 5.
    PERFIL DO WEBDESIGN - MERCADO DE TRABALHO O mercado de trabalho para o profissional de WEB DESIGN está em crescente expansão no Brasil e no mundo, devido ao rápido desenvolvimento e ampliação do acesso à internet. Muitas empresas como agências de publicidade, assessorias de imprensa e empresas com conteúdo para inter ou intranet contratam este profissional para atuar no desenvolvimento de seus websites de forma que conquiste o leitor.
  • 7.
    QUAIS SÃO ASCARACTERÍSTICAS DE UM BOM LAYOUT PARA UM SITE? Tendências do mercado; Padrões de cores, fotos, ilustrações, tipografias e diagramação; Interação com o usuário;
  • 8.
    TEORIA DAS CORES Podemosdividir as cores do círculo em: Primárias: vermelho, azul e amarelo são cores puras que não podemos obter através de misturas. As demais cores descendem das primárias. Secundárias: obtidas através da mistura de duas cores primárias, são o verde, violeta e o laranja. Terciárias: obtidas através da mistura de uma secundária com uma primária. São exemplos o verde-amarelado e o laranja-avermelhado.
  • 9.
    MATIZ: É ACOR PURA, SEM ADIÇÃO DE BRANCO OU PRETO. INTENSIDADE: QUANTO MAIS INTENSA UMA COR, MAIS “VIVA” ELA É. PODEMOS ENFRAQUECER UMA COR ADICIONANDO PRETO OU BRANCO A ELA, OU NEUTRALIZÁ-LA ADICIONANDO CINZA. SATURAÇÃO: TAMBÉM CHAMADO DE CROMA, REFERE-SE A PUREZA DA COR. QUANTO MAIS CINZA SE ADICIONA A COR MAIS NEUTRA ELA SE TORNA.
  • 10.
    USABILIDADE É o termoque se usa para definir o processo de design de sistemas computacionais que objetivam a facilidade de aprendizado, de uso, e que sejam agradáveis para as pessoas.
  • 11.
  • 12.
    OS USUÁRIOS Deve-se identificá-lose entendê-los  Devem fazer parte do processo Nem sempre sabem expressar o que querem “Não compare o filme editado de alguém com seu vídeo dos bastidores” Travis Lowdermilk
  • 13.
    METAS DO DESIGNDE INTERAÇÃO Metas de design  Preencher critérios específicos de usabilidade  Metas decorrentes das experiências com os usuários  Explica a qualidade de experiência da usabilidade
  • 15.
    PROCESSO DE DESIGNPARA USABILIDADE 1. Pré-design; 2. Design Inicial; 3. Desenvolvimento Iterativo; 4. Pós-design. Sistema Pré- design Design inicial Desenv. iterativo Pós- design O processo de design para usabilidade possui 4 fases:
  • 16.
    PRÉ-DESIGN Busca de informaçãoe conceituação sobre o usuário; Contexto de trabalho; Sistemas relacionados; Padrões de interface e ferramentas;
  • 17.
    DESIGN INICIAL Primeiro contatodo usuário com o que poderá ser a vir o design do sistema. È a partir desse feedback que parte para as implementações no design.
  • 18.
    DESENVOLVIMENTO ITERATIVO Desenvolve abase de prototipagem e testes empíricos. Implementaçã o Teste Design Teste Design
  • 19.
    PÓS-DESIGN Instalação do sistemano local de trabalho do usuário e acompanhamento com medidas de reação e aceitação do sistema pelo usuário final.
  • 20.
    CARACTERÍSTICAS DA USABILIDADE Facilidadede aprendizado; Eficiência de uso; Facilidade de retorno ao uso por usuários casuais; Frequência e severidade dos erros dos usuários; Satisfação subjetiva do usuário;
  • 21.
    REFERÊNCIAS  PROFISSÃO: Webdesigner.Elaborado por LUÍSA BARWINSKI. Disponível em: <http://www.tecmundo.com.br/blog/2934-profissao- webdesigner.htm>. Acesso em: 05 dez. 2015.  TEORIA básica do design – Cor. 2012. Elaborado por Robson Godoy. Disponível em: <http://design.blog.br/geral/teoria-basica-do-design- cor>. Acesso em: 05 dez. 2015.  MEDEIROS, Danielle Gomes de Freitas. Princípios de designe usabilidade. Disponível em: <https://docente.ifrn.edu.br/daniellefreitas/>. Acesso em: 05 dez. 2015.  ENTÃO você quer ser um web designer? Por Erika Sarti. Disponível em: <http://www.infowester.com/colwebdesigner.php>. Acesso em: 05 dez. 2015.