Es difícil de decir, y más difícil de deletrear, pero el skeuomorfismo es una parte fundamental del diseño de la interfaz de usuario para redes y dispositivos. Esta técnica se enfoca en recrear elementos conocidos del mundo real como análogos digitales que permiten a los usuarios identificar más fácilmente su destino.
Sin embargo, el enfoque de diseño no está exento de críticas. Algunos dicen que es demasiado desordenado e incómodo, mientras que otros sugieren «neumorfismo«como la próxima gran cosa en el diseño de la interfaz de usuario.
En este artículo resolveremos el misterio del esqueuomorfismo: ¿Qué es? ¿Cómo está funcionando? ¿Cuáles son algunos buenos ejemplos? Además, profundizaremos en las principales ventajas y desventajas de la sensibilidad esqueomórfica y ofreceremos posibles alternativas de diseño.
¿Qué es el esqueuomorfismo?
Acuñado en 1889 por el médico y arqueólogo aficionado británico Henry Colley March, el skeuomorphism es una combinación de dos palabras griegas: Skeuos, que significa «recipiente» o «herramienta», y morph, que significa «forma». Tomado literalmente, el término significa «contener forma», pero ¿cómo se relaciona esto con el diseño?
los Fundación de diseño de interacción lo dice simplemente: «Skeuomorphism es el término más utilizado en el diseño de interfaz gráfica de usuario para describir objetos de interfaz que imitar sus contrapartes en el mundo real en términos de cómo se ven y/o la forma en que el usuario puede interactuar con ellos.’
La palabra se usó originalmente para describir estructuras físicas o productos que llevaban elementos de diseño conocidos de iteraciones anteriores.
Considere el clásico hot dog americano. Si bien existen diferencias entre las marcas, el tamaño, la forma y el color básicos de los hot dogs los hacen fácilmente identificables y familiares. Las nuevas ofertas en el mercado, como las alternativas a base de plantas, utilizan el eskeuomorfismo físico para imitar el aspecto y el empaque de las típicas salchichas, lo que permite a los consumidores probar algo nuevo sin sentirse abrumados.
El skeuomorfismo digital hace lo mismo en el espacio virtual. La primera generación de iPhones fue un excelente ejemplo: incluso los usuarios que no estaban familiarizados con los dispositivos móviles podían reconocer fácilmente las funciones clave: el ícono del «teléfono» representaba una imagen clásica del teléfono y el botón de la cámara parecía, lo adivinó, un lente de la cámara.
El ascenso de los skeuomorfos
A medida que los dispositivos digitales entraron en la corriente principal, el skeuomorfismo permitió a los usuarios combinar fácilmente características familiares con nuevos elementos de la interfaz de usuario.
La papelera de Windows ofrece un ejemplo sencillo. Los usuarios combinan instantáneamente la forma y la función: los archivos, documentos e imágenes que ya no necesitan se arrojan a este basurero digital. Las aplicaciones de calculadoras para dispositivos iOS y Android han adoptado el esquema típico de botones y colores de los dispositivos físicos para contar números, mientras que los sitios de comercio electrónico emergentes han utilizado la imagen de los carritos de compras para orientar a los usuarios en la dirección correcta al agregar nuevos productos o continuar. para revisar.
Quizás el uso más interesante del skeuomorphism es combinar componentes digitales y físicos para crear una experiencia familiar. Piense en una aplicación de cámara en su teléfono inteligente o tableta. Además del ícono que imita la forma típica de la cámara, la mayoría de los dispositivos incorporan el clásico sonido de «obturador» cuando se toman fotografías, lo que a su vez brinda retroalimentación física para un proceso totalmente digital.
Ventajas y desventajas del esqueuomorfismo
Como el skeuomorfismo se ha convertido en la sensibilidad más importante en el diseño digital, ha atraído tanto a maestros como a críticos. Ambos hicieron excelentes comentarios sobre el uso (y el mal uso) del diseño skeuomorph, así que compartamos algunos de los principales pros y contras.
Beneficios clave
- Sencillez – Los elementos del diseño skeuomorph se explican por sí mismos ya que la función se ajusta a la forma. Esto ayuda a agilizar la interacción del usuario y reducir la frustración.
- Inmersión – Agregar iconos o fondos skeuomorphic puede ayudar a aumentar la participación del usuario al hacer coincidir las expectativas con la experiencia.
- Retroalimentación – Al integrar características físicas, como los sonidos del obturador de la cámara o la vibración táctil, con formas digitales, los usuarios obtienen comentarios instantáneos.
Peligros potenciales
- Obsoleto Los críticos dicen que muchos skeuomorphs ya no importan y, por lo tanto, no tienen valor. Por ejemplo, aunque el icono del disquete aún representa una función de «escritura» en muchos procesadores de texto, estos disquetes no se han utilizado durante décadas.
- Complejo – También hay preocupaciones sobre la complejidad. Por ejemplo, durante el período pico del diseño skeuomorphic, muchos sitios web y aplicaciones contenían toneladas de elementos inútiles que parecían familiares pero no funcionaban, creando un diseño desordenado y demasiado complejo.
- Actuación – La adición ilimitada de ingredientes skeuomorph puede afectar negativamente la aplicación o rendimiento del sitio web porque estos elementos se cargan y actualizan constantemente.
Ejemplos de proyectos esqueomórficos
Hablar de diseños esqueomórficos es una cosa, pero ¿cómo se ven en el entorno digital actual? Destaquemos algunos ejemplos.
1. Calendario
Este calendario es instantáneamente familiar. Tiene todas las características de los planificadores y programadores típicos (espacio para notas, eventos y notificaciones), pero también incluye un reloj digital y lectura de temperatura.
2. Archivo
Este diseño skeuomorphic es un solo botón de aplicación, pero transmite claramente el mensaje gracias a un efecto de «cajón» y un símbolo de «candado».
3. Radio reloj
Volviendo a los días despreocupados de los radiorreloj digitales, esta aplicación viene con elementos familiares que son limpios y fáciles de usar.
4. Interruptor de luz
La simplicidad es el nombre del juego aquí. No se requiere explicación para estos interruptores: toque rápido y retroiluminación, segundo y apagado. Es limpio, fácil y simple.
5. Papel
Este diseño recuerda la sensación del papel, revelando sutilmente la «pila» imperfecta que se produce cuando se utilizan varias hojas.
Skeuomorphic versus diseño plano versus minimalismo versus neumorfismo
Si bien el skeuomorphism sigue siendo común en dispositivos digitales y sitios web, han surgido otros estilos de diseño que ofrecen un nuevo enfoque.
- Diseño plano – El diseño plano convierte la familiaridad en un énfasis en la legibilidad y la limpieza. Cada elemento tiene un propósito único y un diseño simple que no está necesariamente relacionado con una función del mundo real.
- minimalismo – El minimalismo lleva la sensibilidad del diseño plano un paso más allá, centrándose en utilizar la menor cantidad de elementos posible. No se desperdicia nada y, a menudo, se da prioridad a los espacios en blanco.
- neumorfismo – El neumorfismo combina elementos esqueumórficos y elementos de diseño plano para brindar una experiencia de usuario más simplificada. Los botones y las imágenes a menudo tienen sombras suaves y gradientes de color sutiles junto con patrones familiares, pero sin el aspecto familiar directo de los Skeuomorphs de primera generación.
El futuro del conocimiento
A pesar de sus posibles inconvenientes en el mundo digital, el skeuomorphism sigue siendo popular como una forma de comunicar familiaridad y ayudar a los usuarios a cerrar la brecha entre lo físico y lo virtual.
Y si bien las alternativas como el diseño plano y el minimalismo han ganado popularidad en los últimos años, los enfoques combinados como el neumorfismo son probablemente líderes, ya que los diseñadores quieren aprovechar el poder de los skeuomorphs sin comprometer el rendimiento de la interfaz de usuario o la experiencia del usuario.
