logo
El viejo dicho «una imagen vale más que mil palabras» sigue siendo relevante para las experiencias de hoy. Las personas se sienten atraídas por las imágenes más rápido que el texto, y esta propiedad natural de las fotos y las ilustraciones las hace muy útiles para el diseño visual.
En las interfaces de usuario modernas, tanto las fotos como las ilustraciones se convirtieron en elementos funcionales junto con el texto y los elementos interactivos. Las ilustraciones son una forma versátil de crear un diseño único. Desde ilustraciones de estilo héroe dibujadas a mano hasta pequeños iconos, todo lo relacionado con una imagen esbozada se siente como arte. En este artículo, me gustaría revisar algunas de las funciones de la ilustración desde la perspectiva del diseño moderno de la interfaz de usuario.
Cómo las ilustraciones ayudan a mejorar la experiencia del usuario
Al igual que otros elementos visuales, la ilustración puede ser una poderosa herramienta de comunicación. Las ilustraciones bien elaboradas tienen los siguientes beneficios:
- Puede atraer la atención del usuario y entregar la información más crítica en un formato visual fácil de entender.
- Puede agregar claridad a una idea compleja. No es necesario utilizar palabras si puede proporcionar esta información mediante imágenes.
- Puede involucrar a los usuarios. La hermosa ilustración no solo atrae la atención del usuario, sino que también hace que los usuarios se interesen en un producto en sí.
- Puede jugar con la imaginación de los usuarios. Es posible fusionar la realidad y la imaginación mediante el uso de la ilustración.
6 formas en las que la ilustración mejora la experiencia de usuario
Hay muchos casos en los que las ilustraciones pueden mejorar la experiencia del usuario de un producto. Aquí hay 6 de ellos:
1. Entregue el punto principal más rápido
Como se dijo anteriormente, las ilustraciones tienen un excelente potencial de explicación y aclaración. En el contexto de los sitios web y las aplicaciones móviles, hay una docena de formas de usar ilustraciones para mejorar la UX desde las primeras pantallas. Por ejemplo, es posible hacer que el proceso de incorporación sea más atractivo mediante el uso de ilustraciones en pantallas de tutoriales. Este enfoque tiene el beneficio adicional para las aplicaciones móviles de ayudar a evitar demasiado texto en la pantalla.
Créditos de imagen: Divan Raj
Usando ilustraciones, es posible mostrar la diferencia entre planes de productos.
Las ilustraciones demuestran la diferencia entre los planes de servicio. Créditos de imagen: Regate
Por último, pero no menos importante, cuando el usuario encuentra un problema, las ilustraciones se pueden utilizar para agregar un poco de sentido del humor para humanizar el problema.
Página de error en Vuelos de Google. Créditos de imagen: Regate
2. Crea una experiencia más memorable
Como usuarios, usamos muchos productos de forma regular, pero solo algunos de ellos crean una experiencia verdaderamente memorable.
Como diseñadores, si queremos crear una experiencia memorable, debemos aprender cómo funcionan los cerebros humanos. Barbara Fredrickson y Daniel Kahneman propusieron una heurística psicológica llamada regla de finalización máxima que dicta la forma en que nuestro cerebro trabaja con la información. La regla del final del pico estados que las personas juzgan una experiencia en gran parte basándose en cómo se sintieron en su punto máximo (es decir, su punto más intenso) y al final, en lugar de basarse en la suma total o promedio de cada momento de la experiencia. El efecto se produce independientemente de si la experiencia es agradable o desagradable.
En otras palabras, cuando recordamos experiencias, tendemos a recordar no la experiencia completa, sino solo los eventos clave que sucedieron. Una ilustración agradable es una oportunidad para convertirse en un evento clave y aumentar el conocimiento de la marca.
El uso de mascotas en una interfaz de usuario es una forma popular de aplicar técnicas de ilustración en el diseño para crear una experiencia más memorable. Los elementos de la marca, como las mascotas, se convierten en elementos de identidad e interconexión entre el usuario y el producto.
Espalda plateada, una aplicación para Mac que facilita las pruebas de usabilidad de Guerrilla, utiliza un gorila ilustrado como mascota.
3. Cree una ilusión de comunicación directa con el usuario
Cada interacción del usuario con un producto es un viaje. Detrás de cada viaje hay un objetivo que el usuario desea lograr mediante el uso del producto. Para algunas experiencias, es posible convertir un viaje en una historia en la que el usuario será un personaje y el objetivo será un destino final. Las ilustraciones pueden actuar como un proxy entre el usuario y la aplicación al involucrar a los usuarios en la experiencia.
Un buen ejemplo es Omono. La aplicación utiliza un búho para guiar a los usuarios a través de la interfaz y reforzar la naturaleza amigable de la aplicación.
Las ilustraciones pueden hacer que el usuario se sienta seguro en sus tareas e inspirado a continuar el viaje.
4. Reforzar el concepto estilístico existente
Las ilustraciones se pueden aplicar en una interfaz de usuario para proporcionar apoyo visual del concepto estilístico general de la aplicación o sitio web. Junto con otros elementos de la marca, como logotipos, fuentes, esquemas de color, las ilustraciones tienen un impacto significativo en el estilo del producto. Cuando la ilustración se crea acorde al estilo, aporta una sensación más natural y armónica del producto (y de la marca en general). Pero para que eso suceda, las ilustraciones deben sentirse consistentes, como si vinieran de la misma fuente, incluso si fueron creadas por diferentes personas.
Créditos de imagen: Fundación Zurb
5. Viva el proceso de interacción
Cuando pensamos en nuestras aplicaciones y sitios web, rara vez pensamos en ellos como páginas estáticas enlazadas entre sí. El concepto de interacciones requiere que agreguemos efectos animados y transiciones para que la experiencia se vea y se sienta más natural. Al igual que cualquier otra parte de un diseño, la ilustración se puede enriquecer con animación. Las ilustraciones combinadas con la animación pueden ofrecer no solo una experiencia verdaderamente memorable, sino que también pueden hacer que la experiencia sea más dinámica.
Por ejemplo, Readme.io, un servicio que proporciona una hermosa documentación al mundo, hace sonreír a los usuarios cada vez que ingresan la contraseña. A la gente le encantan esos pequeños toques porque hacen que la experiencia sea más humana.
6. Agregue elementos de gamificación a UX
La gamificación es una técnica popular utilizada por los diseñadores de productos para aumentar la participación de los usuarios. Un diseñador puede considerar el uso de ilustraciones en la interfaz cuando el usuario deba ser recompensado por algún logro.
