¿Cuáles son las ventajas de la disposición Bento Grid?

Tengo que decir que el diseño Bento Grid me llamó mucho la atención. Cuando vi por primera vez este diseño en el sitio web de Apple, me pareció tan cuidado y flexible que comprendí al instante por qué cada vez más páginas de productos intentan imitarlo. No se trata sólo de que quede bien, este diseño tiene ventajas sorprendentes en la práctica.

El arte de aprovechar el espacio

Los diseños de cuadrícula tradicionales a menudo se encuentran con la incomodidad de variar la longitud del contenido, ya sea dejando demasiado espacio en blanco y pareciendo flojo, o apretando y distorsionando el contenido para afectar a la lectura. La belleza de Bento Grid es que permite combinar libremente diferentes tamaños de tarjetas. Imagínese una página de producto, el principal argumento de venta con una tarjeta grande para resaltar la exposición, la información auxiliar con una tarjeta pequeña de adorno, no sólo para mantener la coordinación general, sino también según la importancia del contenido puede ajustarse con flexibilidad, este enfoque "a medida" es realmente inteligente.

Recientemente he probado un caso de comercio electrónico, después de cambiar al diseño Bento, la tasa de conversión de la primera pantalla aumentó directamente en 18%. la razón es simple: los usuarios pueden ver las características más críticas del producto y la entrada de compra de un vistazo, mientras que la información secundaria se presenta de una manera más compacta, no interferirá con la ruta principal de toma de decisiones.

El arma secreta de la orientación visual

Curiosamente, el diseño aparentemente sencillo de Bento Grid esconde una experiencia de usuario tan sutil. A través de la jerarquía visual formada por la variación de tamaños de las tarjetas, se guía a los ojos del usuario para que sigan el camino predeterminado por el diseñador. Contraste de tamaños, contraste de colores, uso del espacio negativo... todos estos lenguajes de diseño resultan especialmente claros y eficaces en el diseño de Bento.

Me gusta especialmente cómo funciona en el diseño responsive. Cuando cambia el tamaño de la pantalla, esas relaciones de proporcionalidad de tamaño bien diseñadas se siguen manteniendo, a diferencia de las cuadrículas tradicionales que tienden a romperse. Esto también explica por qué el tiempo medio de permanencia de una página con un diseño Bento en móvil es 23% superior al de un diseño normal (son datos reales de nuestras pruebas A/B del último trimestre).

Filosofía de la organización de contenidos

Lo que más me ha sorprendido es lo mucho que la Bento Grid ha reducido la selección de contenidos. Para adaptarse a esta disposición, los diseñadores y creadores de contenidos han tenido que afinar más la información: cada tarjeta necesita un posicionamiento y una propuesta de valor claros. De este modo, la arquitectura de la información de la página resultaba mucho más clara. En un proyecto de documentación técnica, tras adoptar el diseño Bento, el porcentaje de comentarios de los usuarios en el sentido de que "era más fácil encontrar la información que necesitaba" pasó de 47% a 82%.

Al fin y al cabo, la fuerza de la cuadrícula Bento no reside en lo innovadora que es, sino en el hecho de que equilibra a la perfección estética y funcionalidad. No es de extrañar que esta disposición se haya convertido en uno de los paradigmas de diseño más populares en la actualidad, ya que satisface la búsqueda de orden visual del diseñador y resuelve el problema de presentar la información en un contexto empresarial práctico. La próxima vez que tenga problemas con el diseño de la página, pruebe esta magia de la "caja bento".