Krypton Solid

La última tecnología en raciones de 5 minutos

4 formas inteligentes de usar la ilustración en el diseño de la interfaz de usuario

4 formas inteligentes de usar la ilustración en el diseño de la interfaz de usuario

Como dice el refrán, una imagen vale más que mil palabras. Los seres humanos son criaturas altamente visuales capaces de procesar información visual casi instantáneamente.90 por ciento de toda la información que percibimos y que se transmite a nuestro cerebro es visual. Una sola imagen puede transmitir más al observador que un elaborado bloque de texto. Además, en muchos casos, una idea bastante compleja se puede transmitir fácilmente con una sola imagen fija. Esto sucede porque el cerebro humano es capaz de reconocer y comprender una imagen más rápido que la copia de texto.

Las fotos han sido durante mucho tiempo compañeras de buenas interfaces, pero más recientemente es posible notar un mayor interés en el uso de ilustraciones. Esto sucede por la razón: las ilustraciones brindan a los diseñadores más libertad para efectos creativos y más control sobre las opciones de imagen, tanto con el contenido como con los detalles técnicos.

En este artículo, definiremos qué significa «ilustración» en términos de diseño de interfaz de usuario y cómo se puede utilizar para mejorar la experiencia del usuario.

La esencia de la ilustración digital

Históricamente, el verbo «ilustrar» solía significar «aclarar». En el diseño gráfico moderno, la ilustración se convierte en un trabajo funcional elemento. Las ilustraciones se convirtieron en una herramienta de comunicación. El objetivo de la ilustración es iluminar, aclarar, transmitir el mensaje mediante elementos visuales. Donde las palabras pueden contar tu algo la ilustración puede show tu algo. Para que la ilustración sea funcional, la imagen debe ser fácilmente reconocible y la información que transfiere debe ser decodificada de manera similar por diferentes espectadores.

CONTENIDO RELACIONADO  Wi-Fi a la altura del aire finalmente llega al suelo

A continuación, se muestran algunos casos en los que las ilustraciones pueden aportar valor al diseño y a los usuarios …

1. Ilustraciones de la página de inicio

Un buen diseño web tiene un impacto significativo en los clientes potenciales. La gente juzga a una empresa en función de la calidad de un sitio web, sea justo o no. La percepción del usuario es lo que realmente importa. Como resultado, los diseñadores intentan constantemente encontrar nuevas formas de mejorar la experiencia de los visitantes. Y al igual que en el mundo real, las primeras impresiones dependen en gran medida de las imágenes. Aquí es donde las ilustraciones entran en escena.

Las ilustraciones de la página de inicio pueden crear una sensación más artística en todo el sitio web. Apelan a la imaginación de los usuarios para establecer una conexión personal más fuerte con el usuario. El uso de ilustraciones únicas hechas a medida puede distinguirte de la multitud y crear un mejor recuerdo de la marca.

imagen12

Las ilustraciones ayudan a Intercom a crear una conexión muy personal con los usuarios.

2. Mascotas

Las mascotas son esos pequeños personajes que pueden hacer que su producto sea más auténtico, confiable y atractivo. Las mascotas crean una conexión entre el usuario y la aplicación / sitio web: dan vida al proceso de interacción, mantienen la atención de los usuarios y se convierten en el elemento memorable de la experiencia del usuario. Esta es una excelente manera de involucrar a las personas.

Probablemente el ejemplo más popular de cómo una mascota puede ayudar a mejorar la experiencia del usuario es el servicio de boletines por correo electrónico Mailchimp. Freddie, el simpático chimpancé de Mailchimp, aparece en cada página, asumiendo un papel diferente, ya sea para llamar la atención sobre un determinado elemento o para hacer una broma para que el usuario se sienta mejor.

imagen13

Las buenas mascotas proporcionan la base sólida para una experiencia de usuario positiva.

CONTENIDO RELACIONADO  ¿Cuál fue el primer original de Netflix?

3. Ilustraciones para incorporación y tutoriales

Las ilustraciones proporcionan ayuda visual. Pueden aclarar los mensajes reduciendo los conceptos a imágenes fácilmente comprensibles. Las imágenes hablan más que las palabras y hacen que la experiencia sea más rápida. Es por eso que las ilustraciones son tan populares para la incorporación y los tutoriales.

