SlideShare una empresa de Scribd logo
1 de 66
DESIGN PARA INTERNET
OBJETIVOS DO DESIGN WEB
• O usuário
• A tarefa a ser executada
• A ferramenta necessária para a execução
  da tarefa
Esse é o objetivo de todo
           webdesigner.

   Contribuir para uma interface
gráfica não só bonita mas funcional.
ELEMENTOS DO DESIGN WEB
Elemento de Navegação
Elemento de
Orientação    Elemento de Emoção




                                              Elemento de
                                              Conteúdo
Elementos de Navegação
Ajuda o usuário a se mover dentro do site e acessar áreas específicas.
Elementos de Orientação
Diz ao usuário onde ele está dentro do site.
Elementos de Interação
Processa informações e dados incluídos pelo usuário. Exemplo: uma busca,
formulários, enquetes, etc.
Elementos de Conteúdo
Toda a informação em forma de texto, imagens, sons, vídeos ou animações.
Elementos de Emoção
Apelam para o sentimento do usuário, provocando curiosidade ou convidando a
continuar a visitação, destacando alguma seção do site, produto ou serviço. Esses
elementos podem ser imagens, animações, sons ou composições textuais.
USO ORIENTADO DO DESIGN WEB
Trazendo isso para o design web, podemos
dizer que é praticamente impossível
agradar a todos ao mesmo tempo utilizando
uma mesma linguagem visual.
Por isso é preciso decidir o público-alvo do
site para a partir daí encontrar a linguagem
que deverá ser utilizada.
O Briefing
Podemos dizer que o briefing é um
conjunto de dados fornecidos pela
empresa-cliente para orientar você na
sua criação.
Usabilidade
Onde Estou?

Desorientação causa insegurança.
Não me faça pensar
"Qual a coisa mais importante que eu devo fazer se
quiser me assegurar que meu website seja fácil de
usar?"
Um exemplo típico de dificuldade
gratuita e sem necessidade são os nomes
das seções.

Quando tentam reinventar um nome já
conhecido, a coisa complica.
Cores
Harmonia
Infinito
Eternidade
Nobre
Sobriedade
Lógica
Pensamento
Frio
Calmo
Confidência
Conservadorismo
Austeridade
Monotonia,
Dependência
Tecnologia
Luxúria
Sofisticação
Sensualidade
Feminilidade
Desejo;
Espiritualidade
Criatividade
Realeza
Sabedoria
Resplandecência
• Afeição
  Encantamento
  Amizade
  Juventude
  Flores
  Doces
  Feminino
  Menina
  Bebês
  Ingenuidade
  Delicadeza
• Sólido
  Seguro
  Calmo
  Natureza
  Rústico
  Estabilidade,
  Estagnação
  Peso
  Aspereza.
  Antigo
• Poder
  Modernidade
  Sofisticação
  Formalidade
  Morte
  Medo
  Anonimato
  Raiva
  Mistério
  Noite
• Elegância
  Humildade
  Respeito
  Reverência
  Sutileza
• Pureza
  Inocência
  Reverência
  Paz
  Simplicidade
  Esterilidade
  Claridade
  Honestidade
  Inocência
  Divindade
  Luz
  Rendição
Processos para o desenvolvimento
         de um Bom Site
Processos para o desenvolvimento
         de um Bom Site
Wagner Amaro
www.wagneramaro.com.br

Más contenido relacionado

Similar a Design para internet

Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Doisnovemeia Publicidade
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraenteSuzana Viana Mota
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampUTFPR
 
Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a InternetMarcio Duarte
 
UX: Desenhando Experiências Digitais
UX: Desenhando Experiências DigitaisUX: Desenhando Experiências Digitais
UX: Desenhando Experiências DigitaisThaynan Nadu
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteHorácio Soares
 
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Deivid Silva
 
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceEvento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceImpacta Eventos
 
Guia de UX para SEO - JR Martian
Guia de UX para SEO - JR MartianGuia de UX para SEO - JR Martian
Guia de UX para SEO - JR MartianMartian Digital
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front endandreluizlc
 
Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Thiago Esser
 
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...Empírica Specialists
 
Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisPaolo Passeri
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisInstituto Faber-Ludens
 
O design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketingO design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketingMarcus Vinícius Liberato
 

Similar a Design para internet (20)

Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraente
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
RPC.com.br - Produto
RPC.com.br - ProdutoRPC.com.br - Produto
RPC.com.br - Produto
 
Entendendo Webwriting
Entendendo WebwritingEntendendo Webwriting
Entendendo Webwriting
 
Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a Internet
 
UX: Desenhando Experiências Digitais
UX: Desenhando Experiências DigitaisUX: Desenhando Experiências Digitais
UX: Desenhando Experiências Digitais
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site Atraente
 
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
 
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceEvento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
 
Guia de UX para SEO - JR Martian
Guia de UX para SEO - JR MartianGuia de UX para SEO - JR Martian
Guia de UX para SEO - JR Martian
 
Palestra oficial
Palestra oficialPalestra oficial
Palestra oficial
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 
Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)
 
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
 
Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo Moveis
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
O design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketingO design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketing
 

Design para internet