Skeuomorphism en diseño de interfaz

Eso es correcto, Skeuomorphism. Echemos un vistazo a lo que significa este término extraño, cuándo debe usarlo en el diseño de la interfaz y qué puede suceder cuando sale mal..


Skeuo ... ¿Qué??

Si no está seguro de qué es exactamente el Skeuomorphism, obtengamos algo de ayuda de la siempre confiable Wikipedia para explicarlo..

Un elemento de diseño o estructura que sirve poco o ningún propósito en el artefacto creado a partir del nuevo material, pero era esencial para el objeto hecho del material original - Wikipedia

En el contexto del diseño de interfaz digital, esto significa esencialmente hacer que los elementos se vean como objetos del mundo real. Las texturas de madera, el papel rasgado y las cintas cosidas son ejemplos de skeuomorphism 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 formulado argumentos a favor y en contra de ellos. ¿El skeuomorphism agrega o quita la utilidad? ¿Tiene un propósito, o es puramente superfluo? Estas preguntas y más serán respondidas a continuación..


La situación actual

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

Skeuomorphism tampoco se limita a las aplicaciones; naturalmente, ha encontrado su camino en el diseño de la interfaz de usuario en muchos sitios web también.

El problema es que cuando ciertos estilos de diseño se vuelven populares, se explotan cada vez más; Como ha sucedido en muchas ocasiones en el pasado. El estilo se usa en exceso y se usa mal con poca reflexión sobre las decisiones tomadas. Cuando esto sucede, el estilo en su conjunto puede perder su efectividad, lo que puede ser un poco injusto. Skeuomorphism parece ir en esta dirección. Por lo tanto, vale la pena analizar los aspectos positivos y negativos de usar un estilo de este tipo antes de hacer cualquier tipo de juicio..


Los profesionales

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

Vale la pena señalar que Apple es particularmente bueno en este objetivo, generalmente, en grupos de usuarios más antiguos y con menos experiencia tecnológica. Muchas personas ahora están usando iPads que tendrán una experiencia limitada con una computadora tradicional. Así que tiene sentido, de alguna manera, hacer que su aplicación de calendario se vea como un calendario real; Algo que sin duda muchas personas ya habrán utilizado anteriormente..

Teniendo esto en cuenta, es necesario (como siempre lo es) considerar a su público objetivo al diseñar su nueva aplicación o sitio web. Considere si su audiencia tiene mucha experiencia con su plataforma, si hay algo que posiblemente no entiendan y, si existe, si pueden beneficiarse al incorporar elementos skeuomorphic o metáforas visuales.

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

Por ejemplo, una textura de aspecto de cuero (con las costuras obligatorias) 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 sentimientos con los que desea asociarse, podría valer la pena considerar el uso de este tipo de elemento, siempre que tenga sentido dentro del contexto de su proyecto..

El diseño de Skeuomorphic también generalmente hace un buen trabajo al crear un ambiente informal y divertido. A menudo encontrará este estilo en juegos o en otros escenarios de ocio; como en la aplicación iBooks de Apple, por ejemplo.

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

El portafolio del diseñador Marc Mendell usa el skeuomorphism para un buen efecto al simular un ambiente de trabajo en casa. Marc usa una laptop para mostrar el trabajo de su cartera..

Del mismo modo, el diseñador web Zoltan Hosszu hace uso de muchas características esumórficas dentro de su cartera de sitios web. Dentro de este pseudo entorno doméstico, muestra su cartera en un estante e incluso utiliza iluminación puntual para un efecto añadido..

Es común que los blogs y las revistas en línea utilicen 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 fuente..

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


Los contras

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

Por ejemplo, echemos un vistazo a la sombra caída biselada o curvada que se ha vuelto popular. Es un cambio de la sombra estándar y algunos pueden argumentar que también se ve muy bien.

Sin embargo, no se "siente" del todo bien. La sombra indicaría que el objeto en sí está curvado o la superficie sobre la que descansa; pero la iluminación y la forma de ambos sugieren que no lo son. Estas pequeñas cosas realmente pueden hacer una diferencia, por lo que la atención a los detalles es crucial al crear elementos skeuomorphic e imitar la vida real.

Anteriormente se mencionó que las interfaces skeuomorphic pueden aumentar la facilidad de uso al utilizar elementos con los que las personas ya están familiarizadas. Si bien esto sigue siendo cierto, también puede tener el efecto contrario y potencialmente confundir a las personas si no se hace correctamente..

Cuando un usuario se encuentra con un elemento digital que se parece a algo con lo que están familiarizados en el mundo real, también esperan que comportarse Es una manera similar también. Si el elemento no funciona como se predijo, el usuario puede frustrarse; Especialmente si son usuarios inexpertos..

Puede ser muy fácil concentrarse en el elemento estético de una interfaz skeuomorphic y pasar por alto la funcionalidad. Sin embargo, descuida la funcionalidad y conviertes el skeuomorphism en algo que realmente daña la facilidad de uso y la calidad de la experiencia del usuario en lugar de aumentarla..

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

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


No es el unico camino

Si bien el skeuomorphism puede ser popular en este momento, no es el único método para crear interfaces impresionantes e impresionantes..

La popular aplicación para iPhone Clear-Do-Do utiliza una interfaz bellamente simple y mínima. El diseño distingue esta aplicación de las muchas otras que cuentan con texturas de bloc de notas, casillas de verificación, pestañas y otros elementos skeuomorphic.

Eligiendo no emular una lista de tareas tradicional ha permitido a los diseñadores pensar de manera diferente y hacer un uso completo de la tecnología disponible para ellos. La aplicación se ha creado alrededor de gestos multitáctiles y, junto con una animación suave, lo convierte en una experiencia única y elegante..

La versión más reciente del sistema operativo de Microsoft, Windows 8, también contará con un estilo de diseño de interfaz agudo, sólido y simple conocido como 'Metro'. El estilo, que ya ha aparecido en Windows Phone y Xbox Live, se describe como "auténticamente digital".

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


Conclusión

Skeuomorphism parece ser bastante popular en este momento, pero no hay duda de que esta popularidad disminuirá con el tiempo. Los sentimientos de muchas personas acerca de este estilo generalmente se reducen a los gustos personales. Es probable que los usuarios experimentados de la tecnología encuentren innecesario el skeuomorphism o incluso el kitsch, mientras que los usuarios ocasionales pueden apreciarlo más.

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