SlideShare uma empresa Scribd logo
1 de 13
MANUAL PARA DESIGN DE WEBSITES DE SUCESSO Dezembro/09
DIMENSÕES DO SITE ,[object Object],[object Object],Pesquisa W3C sobre resoluções de tela (mundo) Dica: Use e abuse de ferramentas como o 960grid para deixar o seu site alinhado e dar um aspecto muito mais profissional! http://www.960.gs Dados: w3schools
[object Object],[object Object],[object Object],REGRAS DE NAVEGABILIDADE Saiba mais em: http://pt.wikipedia.org/wiki/Usabilidade Traçe um objetivo para seu site e envolva o usuário por meio dos links e um design atraente. Faça ele sentir que encontrou o que procurava!
[object Object],[object Object],[object Object],SIGA O PADRÃO PARA NÃO ERRAR Conheça mais sobre paletas de cores em: http://www.colourlovers.com/ As pessoas esperam que certos comportamentos se mantenham: cores dos links, posição do logo, o comportamento de um menu, etc. Isso é conhecido como  padrões de uso O azul é a melhor cor para links.
DESIGN É INDICADOR DE CREDIBILIDADE ,[object Object],[object Object],[object Object],Todos os estudos mostram que o usuário julga o livro pela capa, ou melhor, o site pelo design. Mesmo que às vezes de forma inconsciente, elementos como layout, consistência, tipografia, cores e estilos afetam a forma com que os usuários reconhecem um site e a imagem da empresa  Outros fatores influenciadores são: qualidade do conteúdo do site, número de eros, freqüência de atualizações e facilidade de uso. Varios estudos foram feitos para avaliar o que influencia a percepção de credibilidade de um site sobre seus usuários:
DESIGN É CREDIBILIDADE Seu site deve projetar não só uma boa imagem, mas também a imagem certa para a sua audiência Qual desses 2 layouts tem maior credibilidade para você? Site da Fiat em 1996 Site da Fiat em 2009
INSPIRE-SE E APRENDA SEMPRE ,[object Object],[object Object],[object Object],[object Object],Mesmo que um cliente vá pagar pouco, dedique-se para que ele te recomende e você recupere o tempo gasto por meio de vários outros clientes que irão ver o seu trabalho! Visite nosso blog! Constantemente postamos grandes designs para você se inspirar
CORES E PUBLICIDADE ,[object Object],[object Object],[object Object],Veja ao lado, como exemplo, o site da Apple. Uma mistura de muitos espaços em branco, cores sóbrias e botões coloridos que chamam a atenção para as páginas de compra.
PUBLICIDADE NO SITE ,[object Object],[object Object],[object Object],No exemplo ao lado, os banners com descontos estão logo abaixo do menu e misturados com a publicidade do site. Mesmo sendo um banner de descontos, a chance do usuário ir para a página em questão é muito baixa, uma vez que ele pode achar que a imagem é um banner para outro site.
MAIS TEXTOS, MENOS IMAGENS ,[object Object],[object Object],[object Object],[object Object],[object Object],Nós na domitri, procuramos usar todos os artifícios para melhorar o desempenho do seu site em sites de busca como o Google
TECNOLOGIA FLASH E O GOOGLE ,[object Object],[object Object],[object Object],[object Object]
EVITE!!! ,[object Object],[object Object],[object Object]
www.domitri.net ENVIE AGORA SEU LAYOUT PARA  [email_address]

Mais conteúdo relacionado

Mais procurados

PUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de UsabilidadePUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de Usabilidade
Neca Boullosa
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
mrseo
 
A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]
José Marques
 
Sawary - Website
Sawary - WebsiteSawary - Website
Sawary - Website
Insula_2012
 

Mais procurados (20)

Web Design > Usabilidade
Web Design > UsabilidadeWeb Design > Usabilidade
Web Design > Usabilidade
 
PUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de UsabilidadePUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de Usabilidade
 
Design responsivo
Design responsivoDesign responsivo
Design responsivo
 
