Advertisement
  1. Web Design
  2. Design Theory

El esqueumorfismo en el diseño de la interfaz

by
Read Time:7 minsLanguages:

Spanish (Español) translation by Benjamín Porras (you can also view the original English article)

Así es, esqueuomorfismo. Veamos lo que significa este extraño término, cuándo deberías usarlo en el diseño de la interfaz y qué puede pasar cuando se usa mal.


Esqueuo... ¿Qué?

Si no estás seguro de lo que es exactamente el esqueumorfismo, busquemos ayuda de la siempre fiable Wikipedia para explicarlo.

un elemento de diseño o estructura que sirve poco o nada en el artefacto creado a partir del nuevo material pero que era esencial para el objeto hecho a partir del material original, Wikipedia

En el contexto del diseño de la interfaz digital, esto significa esencialmente hacer que los elementos parezcan objetos del mundo real. Las texturas de madera, el papel rasgado y las cintas cosidas son todos ejemplos de esqueuomorfismo en acción y sin duda se han encontrado muchos más en los últimos tiempos.

Sin embargo, hay sentimientos encontrados sobre el uso de tales elementos y se han presentado argumentos a favor y en contra de ellos. ¿El esqueuomorfismo añade o quita la utilidad? ¿Sirve a un propósito, o es puramente superfluo? Estas preguntas y otras más serán respondidas más adelante.


La situación actual

Es seguro decir que Apple ha tenido una influencia en el reciente surgimiento de este estilo de diseño. Aplicaciones como iBooks, Calendar y Find My Friends tienen un diseño esqueuomorfo e, inevitablemente, esto ha tenido un impacto en el diseño de muchas otras aplicaciones en el mercado.

El esqueumorfismo tampoco se limita a las aplicaciones, sino que también ha encontrado su camino en el diseño de la interfaz de usuario de muchos sitios web.

El problema es que cuando ciertos estilos de diseño se hacen populares, se explotan cada vez más; como ha sucedido en muchas ocasiones en el pasado. El estilo se utiliza demasiado y se abusa de él sin pensar en las decisiones que se toman. Cuando esto sucede, el estilo en su conjunto puede perder su eficacia, lo que puede ser un poco injusto. El esqueuomorfismo parece ir en esta dirección. Así que vale la pena mirar tanto los aspectos positivos como los negativos del uso de tal estilo antes de hacer cualquier tipo de juicio.


Las ventajas

Tal vez el argumento número uno a favor del esqueumorfismo es que puede ayudar a crear un sentimiento de familiaridad. Interactuar con elementos a los que están acostumbrados en el mundo real puede ayudar a los usuarios a sentirse más a gusto con la experiencia; algo que es especialmente importante para aquellos usuarios que no se sienten completamente cómodos con el uso de la tecnología moderna.

Cabe señalar que Apple es particularmente buena para dirigirse a este grupo de usuarios, generalmente de mayor edad y con menos experiencia tecnológica. Muchas personas que usan actualmente iPads y que habrán tenido una experiencia limitada con una computadora tradicional. Así que tiene sentido, en cierto modo, hacer que su aplicación de calendario se vea como un calendario real; algo que sin duda muchas personas ya habrán usado anteriormente.

Con esto en mente, es necesario (como siempre lo es) considerar tu público objetivo al diseñar tu nueva aplicación o sitio web. Considera si tu público tiene mucha experiencia con tu plataforma, si hay algo que posiblemente no entiendan y, si es el caso, si se pueden beneficiar al incorporar elementos esqueuomórficos o metáforas visuales.

Otro aspecto positivo del esqueuomorfismo es su capacidad para transmitir una atmósfera particular o generar ciertas emociones. En la vida real podemos utilizar todos nuestros sentidos para evaluar un objeto; cómo se ve, suena, sabe, siente y huele algo. Imitando el aspecto de un objeto del mundo real, los elementos digitales también pueden evocar las otras propiedades de ese objeto.

Por ejemplo, una textura con aspecto de cuero (con la costura obligatoria) puede estimular los recuerdos de cómo se siente y huele el cuero y, a su vez, connota una sensación de refinamiento y lujo. Si estos son los tipos de sensación a los que te quieres asociar, podría valer la pena considerar el uso de este tipo de elemento, siempre que vayan bien en el contexto de tu proyecto.

El diseño esqueuomórfico también suele tener éxito al crear una atmósfera informal y lúdica. A menudo encontrarás este estilo en juegos o en otros escenarios de ocio, como en la aplicación iBooks de Apple, por ejemplo.

De hecho, el esqueuomorfismo es una buena manera de comunicar rápida y claramente el tema de tu sitio web o aplicación.

El portafolio del diseñador Marc Mendell utiliza el esqueuomorfismo con buenos resultados al simular un entorno de trabajo en casa. Marc utiliza un portátil para mostrar el trabajo de su portafolio.

