Estética, usabilidad y emoción en el diseño - La simetría y la armonía en las formas

Estos dos elementos son muy importantes en la percepción de la belleza e incluso hay matemáticas en ello. Los diseños que contienen el llamado "número de oro" son percibidos como más armoniosos y estéticamente agradables. Las dimensiones de una tarjeta de crédito o la espiral de una caracola contienen este número.

Sin embargo la simetría y la armonía en las formas tienen también graves inconvenientes. Si todo es excesivamente simétrico se reducen las posibilidades de jerarquizar, destacar o diferenciar un elemento del resto de los contenidos. Las leyes de la proximidad y la semejanza de la Gestalt (entre otras) actúan para que percibamos áreas y contenidos próximos y parecidos como relacionados o unidos.

Por ejemplo, si el rectángulo superior tiene aspecto de un bloque compacto y contiene en gran parte publicidad, los usuarios entienden que toda la parte superior es un área publicitaria de poco interés. Así pueden descartar información interesante simplemente porque se ha situado cerca de la publicidad.

Por ejemplo en eresmas.com (imagen 1) se perciben claramente dos áreas, una central de contenidos y otra que la enmarca, sin embargo por contenidos reales estas áreas no deberían existir.

- Imagen 1-

Terra.es (imagen 2) lo hace un poco mejor, incluye espacios en blanco entre áreas para separar en la columna de la izquierda. Además en la columna de la derecha introduce cierto desorden.

-Imagen 2-

Sin embargo no lo hace lo suficientemente bien. La ley del cierre hace que percibamos como una sola entidad elementos que tienen continuidad a pesar de estar un poco separados. En Terra, los elementos de los menús de la izquierda se perciben como una única entidad a pesar de tener pequeños huecos en blanco porque tienen el mismo color, posición y forma.

La única manera de hacer destacar un elemento cuando hay excesiva simetría es hacerlo especialmente llamativo, pero un elemento demasiado llamativo enseguida genera desensibilización y ceguera, por lo que esta no es la estrategia adecuada.

En realidad lo más adecuado es evitar simetrías en contenidos que deben ser percibidos como diferentes. Un ejemplo correcto es la home de Amazon (imagen 3). En ella casi todos los elementos se diferencian del resto y tienen entidad propia porque no son simétricos. Algunos contenidos destacan especialmente porque no están alineados, tienen fondos de diferente color y formas distintas. Aunque el elemento clave de su diseño es la existencia y buena gestión del espacio en blanco, algo que apenas se encuentra en Terra o Eresmas.

-Imagen 3-