Webdesign Revisão 2019-01
Webdesign Revisão 2019-01Webdesign Revisão 2019-01
Webdesign Revisão 2019-01
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraente
 
[15elw] Não faça apenas o layout. Surpreenda seu cliente e seu chefe.
[15elw] Não faça apenas o layout. Surpreenda seu cliente e seu chefe.[15elw] Não faça apenas o layout. Surpreenda seu cliente e seu chefe.
[15elw] Não faça apenas o layout. Surpreenda seu cliente e seu chefe.
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Palestra E- commerce School
Palestra E- commerce SchoolPalestra E- commerce School
Palestra E- commerce School
 
15 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site
15 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site15 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site
15 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site
 
A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]
 
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelWeb design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptável
 
Sawary - Website
Sawary - WebsiteSawary - Website
Sawary - Website
 
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhosSites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
 
Responsive Design - Introdução
Responsive Design - IntroduçãoResponsive Design - Introdução
Responsive Design - Introdução
 
Como criar um site
Como criar um siteComo criar um site
Como criar um site
 
Create website pt
Create website   ptCreate website   pt
Create website pt
 
10 acoes
10 acoes10 acoes
10 acoes
 
Navegação e arquitetura de informação
Navegação e arquitetura de informaçãoNavegação e arquitetura de informação
Navegação e arquitetura de informação
 

Destaque

Criando banner
Criando bannerCriando banner
Criando banner
Jf steel
 
FTPI Digital - Como a gente pensa a mídia interativa?
FTPI Digital - Como a gente pensa a mídia interativa?FTPI Digital - Como a gente pensa a mídia interativa?
FTPI Digital - Como a gente pensa a mídia interativa?
gus.mafra
 
Aprenda a fazer um pôster ou banner
Aprenda a fazer um pôster ou bannerAprenda a fazer um pôster ou banner
Aprenda a fazer um pôster ou banner
isanete
 
Como preparar um Painel Científico (BANNER)
Como preparar um Painel Científico (BANNER)Como preparar um Painel Científico (BANNER)
Como preparar um Painel Científico (BANNER)
Valquiria1003
 

Destaque (16)

Criando banner
Criando bannerCriando banner
Criando banner
 
ithink 2009 - Social Media é a resposta para o banner blindness?
ithink 2009 - Social Media é a resposta para o banner blindness?ithink 2009 - Social Media é a resposta para o banner blindness?
ithink 2009 - Social Media é a resposta para o banner blindness?
 
COMO SALVAR A ARTE
COMO SALVAR A ARTECOMO SALVAR A ARTE
COMO SALVAR A ARTE
 
FTPI Digital - Como a gente pensa a mídia interativa?
FTPI Digital - Como a gente pensa a mídia interativa?FTPI Digital - Como a gente pensa a mídia interativa?
FTPI Digital - Como a gente pensa a mídia interativa?
 
Guia senatore banner
Guia senatore bannerGuia senatore banner
Guia senatore banner
 
Boas práticas na elaboração de Posters
Boas práticas na elaboração de PostersBoas práticas na elaboração de Posters
Boas práticas na elaboração de Posters
 
Poster Educomunicadores para Encontro Educom 2013
Poster Educomunicadores para Encontro Educom 2013Poster Educomunicadores para Encontro Educom 2013
Poster Educomunicadores para Encontro Educom 2013
 
Comunicação em saúde
Comunicação em saúdeComunicação em saúde
Comunicação em saúde
 
O que é o Facebook? Aprenda a usar essa ferramenta de social media.
O que é o Facebook? Aprenda a usar essa ferramenta de social media.O que é o Facebook? Aprenda a usar essa ferramenta de social media.
O que é o Facebook? Aprenda a usar essa ferramenta de social media.
 
Como Elaborar um Pôster
Como Elaborar um PôsterComo Elaborar um Pôster
Como Elaborar um Pôster
 
