HelpMasters - Multiplicando Ideias

Curta nossa página no Facebook para receber atualizações!



Voltaremos a postar tutoriais inovadores em 04/4

Práticas essenciais para construir ou reformar websites


Olá todos. Projetar websites exige uma série de passos que antecedem o desenvolvimento em si. Uma boa análise prévia pode ser composta por Wireframes, Briefings, em alguns casos DERs e UML. Porém elaborei neste artigo adaptado, com base nas já conhecidas Leis de Nielsen , uma relação de boas práticas para quem deseja construir ou reformar websites.

É extremamente importante lembrar que a criação de mídias interativas para clientes do tipo institucional ou comércio requer uma extensa análise que vai de cores à número de páginas, tais como:

  1. Análise de público alvo: Que linguagem utilizar? O que dizer? Como dizer? Como projetar a navegação?
  2. Análise de cliente: usar esta ilustração? Esta fonte está adequada? Necessita desse recurso? A cor ficou adequada? Como atingir o que ele precisa?
  3. Análise de mercado:Os concorrentes estão dizendo o que? E como estão dizendo? E os casos de sucesso? E os casos de fracasso?
  4. Público não-alvo: O que irão fazer neste site? OF site é claro? Foi útil de que forma?

I. Página Inicial: Bem vindo! (ou "Mal Vindo")

Ela é a principal responsável por dizer se o internauta vai continuar a visita no site ou nunca mais vai voltar, os usuários costumam ser radicais. É o portão de entrada, é a primeira impressão que vai ficar. Deve estar elegante, prática, clara, e principalmente, fornecer o que o usuário procura. Se ela desagradar ao primeiro encontro, adeus você!

Logomarca:

Como de praxe, fica sempre no lado esquerdo no topo do site, tamanho maior que qualquer outro elemento e em 90% dos casos ligando à página inicial. O desenvolvimento de sites não tem a ver diretamente com a atividade de branding, mas a logomarca deve dizer claramente a natureza do negócio, ex: O Carrão – venda e aluguel de automóveis.

Busca:

Sempre no topo, porém à direita. Não tem obrigação nenhuma de estar alinhada com a logomarca, mas é vital que esteja no topo porque é onde o usuário vai procurá-la. A melhor busca não é a que traz maior número de resultados, é sim aquela que traz resultados mais próximos do que o usuário procura. Nada de botões “>” ou “ir”. Os resultados devem ser apresentados com título em azul, negrito, um resumo do que se trata e o link escrito na tela logo abaixo, para dar oportunidade ao usuário acessar diretamente. Ex.: simplesmente o Google.

Opções de acessibilidade:

È um dever do desenvolvedor dar à todos a oportunidade de acesso ao site, reduzindo as limitações que eles tiverem. Se o mouse está quebrado, o teclado deve permitir uma navegação mesmo que parcial. Se a visão é míope, o texto pode ser lido em tamanho maior. Recursos de acessibilidade devem estar à mão do usuário num simples clique, localizados preferencialmente no topo.

Floaters e pop-ups:

Usar em casos de extrema necessidade. Eles são propagandas invasivas e na maioria dos casos inconvenientes. Portanto não se deve deixar que animações cheias de movimentos radicais ou cores em excesso tomem conta da tela, nem de 5% dela, isto irrita, e o botão de Fechar deve estar muito bem destacado.

Notícias / Novidades:

É comum as pessoas acharem que pode fazer do site uma fonte de informação ao internauta, uma mini agência de notícias. Notícias só devem existir se realmente a sua informação importar ao seu publico alvo, do contrário é preferível um espaço vazio do que textos “enche-linguiça” que ficarão enfeitando e acumulando poeira por lá.

Área Destaque (Imagem ou Flash):

Destaque realmente precisa estar em destaque, senão ele se auto-elimina. Em casos comuns o destaque exibe informação inútil. Portanto, só deve ser destaque o que merece ser destacado.

Newsletter:

