Dica: Passos para montar um site na medida certa

[Pedro Sodre]

Antes de iniciar o post, gostaria de dizer que fiquei um tempo sem postar dicas/tutoriais por conta de uma cópia feita em outro blog, e mesmo com o pedido de retirada ou adição dos créditos o mesmo não fez. Gostaria de pedir que todos que forem utilizar em outros sites/blogs adicione ao final os créditos, "Pedro Souza - www.pedrosodre.net". Obrigado.

Para criar um site de boa usabilidade não basta dominar os softwares gráficos da área, mas é preciso também seguir uma série de requesitos para que seu site fique de boa qualidade e usabilidade. Confira então algumas dicas feitas por mim, que atuo também fortemente na área de desenvolvimento para itens voltados para a internet.

Link do post: http://alternativehost.com.br/blog/?p=37

Dica 1. Criatividade: A criatividade é o requesito mais básico para se produzir um website simples, elegante e interativo. Libere sua criatividade e confira o resultado surpreendente.

Dica 2. Navegabilidade: O nível de navegabilidade é um fator muito importante de um site. É preciso levar em consideração o que as pessoas irão procurar quando acessarem seu site, e como tornar essa busca mais algo fácil, o máximo de facilidade possível. Faça um projeto com todas as possíveis seções e subseções que o seu site possa a vir ter e organize-as de modo que todas as páginas fiquem fácilmente acessíveis, de modo que seja preciso no máximo 3 ou 4 cliques para se acessar uma página.

Dica 3. Público-alvo: Ao iniciar um projeto de website, faça uma pesquisa do público que acessará este site, para que você utilize as ferramentas e recursos certos.

Dica 4. Crie uma identidade visual: Uma vez definido o layout do site, é necessário criar sua identidade visual. Crie regras de design, usando CSS como tipologia e tamanho das letras, posicionamento do menu, posicionamento do logotipo, etc.

Dica 5. Página inicial (index): Como já diz o ditado “a primeira impressão é a que fica”, capriche na sua página inicial, se não você perderá um visitante logo na porta de entrada.

Dica 6. Quantidade de imagens: Não exagere nas figuras. Em geral é recomendável atribuir de 5% a 20% do espaço da página as imagens, para que não haja poluoção visual em seu website.

Dica 7. Peso ideal: Cuidado com o tamanho do seu site. Em geral o tamanho médio é de 80Kb. Leve em consideração que nem todos que possuem internet tem uma boa velocidade de conexão com a internet.

Dica 8. Imagens para a Web: Escolha as configurações certas para uma imagem a ser utilizada em seu site. A resolução, o tamanho e o tipo do arquivo são muitos importantes na hora de se carregar a página.

Dica 9. Logotipo no lugar certo: Todo site deve incluir um logotipo no canto superior esquerdo das páginas e possuir um link para a página inicial do site.

Dica 10. Página “Fale Conosco”: Inclua um link a uma página de contato logo em sua página inicial para estimular o contato direto entre os visitantes e sua empresa/negócio/site pessoal. É interessante incluir outras informações de contato além de um formulário como endereço, telefone e e-mail.

- Lembre-se: não é permitido a cópia deste artigo para outros blogs sem citar os devidos créditos (informados ao fim do artigo) -

Dica 11. Homogeneidade: empregar letras maiúsculas e outros padrões de estilo com cosistência, evitando váriações bruscas.

Dica 12. Acesso rápido: procure um bom provedor de hospedagem para hospedar seu site, dando preferência a um servidor nacional de seu país. Brasileiros não deixem de conferir os planos da Alternative Host.

Dica 13. Inclua um mecanismo de pesquisa: O mecanismo de busca é um elemento importante nos sites pois facilita a localização de informações específicas no seu site.

Dica 14. Tome cuidado com barras de rolagem: evite a rolagem na horizontal, muitos não utilizam, não percebem e desconhece dessa barra ao entrar em um site.

Dica 15. Página “Sobre nós”: Inclua um link de uma página sobre o seu site pessoal/negócio/empresa direto da página de entrada, ofereça ao visitante uma visão geral deste com detalhes relevantes.

Dica 16. Uso adequado das cores e suas combinações: Procure escolher cores e combinações certas, que caiam bem visualmente e que combinem com sua logo e com seus serviços.

Dica 17. Evite exageros: Muitos navegantes odeiam exageros, então evite esse tipo de exagero em seu site, como por exemplo um banner enorme rosa em um site azul e branco.

