Dicas e truques para o desenvolvimento de sites #2

Já falamos aqui no blog anteriormente algumas dicas e truques para desenvolvimento de sites, esse post pode vir a se tornar constante por aqui. No post anterior falamos bastante sobre SEO, Semântica e Redes Sociais. Neste, entretanto, falaremos um pouco mais sobre o design e a diagramação do site e como ele afeta a navegação.

Não é preciso justificar nem explicar o poder do design na relação diária de cada individuo, essa persuasão acontece em qualquer segmento incluindo a web. Muito da eficiência do design vêm da cultura ou aspectos tradicionais, exemplo:

• Tradicionalmente menus de navegação ficam na parte superior em formato horizontal ou vertical.

Nesse caso, se seu design for planejado com menu de navegação diferenciado, poderá ter resultados um pouco (ou muito) abaixo do planejado. Claro que isso não é uma regra exata, existem determinados períodos de tempo no qual uma determinada ação acaba se superando e alterando a cultura, um grande exemplo disso é o Facebook, que com a força que ganhou nos últimos anos acabou trazendo formatos inovadores de diagramação de itens web, como a “rolagem infinita” do conteúdo através de jquery e ajax.

Basicamente o que quero dizer é que ao planejar a diagramação e o layout do seu website você deve pensar nos aspectos culturais, mas sem deixar de lado a inovação. Para que isso aconteça você precisa pesquisar bastante e obter muitas informações sobre usabilidade e tendências de tudo que está acontecendo atualmente nos sites pelo mundo (ou no mínimo do seu segmento de atuação).

Busque manter o conceito básico de usabilidade dentro do desenho gráfico do site, ou seja, uma navegação intuitiva. Seja por ícones ou posicionamento dos links, seu conteúdo deve ser de fácil entendimento para que o usuário tenha uma navegação fluida.

Para trabalhar isso após a execução do projeto você pode utilizar “Teste A/B” (consiste baiscamente em fazer duas ou mais páginas do mesmo conteúdo com diagramação e design diferentes para analisar qual delas efetivamente trás maior resultado) ou a utilização de ferramentas de “Heatmaps” (mapas de cliques) para analisar as áreas com maiores índices de cliques no seu website.

Pensando assim o trabalho se torna constante em aprimoramento do design e interface do seu site e esse seria o cenário ideal para estar em constante evolução e maximização dos resultados.

Atualmente o Google Analytics já tem uma área para informar “Heatmaps”, encontra-se em: Analytics/Conteúdo/Google Analytics na página.

Veja que até agora falamos de design como forma de diagramar conteúdo e não de como desenhá-lo, pois esta parte é extremamente mais flexível e invariável. Ao pensar no desenho do site você deve, primordialmente, ser original. Busque um grafismo de interação, porém nunca se esqueça da parte técnica também (recorte de imagens, formatos de arquivos, tamanho em bytes, etc...).

Espero que as dicas sejam uteis, aguardo considerações nos comentários.