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.

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.

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.

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...

Einhorn cede participaciones en Apple, Micron y Twitter

Greenlight Capital, dirigida por el multimillonario David Einhorn, está reduciendo su participación en las crecientes acciones tecnológicas de Apple Inc. (AAPL), Micron Technology Inc. (MU) y Twitter Inc. (TWTR), según una presentación reglamentaria ante el

Definición de la opción negociada en bolsa

¿Cuál es la opción negociada en la bolsa de valores? Una opción negociada en bolsa es un contrato de derivado estandarizado, negociado en bolsa, que se liquida a través de una cámara de compensación y

Cómo indexar un sitio Krypton Solid

Tratando de encontrar su sitio en los motores de búsqueda, ¿nunca puede encontrarlo? ¿Cansado de ver siempre las publicaciones de blog en la tercera o cuarta página de resultados de búsqueda? ¿Quieres aumentar el número

Cómo conectar Spotify a tu dispositivo

Siempre es la misma historia cada vez: manejas, enciendes la radio para escuchar música y te ves obligado a escuchar siempre las mismas canciones, las que se transmiten continuamente por las principales estaciones nacionales. Cansado

Cómo crear encuestas en línea Krypton Solid

Ha abierto recientemente su sitio y, dado que desea involucrar a sus visitantes para que escriban artículos, es posible que desee crear una encuesta: está dispuesto a hacer preguntas a sus usuarios sobre el tipo

Cómics de la semana # 167

Cómics de la semana # 167 Cada semana presentamos un conjunto de cómics creados exclusivamente para WDD. El contenido gira en torno al diseño web, los blogs y las situaciones divertidas que encontramos en nuestra

MS en Linux: gracias, pero no, gracias

Doug Miller y algunos de sus colegas caminaron por los pasillos de la LinuxWorld Expo en San José, California, hace unas semanas, empujando y promocionando las últimas herramientas y dispositivos. ¿Qué distingue a Miller de

Nokia y Kyocera cesan el fuego en materia de patentes

Establecen normas … Nokia y Kyocera han resuelto su disputa de patentes mediante un acuerdo de licencia cruzada. Las empresas se habían acusado mutuamente de infringir patentes. En el caso de Nokia, reclamó patentes para

Descripción general del formulario ESA 144

¿Qué es el Formulario 144: Aviso de propuesta de venta de valores? Formulario 144: La Propuesta de Aviso de Venta es un documento emitido por la Comisión de Bolsa y Valores (SEC). Debe ser presentado

Optus habilita 4G + en Melbourne

El proveedor de telecomunicaciones Optus ha anunciado que su red 4G +, que combina un espectro dúplex por división de frecuencia (FDD) y dos bandas de espectro LTE dúplex por división de tiempo (TDD), ya