Poster Of Former Movies - Unforgettable films and musics
Poster Of Former Movies - Unforgettable  films  and musicsPoster Of Former Movies - Unforgettable  films  and musics
Poster Of Former Movies - Unforgettable films and musics
 
Mídia Online - ESPM Marketing Digital - aula 9
Mídia Online - ESPM Marketing Digital - aula 9Mídia Online - ESPM Marketing Digital - aula 9
Mídia Online - ESPM Marketing Digital - aula 9
 
10 dicas para criar um banner funcional
10 dicas para criar um banner funcional10 dicas para criar um banner funcional
10 dicas para criar um banner funcional
 
Pesquisa De Campo
Pesquisa De CampoPesquisa De Campo
Pesquisa De Campo
 
Aprenda a fazer um pôster ou banner
Aprenda a fazer um pôster ou bannerAprenda a fazer um pôster ou banner
Aprenda a fazer um pôster ou banner
 
Como preparar um Painel Científico (BANNER)
Como preparar um Painel Científico (BANNER)Como preparar um Painel Científico (BANNER)
Como preparar um Painel Científico (BANNER)
 

Semelhante a Manual Para Site

2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
Neca Boullosa
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
ssuser595b1e1
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digital
ana
 
Plano para website
Plano para websitePlano para website
Plano para website
Joel Matos
 
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
Renata Tibiriçá
 
Guidelines e Boas Práticas
Guidelines e Boas PráticasGuidelines e Boas Práticas
Guidelines e Boas Práticas
duradez
 

Semelhante a Manual Para Site (20)

Jimdo em Teresina 2014
Jimdo em Teresina 2014Jimdo em Teresina 2014
Jimdo em Teresina 2014
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Como montar um projeto de usabilidade
Como montar um projeto de usabilidadeComo montar um projeto de usabilidade
Como montar um projeto de usabilidade
 
Formatos Da Web
Formatos Da WebFormatos Da Web
Formatos Da Web
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
JM_DIGITAL-ebook_completo.pdf
JM_DIGITAL-ebook_completo.pdfJM_DIGITAL-ebook_completo.pdf
JM_DIGITAL-ebook_completo.pdf
 
JM_DIGITAL-ebook_completo.pdf
JM_DIGITAL-ebook_completo.pdfJM_DIGITAL-ebook_completo.pdf
JM_DIGITAL-ebook_completo.pdf
 
Capitulo 11 Livro Nielsen
Capitulo 11 Livro NielsenCapitulo 11 Livro Nielsen
Capitulo 11 Livro Nielsen
 
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença Digital
 
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
 
02 - Introdução a Projetos parte 2 - v1.0
02 - Introdução a Projetos parte 2 - v1.002 - Introdução a Projetos parte 2 - v1.0
02 - Introdução a Projetos parte 2 - v1.0
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
 
Workshop de SEO para Startups
Workshop  de SEO para StartupsWorkshop  de SEO para Startups
Workshop de SEO para Startups
 
659 html
659 html659 html
659 html
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digital
 
Plano para website
Plano para websitePlano para website
Plano para website
 
Etapas Produtivas Website
Etapas Produtivas WebsiteEtapas Produtivas Website
Etapas Produtivas Website
 
6 Elementos essenciais na criação de sites
6 Elementos essenciais na criação de sites6 Elementos essenciais na criação de sites
6 Elementos essenciais na criação de sites
 
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
 
Guidelines e Boas Práticas
Guidelines e Boas PráticasGuidelines e Boas Práticas
Guidelines e Boas Práticas
 

Manual Para Site

  • 1. MANUAL PARA DESIGN DE WEBSITES DE SUCESSO Dezembro/09
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. DESIGN É CREDIBILIDADE Seu site deve projetar não só uma boa imagem, mas também a imagem certa para a sua audiência Qual desses 2 layouts tem maior credibilidade para você? Site da Fiat em 1996 Site da Fiat em 2009
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. www.domitri.net ENVIE AGORA SEU LAYOUT PARA [email_address]