Cabe aqui a mesma regra colocada para notícias, porém a coisa é um tanto mais séria. O que mais enche a paciência dos usuários da Internet é receber informação que não lhes interessa em forma de cartinhas digitais, folhetos com imagens enormes, informativos sobre produtos, novidades de loja, etc. Portanto, a questão é: o público do site precisa REALMENTE receber informativos seus? Se for um site de alguma loja (por exemplo: Americanas.com) pode ser bem importante ter esta seção no site. Ela deve aparecer nas laterais da página inicial. Não esquecer do botão de retirar da lista o e-mail do usuário, ou o seu cliente acabará virando um spammer.

Rodapé:

Deve informar onde fisicamente se encontra o dono/empresa do site, isso dá confiança ao negócio. Se o site possuir formulários que coletem dados dos visitantes é obrigatório que você esclareça como estes dados são coletados, para onde vão e o objetivo de coletá-los, através de uma Política de Privacidade. Uma Ajuda é muito importante também. Se o site possuir parceiros, colaboradores, ou créditos, aqui é o local onde eles devem ser mostrados.

II. Quem é você?

E o que faz? qual a sua intenção? Dizer isso é básico! se o site for simples demais é recomendado que este tipo de apresentação esteja na própria página inicial, esteticamente elegante. Quando conhecemos uma pessoa, nos apresentamos (ou somos apresentados) e dizemos o que fazemos da vida. Isto é esclarecedor e muito útil. O conteúdo precisa ser extramamente claro e objetivo. Se quer falar muito, então divida o texto em partes como: “História”, “Passado”, “Um pouco mais”, etc. Não cansar o usuário é uma meta também.


Uma foto (da empresa ou sua) e uma linguagem descontraída cabem bem aqui, o formalismo tem deixado de ser uma característica dos sites, ele é seco, frio e artificial, o usuário quer sentir um ambiente amigo, confortável e simpático. Porém é preferível formalidade do que humor sem graça.

III. O que você já fez?

É a hora de se exibir casos de sucesso, experiências passadas, portfólio, etc.


De um modo geral isso é obrigatório se o(a) empresa/dono quiser obter resultados positivos com o site. Esta seção é uma chance de mostrar um passado de vitórias e bons momentos; passar credibilidade.

IV. Ajuda

Como eu disse antes, usuários são radicais na internet. Dê uma chance pra ele pedir socorro caso não esteja achando algo no site ou passando por dificuldades devido à erros ou instabilidades de navegação. Use formulários, FAQ, atendimento online, ajuda demais não atrapalha. Todo mundo quer ser bem servido. Mas é preciso responder com simpatia o contato feito pelo visitante, somente receber a mensagem dele não adiantará de nada.

V. Contato

É vital que o internauta tenha a possibilidade de entrar em contato com a empresa/dono do site via formulário de contato. O contato é a parte principal do site, dependendo de como ele esteja apresentado na página, o dono do site pode perder ou ganhar oportunidade$ de ouro . Se não for possível uma programação para implantar um formulário, deve se exibir um endereço, um telefone, e todos os meios possíveis de se encontrar o seu negócio, nem que seja por sinal de fogo.


Link de correio eletrônico “mailto” JAMAIS! ninguém deve ser obrigado a ter um cliente de e-mail instalado e configurado para entrar em contato por este site.

Observações:

Este é simplesmente um resumo das regras de construção dos websites com base no J. Nielsen. De fato um projeto certamente engloba aspectos bem mais detalhados, que vão além do abordado aqui. A tentativa aqui não foi de sobrepor ou reinventar conceitos já estudados e apresentados por autoridades no assunto como Nielsen, mas reforçá-los

+ Indico o seguinte material para complementar este artigo:
Felipe Memória – Projetando a Experiência Perfeita

Até a próxima ;)

Data de publicação: sexta-feira,18 de dezembro de 2009

1006 Vizualizações

Tags:           

Seja o primeiro a comentar !

Comente :




Henrique Araujo

Henrique Araujo

Web designer há 7 anos, formado em Sistemas de Informação é atualmente analista de sistemas Outsourcing da IVIA (www.ivia.com.br) e desenvolvedor freelancer para Web. É também, de forma complementar, programador Javascript, PHP e ASP.

Site | Email | Artigos : 3


www.HelpMasters.com.br | Todos os direitos reservados Like Box