Semanalmente acontece no Instituto uma reunião técnica, onde podemos compartilhar conteúdo e informações que consideremos relevantes a todos nós. Na primeira edição dessa reunião, pude apresentar o resultado de uma pesquisa que tinha como foco sites com alguma conexão com nosso trabalho —por exemplo, softwares opensource (Alfresco, Drupal, Jaspersoft, Moodle, Plone, Ubuntu), grupos que suportam projetos open source (Actuate, Apache, Jedox) e um sistema de formulários já consolidado (Survey Monkey) (sites visitados em 16 de novembro de 2010).
O objetivo de tal pesquisa era chegar a um esboço estrutural do futuro site do Mootiro, já que ele contará com conteúdos diversos e dinâmicos, diferente do que acontece no site do Instituto.
Como apoio a pesquisa, usei como referência o livro Homepage: Usabilidade — 50 websites desconstruídos, de Jakob Nielsen e Marie Tahir. Embora o livro leve em consideração questões de usabilidade pura —esquecendo, por exemplo, que o apelo visual do site também influencia na interação com o usuário—, os dados nele apresentados foram extremamente úteis, principalmente quando cruzados com as informações visuais recolhidas dos sites anteriormente citados.
Para análise, escolhi dividir a página inicial de cada site em seções que receberam cores diferentes. Assim, na sobreposição dos diagramas de cada site, pode-se ver o padrão de posicionamento de cada uma.
Exemplo de posicionamento das seções em Jaspersoft.com:
Diagramas de posicionamento:
Logo
Menu principal
Menu principal extendido (no qual os links do menu principal são mostrados sem a necessidade de interação)
Outros tipos de menu
Sobre (seção na qual se explica o que é/o que faz a empresa ou ferramenta)
Downloads
Atualização
Login
Busca
Notícias
Eventos
Disclaimer (avisos e termos de responsabilidade)
Idiomas
Contato
Parceiros
No geral, vemos que os sites apresentam tanto características boas (como localização do logo condizente com a direção de leitura, menus principais que se encontram sempre no topo da página, etc) quanto ruins (falta recorrente de link direto para contato, ou menus extendidos que são na verdade apenas uma repetição do menu principal, etc). O que mais pode-se tirar dessa pesquisa é o quão complexo pode ser a estruturação de um site que contém informações diversas e dinâmicas. O erro recorrente de alguns deles é se ater a uma estrutura estática que não é a mais adequada para esses conteúdos.
Nesse sentido, acredito que uma solução simples, que preza pela boa usabilidade do usuário ao mesmo tempo que apresenta-se visualmente agradável, é a construção em módulos que seguem um grid pré-estabelecido. Assim, as seções do site podem ser distribuidas hierarquicamente pela página, realocadas, preencher dois módulos se necessário… O esboço a seguir foi o resultado dessa pesquisa, que servirá no futuro como guia para a construção do site.
2 Comments
Eu recomendaria o livro “Dont make me think” sobre usabilidade e experiência de usuário em sites. Ele relata bem esse objetivo de fazer o site ser intuitivo e fácil para o usuário.
Discordo que o modelo grid seja o melhor para o tipo de página que você busca. Um grid tem como função não privilegiar qualquer parte do conteúdo (é bom para listar projetos), mas é péssimo para direcionar o usuário.
Eu optaria por uma abordagem mais simples, dando destaque para apenas duas opções: algo como ‘Saiba mais sobre o projeto” e “Participe com sua idéia”. A partir daí, guiaria o visitante pelas outras seções do site. :)
Costumo dizer que o excesso de opções em um site é algo prejudicial, pois confunde o usuário; para mim, vocês acabaram cometendo esse erro na página inicial do projeto.
Abraços!
Oi, Leonardo!
Como escrevemos no post, às vezes uma seção poderia pegar dois “pedaços” do grid, ou mais, e assim alguns assuntos seriam privilegiados, sim, e aí teríamos o direcionamento que você citou.
Mesmo o exemplo que você citou como melhor solução (o “Saiba mais + Participe) não impede a aplicação de um grid. Na época ainda estávamos decidindo o conteúdo, portanto os exemplos na imagem eram hipotéticos, mais para lembrar-nos do que poderia aparecer ali :-)
De qualquer maneira, escrevemos isso em dezembro, e agora nossa identidade entre sites está tomando corpo, então ele provavelmente não parecerá muito com esse exemplo que fizemos.
Abraços!