Dica 18. Títulos objetivos: Inicie o título de cada página com uma palavra que resuma a informação contida abaixo, dando um aspecto objetivo e direto ao site.

Dica 19. Seja objetivo: Em suas páginas e textos evite desviar o assunto e seja o mais objetivo possível, mas lembre-se, ser objetivo não significa ser precário na hora dos detalhes.

Dica 20. Avalie e confira seu site: Depois de pronto, verifique todos os detalhes e textos do site, evite deixar erros que apresenta ao visitante uma marca de “não profissionalismo”.

Faça o teste com seu site, verifique as 20 dicas e veja a quantas delas o seu site atende. Eu fiz também, o website da Alternatie Host (www.alternativehost.com.br/site) e o resultado foi “16/20 ou 80%”.

Fez o teste? Ficou triste com o resultado? Lembre-se: Nem sempre um resultado baixo significa que seu site está ruim, mas alguns requesitos citados acima são básicos, um resultado mínimo seria de 30%.

Grande abraço a todos!

[jorgefilho]

excelentes dicas, parabéns

[Cleiton Garcia]

Parabéns Pedroca,

No final do tópico diz sobre uma pesquisa, vou fazer uma aqui no fórum só pra ver! =)

[Pedro Sodre]

Parabéns Pedroca,

No final do tópico diz sobre uma pesquisa, vou fazer uma aqui no fórum só pra ver! =)

Opa, faz sim e poste o resultado, apesar de que as dicas são direcionadas a sites, acho que funciona paa blogs e fóruns, abraços

[André Van Dal]

A skin do fórum foi desenvolvida por mim, eu não uso essas regras a risca porque tudo depende do público alvo.

Sobre o fórum, fiz para ficar igual o blog e até que ficou legal. Em breve uma atualização porque já achei uns bugs.

[cryptowhale]

Antes de iniciar o post, gostaria de dizer que fiquei um tempo sem postar dicas/tutoriais por conta de uma cópia feita em outro blog, e mesmo com o pedido de retirada ou adição dos créditos o mesmo não fez. Gostaria de pedir que todos que forem utilizar em outros sites/blogs adicione ao final os créditos, "Pedro Souza - www.pedrosodre.net". Obrigado.

Para criar um site de boa usabilidade não basta dominar os softwares gráficos da área, mas é preciso também seguir uma série de requesitos para que seu site fique de boa qualidade e usabilidade. Confira então algumas dicas feitas por mim, que atuo também fortemente na área de desenvolvimento para itens voltados para a internet.

Link do post: http://alternativehost.com.br/blog/?p=37

Dica 1. Criatividade: A criatividade é o requesito mais básico para se produzir um website simples, elegante e interativo. Libere sua criatividade e confira o resultado surpreendente.

Dica 2. Navegabilidade: O nível de navegabilidade é um fator muito importante de um site. É preciso levar em consideração o que as pessoas irão procurar quando acessarem seu site, e como tornar essa busca mais algo fácil, o máximo de facilidade possível. Faça um projeto com todas as possíveis seções e subseções que o seu site possa a vir ter e organize-as de modo que todas as páginas fiquem fácilmente acessíveis, de modo que seja preciso no máximo 3 ou 4 cliques para se acessar uma página.

Dica 3. Público-alvo: Ao iniciar um projeto de website, faça uma pesquisa do público que acessará este site, para que você utilize as ferramentas e recursos certos.

Dica 4. Crie uma identidade visual: Uma vez definido o layout do site, é necessário criar sua identidade visual. Crie regras de design, usando CSS como tipologia e tamanho das letras, posicionamento do menu, posicionamento do logotipo, etc.

Dica 5. Página inicial (index): Como já diz o ditado “a primeira impressão é a que fica”, capriche na sua página inicial, se não você perderá um visitante logo na porta de entrada.

Dica 6. Quantidade de imagens: Não exagere nas figuras. Em geral é recomendável atribuir de 5% a 20% do espaço da página as imagens, para que não haja poluoção visual em seu website.

Dica 7. Peso ideal: Cuidado com o tamanho do seu site. Em geral o tamanho médio é de 80Kb. Leve em consideração que nem todos que possuem internet tem uma boa velocidade de conexão com a internet.