Las pantallas de incorporación presentan al usuario las características o beneficios clave de la aplicación. La ilustración utilizada durante la incorporación proporciona contexto, agrega claridad o lleva al usuario al siguiente paso. Cuando se combinan con una interfaz mínima, las ilustraciones realmente pueden ayudar a transmitir el mensaje clave sin demasiada copia.

imagen2

Credito de imagen: Ramotion

Una incorporación atractiva e interactiva invoca automáticamente el interés de los usuarios en la aplicación en el paso inicial. Hace que el usuario se sienta feliz y ansioso por comenzar a usar la aplicación. Las animaciones e ilustraciones siempre han ido de la mano.

Usando ilustraciones puedes transformar un tutorial largo y aburrido en una experiencia interesante y alegre. Un manual de instrucciones con imágenes es más fácil y rápido de entender que una explicación extensa. Incluso las aplicaciones / sitios que no incorporan el estilo de dibujo pueden usar dibujos animados como instrucciones y tutoriales.

4. Ilustraciones para pantallas de recompensas

Todos estamos familiarizados con la experiencia gratificante de los videojuegos: casi todos los videojuegos tienen un conjunto de logros o trofeos que se obtienen al completar un conjunto de criterios. La frase «Logro desbloqueado» casi se ha convertido en sinónimo de progresión o finalización exitosa. Pero, ¿por qué la recompensa es tan valiosa para nosotros? La respuesta es simple: hace que la experiencia de la interfaz se sienta como si hubiera un humano en el otro extremo, no una computadora.

CONTENIDO RELACIONADO  El primer parche de Fallout: New Vegas ha llegado

La recompensa es una interacción verdaderamente emocional: el estímulo emocional positivo genera una sensación de compromiso con el usuario. Las personas perdonan las deficiencias de la aplicación cuando las recompensas con emociones positivas.

imagen6

Una insignia de alcalde en Foursquare. Este tipo de ilustraciones crea deleite y una experiencia alegre.

El estado de éxito es un gran lugar para demostrar que te preocupas por tus usuarios. Recompense al usuario con una animación cuando alcance sus objetivos personales. Por ejemplo, cuando un usuario llega a cero en la bandeja de entrada, cree un compromiso más profundo con las funciones de la aplicación mediante la animación.

Conclusión

La ilustración es una herramienta poderosa e importante para mejorar la experiencia del usuario y hacer que la interfaz sea atractiva y eficiente. Si bien no existe una regla estricta o rápida sobre el uso de ilustraciones en su diseño, es importante tener en cuenta una cosa: mantener las ilustraciones útiles. En última instancia, cualquier ilustración debería proporcionar una comprensión más profunda de su producto o marca.

Deja un comentario

También te puede interesar...

La ola de servicios está cambiando

comentario A pesar de las discusiones de la industria sobre la desaparición de los megacontratos de subcontratación de TI, todavía no había evidencia concreta hasta el tercer trimestre de este año. En su último informe

Código abierto amenazado por el activismo judicial

La idea de patentar software o incluso métodos comerciales no surgió del Congreso. Provino de los tribunales, cuyas decisiones de ampliar los derechos de patente lo hicieron posible. Ahora esos jueces activistas han vuelto a

IBM en conversaciones secretas sobre chip

microdispositivos avanzados inc. y la Corporación Nacional de Semiconductores. está negociando acuerdos de producción conjunta con IBM, según personas familiarizadas con las conversaciones. Las negociaciones están lejos de terminar, pero las fuentes dicen que los

Formulario 8891 Definición

¿Qué era el Formulario 8891: Declaración de información de EE. UU. para beneficiarios de ciertos planes de jubilación registrados en Canadá? Formulario 8891: Declaración de información de EE. UU. para beneficiarios de planes de jubilación

Guía de clase Torchlight 2: Página 2

el berserker La clase más impactante de Torchlight 2, el Berserker tiene que ver con las armas cuerpo a cuerpo y el combate rápido y frenético. Es una peleadora luchadora: los árboles de habilidades de

Descarga gratuita: 160 iconos de VectorIcons

Descarga gratuita: 160 iconos de VectorIcons Diseñada por VectorIconos, este adorable conjunto de 160 iconos vectoriales es fantástico para usar en todo tipo de sitios. Con temas que van desde la ciencia hasta el entretenimiento,

Definición de déficit de ejecución

¿Qué es un déficit de implementación? En términos de negociación, un déficit de implementación es la diferencia entre el precio o valor prevaleciente al tomar una decisión de compra o venta de un valor y