De manera similar, el diseñador web Zoltan Hosszu hace uso de muchas características esqueumorfas dentro del sitio web de su portafolio. Dentro de este entorno pseudo casero, muestra su portafolio en un estante e incluso utiliza iluminación de puntos para un efecto adicional.

Es común que los blogs y los diarios online usen una textura de papel en sus diseños. El blog de IconEden va un paso más allá e incorpora papel apilado, respaldo de cuero, un marcador de cinta e incluso una pluma estilográfica.

Así que hemos visto que el esqueuomorfismo tiene algunos aspectos positivos. Sin embargo, como se mencionó anteriormente, también puede representar algunos inconvenientes.


Las desventajas

Un gran problema que muchos encuentran en el esqueomorfismo es que es fácil que las cosas salgan mal cuando se intenta crear elementos realistas. El ojo humano es muy bueno para detectar cuando las cosas no se ven bien, incluso si no se registra a un nivel consciente. Esto generalmente ocurre cuando se trata de fuentes de luz, sombras y perspectiva.

Por ejemplo, echemos un vistazo a la sombra de gota biselada o curva que se ha hecho popular. Es una variación de la sombra estándar y algunos pueden argumentar que también se ve muy bien.

Sin embargo, no se "siente" bien. La sombra indicaría que o bien el objeto en sí es curvo o bien lo es la superficie sobre la que se apoya; pero la iluminación y la forma de ambos sugiere que no lo son. Estas pequeñas cosas pueden realmente marcar la diferencia, así que la atención al detalle es crucial cuando se crean elementos esqueuomórficos y se imita la vida real.

Anteriormente se mencionó que las interfaces esqueuomórficas pueden aumentar la usabilidad utilizando elementos con los que la gente ya está familiarizada. Aunque esto sigue siendo cierto, también puede tener el efecto contrario y potencialmente confundir a la gente si no se hace bien.

Cuando un usuario se encuentra con un elemento digital que se asemeja a algo con lo que está familiarizado en el mundo real, también esperará que se comporte de manera similar. Si el elemento no funciona como se había previsto, el usuario puede sentirse frustrado; especialmente si es un usuario inexperto.

Puede ser demasiado fácil centrarse en el elemento estético de una interfaz esqueuomorfa y pasar por alto la funcionalidad. Sin embargo, si se descuida la funcionalidad, el esqueuomorfismo se convierte en algo que realmente perjudica la usabilidad y la calidad de la experiencia del usuario en lugar de aumentarla.

Por último, una crítica que se hace a menudo a las interfaces esqueuomórficas es que carecen de creatividad y obstaculizan la innovación. La tecnología es uno de los mercados que evolucionan más rápidamente y que constantemente ofrece formas más eficientes de realizar las tareas, así que ¿por qué mirar hacia atrás en términos de diseño de interfaces?

Es común ver que las listas de tareas, la toma de notas y las interfaces de las calculadoras se parecen a sus homólogas de la vida real, a costa de hacer que estas tareas sean potencialmente menos eficientes de lo que podrían ser. Los objetos físicos del mundo real tienen limitaciones que los elementos digitales no tienen, por lo que al imitar la vida real los diseñadores se están restringiendo a sí mismos y están perdiendo una oportunidad de aprovechar al máximo la tecnología actual, como veremos más adelante.


No es la única manera

Aunque el esqueuomorfismo puede ser popular en este momento, no es el único método para crear interfaces de gran apariencia e impresionantes.

La popular aplicación de tareas Clear para iPhone utiliza una interfaz bellamente simple y mínima. El diseño distingue esta aplicación de las numerosas otras que tienen texturas de cuaderno de notas, casillas de verificación, pestañas y otros elementos esqueuomórficos.

Elegir no emular una lista de tareas tradicionales ha permitido a los diseñadores pensar de manera diferente y hacer uso de la tecnología disponible. La aplicación se ha construido alrededor de gestos multitáctiles y junto con una animación suave, hace que sea una experiencia única y elegante.

La última versión del sistema operativo de Microsoft, Windows 8, también contará con un estilo de diseño de interfaz nítido, sólido y sencillo conocido como "Metro". El estilo, que ya ha sido presentado en el Windows Phone y Xbox Live, se describe como 'Auténticamente digital'.

Es muy diferente a lo que hemos visto antes de Microsoft y ellos han decidido claramente ir en una dirección completamente diferente a la de Apple; con un enfoque en la tipografía y la entrega de contenido con pocos detalles extraños.


Conclusión

El esqueuomorfismo parece ser bastante popular en este momento, pero sin duda esta popularidad disminuirá con el tiempo. Muchos de los sentimientos de la gente sobre este estilo generalmente se reducirán al gusto personal. Es probable que los usuarios experimentados de la tecnología encuentren el esqueuomorfismo innecesario o incluso cursi, mientras que los usuarios ocasionales pueden apreciarlo más.

Sin embargo, hemos visto que el esqueuomorfismo tiene aspectos tanto positivos como negativos y vale la pena tenerlos en cuenta antes de implementar este tipo de estilo en tu próximo diseño de interfaz.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.