Dica 8. Imagens para a Web: Escolha as configurações certas para uma imagem a ser utilizada em seu site. A resolução, o tamanho e o tipo do arquivo são muitos importantes na hora de se carregar a página.

Dica 9. Logotipo no lugar certo: Todo site deve incluir um logotipo no canto superior esquerdo das páginas e possuir um link para a página inicial do site.

Dica 10. Página “Fale Conosco”: Inclua um link a uma página de contato logo em sua página inicial para estimular o contato direto entre os visitantes e sua empresa/negócio/site pessoal. É interessante incluir outras informações de contato além de um formulário como endereço, telefone e e-mail.

- Lembre-se: não é permitido a cópia deste artigo para outros blogs sem citar os devidos créditos (informados ao fim do artigo) -

Dica 11. Homogeneidade: empregar letras maiúsculas e outros padrões de estilo com cosistência, evitando váriações bruscas.

Dica 12. Acesso rápido: procure um bom provedor de hospedagem para hospedar seu site, dando preferência a um servidor nacional de seu país. Brasileiros não deixem de conferir os planos da Alternative Host.

Dica 13. Inclua um mecanismo de pesquisa: O mecanismo de busca é um elemento importante nos sites pois facilita a localização de informações específicas no seu site.

Dica 14. Tome cuidado com barras de rolagem: evite a rolagem na horizontal, muitos não utilizam, não percebem e desconhece dessa barra ao entrar em um site.

Dica 15. Página “Sobre nós”: Inclua um link de uma página sobre o seu site pessoal/negócio/empresa direto da página de entrada, ofereça ao visitante uma visão geral deste com detalhes relevantes.

Dica 16. Uso adequado das cores e suas combinações: Procure escolher cores e combinações certas, que caiam bem visualmente e que combinem com sua logo e com seus serviços.

Dica 17. Evite exageros: Muitos navegantes odeiam exageros, então evite esse tipo de exagero em seu site, como por exemplo um banner enorme rosa em um site azul e branco.

Dica 18. Títulos objetivos: Inicie o título de cada página com uma palavra que resuma a informação contida abaixo, dando um aspecto objetivo e direto ao site.

Dica 19. Seja objetivo: Em suas páginas e textos evite desviar o assunto e seja o mais objetivo possível, mas lembre-se, ser objetivo não significa ser precário na hora dos detalhes.

Dica 20. Avalie e confira seu site: Depois de pronto, verifique todos os detalhes e textos do site, evite deixar erros que apresenta ao visitante uma marca de “não profissionalismo”.

Faça o teste com seu site, verifique as 20 dicas e veja a quantas delas o seu site atende. Eu fiz também, o website da Alternatie Host (www.alternativehost.com.br/site) e o resultado foi “16/20 ou 80%”.

Fez o teste? Ficou triste com o resultado? Lembre-se: Nem sempre um resultado baixo significa que seu site está ruim, mas alguns requesitos citados acima são básicos, um resultado mínimo seria de 30%.

Grande abraço a todos!

Excelentes dicas. Seu layout está muito bom, melhor do que aqueles layouts prontos que vemos por aí.

O importante é ter um layout único, pois isso valoriza a marca.

[Medim Host]

A skin do fórum foi desenvolvida por mim, eu não uso essas regras a risca porque tudo depende do público alvo.

Sobre o fórum, fiz para ficar igual o blog e até que ficou legal. Em breve uma atualização porque já achei uns bugs.

Gostei deste novo layout do forum.. tava esperando um momento para te parabenizar.. ja que tocou no assunto.. Parabens!

(so ontem que fui até o rodapé do forum e vi que foi voce que desenvolveu.. ficou muito bom..) - Quando voce disse no outro post sobre CSS3D.. seria aquilo que voce utilizou nos creditos do rodapé do forum?

[Pedro Sodre]

A skin do fórum foi desenvolvida por mim, eu não uso essas regras a risca porque tudo depende do público alvo.

Sobre o fórum, fiz para ficar igual o blog e até que ficou legal. Em breve uma atualização porque já achei uns bugs.

Bom, foi o que eu disse, eu fiz as "regras", que seriam mais dicas, pensando em sites, não em fóruns, mas realmente este layout ficou muito bom!

Gente, vamos buscar não fujir do assunto do tópico :)

[Jordan Miguel]

Parabéns Pedro!! Excelente dicas!

[Andre Medeiros]

Parabèns Pedro !!

Valeu pelas dicas ;)