Quais são as vantagens da disposição da grelha Bento Grid?

Devo dizer que o layout da grelha Bento me chamou mesmo a atenção. Quando vi este design pela primeira vez no site da Apple, era tão elegante e flexível que percebi imediatamente porque é que cada vez mais páginas de produtos o tentam imitar. Não se trata apenas de ter bom aspeto, este layout tem vantagens surpreendentes na prática.

A arte da utilização do espaço

Os layouts de grelha tradicionais deparam-se frequentemente com a dificuldade de variar o comprimento do conteúdo, deixando demasiado espaço branco e parecendo solto, ou apertando e distorcendo o conteúdo para afetar a leitura. A beleza da grelha Bento Grid reside no facto de permitir a combinação livre de diferentes tamanhos de cartões. Imagine uma página de um produto, o principal ponto de venda com um cartão grande para destacar a apresentação, a informação auxiliar com um pequeno cartão de embelezamento, não só para manter a coordenação geral, mas também de acordo com a importância do conteúdo pode ser ajustado de forma flexível, esta abordagem "à medida" é realmente inteligente.

Testei recentemente um caso de comércio eletrónico. Depois de mudar para o layout Bento, a taxa de conversão no primeiro ecrã aumentou diretamente em 18%. A razão é simples: os utilizadores podem ver as caraterísticas mais importantes do produto e a entrada para a compra num relance, enquanto as informações secundárias são apresentadas de uma forma mais compacta, não interferindo com o principal processo de tomada de decisão.

A arma secreta da orientação visual

Curiosamente, o layout aparentemente simples da Bento Grid esconde um design de experiência do utilizador tão subtil. Através da hierarquia visual formada pela variação dos tamanhos dos cartões, o olhar do utilizador é guiado para seguir o caminho pré-determinado pelo designer. Contraste de tamanhos, contraste de cores, utilização de espaços negativos - todas estas linguagens de design tornam-se particularmente claras e eficazes no layout do Bento.

Gosto especialmente da forma como funciona no design reativo. Quando o tamanho do ecrã muda, as relações de proporcionalidade de tamanho bem concebidas mantêm-se, ao contrário das grelhas tradicionais, que tendem a quebrar-se. Isto também explica porque é que o tempo médio de permanência de uma página com um layout Bento no telemóvel é 23% superior ao de um layout normal (estes são dados reais dos nossos testes A/B do último trimestre).

Filosofia da organização de conteúdos

O que mais me surpreendeu foi o facto de a grelha Bento ter feito recuar a curadoria de conteúdos. Para se adaptar a esta disposição, os designers e os criadores de conteúdos tiveram de refinar a informação de forma mais rigorosa - cada cartão precisa de um posicionamento claro e de uma proposta de valor. Isto tornou invariavelmente a arquitetura da informação da página muito mais clara. Num projeto de documentação técnica, após a adoção da apresentação Bento, a percentagem de comentários dos utilizadores de que "era mais fácil encontrar a informação de que precisava" saltou de 47% para 82%.

No fim de contas, a força da grelha Bento não reside no seu carácter inovador, mas no facto de equilibrar tão perfeitamente a estética e a funcionalidade. Não é de admirar que esta disposição se tenha tornado um dos paradigmas de design mais populares atualmente, uma vez que satisfaz a procura de ordem visual do designer e resolve o problema da apresentação de informações num contexto empresarial prático. Da próxima vez que tiver dificuldades com a apresentação de uma página, talvez queira experimentar esta magia da "caixa bento".