Cómo llevar tu UX al siguiente nivel: diseño más atento y sostenible

Cuando piensa en UX, es probable que esté pensando en cómo su producto proporciona respuestas prácticas al por qué, el qué y el cómo eso impulsa a un usuario a interactuar con él. En pocas palabras, UX crea el producto que su cliente necesita (para completar una tarea específica), comprende (a través de sus funcionalidades) y le gusta (por su claridad y diversión).

A través de cada una de estas etapas en el viaje de un usuario, el contenido de su sitio web o aplicación debe tranquilizar, guiar y deleitar a su cliente. Para lograr esto, su UX debe aprovechar al máximo un puñado de conceptos y formas de comunicarse con su usuario.

1. El diseño es el lenguaje visual de su producto.

Imágenes de Dreamstime

Cuando hablas con alguien, usas instintivamente las mejores palabras de tu vocabulario para transmitir tus ideas y emociones. También, en general, haces lo mejor que puedes para hablar de una manera que tu pareja probablemente entienda. Eso significa usar un vocabulario común y adaptar su tono y elección de palabras al contexto en el que ambos se encuentran.

A través de este proceso, usted realmente se perfila y establece la conexión. Es igual con tu diseño. Cada componente de su interfaz visual es una palabra, gesto o expresión facial en su conversación con sus usuarios reales o potenciales.

Definir quién es su producto y ser coherente al respecto es esencial para atraer a su público objetivo y mantener a ese público cómodamente involucrado con usted. Para ello, tiene una marca clara y constantemente reafirmando y desarrollando sobre ella. Al igual que en una relación saludable, comunicarse a través de su diseño es un viaje constante y no solo una interacción única.

2. Las imágenes son lo que dices cuando no escribes.

Imágenes de Dreamstime

Desde su página de inicio (el equivalente a su "Hola, soy …") hasta sus páginas secundarias y siguiendo hasta la interfaz de su producto, las imágenes que acompañan al contenido escrito o interactivo tienen una gran influencia en sus declaraciones generales.

Las imágenes en la sección de encabezado lo ayudan a crear una primera impresión sólida, al igual que las imágenes insertadas en el resto del contenido en cualquier página determinada lo ayudan a confirmar esa impresión y también ofrecen pausas de lectura rápidas para sus visitantes. imágenes brillantes y entretenidas (porque tendemos a sentir que las imágenes fuertes reflejan esa fuerza en nuestra marca y todos quieren un socio fuerte, ¿verdad?), debe alejarse de esa idea por un tiempo y repensar su estrategia visual.

¿Esa imagen realmente se alinea con quién eres y, igual o más importante, con quiénes son tus clientes? ¿Utiliza colores llamativos cuando vende un producto delicado? ¿Está llenando su sitio web con imágenes temáticas industriales cuando vende seguros de vida? ¿Está, quizás, eligiendo composiciones complejas y metafóricas cuando sus principales compradores tienen prisa? Considere también el impacto que tienen sus imágenes en el resto del contenido. ¿Están rompiendo el equilibrio entre su contenido escrito, sus componentes interactivos (formularios, botones) y sus imágenes? ¿Cuál es el propósito final de su sitio web?

Siempre evalúe si alguno de sus componentes de diseño está dominando a los demás o incluso saboteando potencialmente su objetivo final (como una imagen desproporcionada que podría arrojar ese botón de "Contáctenos" fuera de la vista). Sea considerado con el tipo y la frecuencia de sus imágenes y concéntrese en mantener la comunicación con sus usuarios fácil de seguir y coherente (sin gritar a través de una foto de 2000x2000px de una señal de stop) Sus imágenes deben ser efectivas funcionalmente, así como emocionalmente.

Recuerde que su diseño no solo debe representar quién es usted (o a quién le gustaría que lo perciban), sino también empatizar y reflejar a las personas a las que intenta ayudar a través de su producto o servicio. El diseño es un diálogo, no un monólogo.

Afortunadamente para nuestra década, la calidad y diversidad de las bibliotecas de fotos de archivo hacen posible encontrar cualquier tipo de recursos que necesite para construir su identidad y su voz de la manera correcta.

3. Su producto debe ser accesible para todos.

Imágenes de Dreamstime

A medida que la web evoluciona y la cobertura de Internet abarca el planeta, sus audiencias potenciales crecen y se diversifican. Personas de todos los orígenes y culturas se están uniendo a la conversación y debe planificar su diseño para mantener el canal abierto para una multitud de tipos de usuarios.

Se ha hablado mucho sobre la accesibilidad en los últimos años y un número creciente de marcas están construyendo o reconstruyendo sus sitios web y productos para que sean inclusivos para diferentes conjuntos de necesidades.

El World Wide Web Consortium (W3C) tiene muchos estándares específicos para guiarlo en la creación de una experiencia de usuario accesible. Aquí hay algunas recomendaciones básicas para tener en cuenta para su diseño:

● claridad de imagen

La calidad de las imágenes presentes en un sitio web o dentro de una aplicación siempre debe ser alta. Esto no solo aborda las necesidades de los usuarios con una variedad de condiciones de visión, sino que también le brinda flexibilidad para ajustar el contenido a múltiples tipos de dispositivos y tamaños de pantalla.

Las bibliotecas de fotos de archivo pueden ayudarlo a administrar esto con imágenes que van desde los tamaños más pequeños (piense 480x200px y 72dpi) hasta la calidad de retina completa (más de 4000px o 5000px y 300dpi).

● Contraste legible

Ya sea que se trate de secciones de texto sin formato o si está agregando texto sobre una imagen, siempre considere dar a su información primaria el contraste adecuado con su fondo.

Puede consultar las relaciones de contraste recomendadas promovidas por W3C, según el tipo de texto:

  • Texto pequeño – use una relación de contraste de al menos 4.5: 1 contra el fondo
  • Texto grande (significa tamaños que comienzan en 14 puntos en negrita / 18 puntos regulares): use una relación de contraste de al menos 3: 1 contra el fondo

Elija colores complementarios para su texto e imágenes y simplemente use una búsqueda filtrada en una biblioteca de fotos para encontrar las mejores imágenes coincidentes.

● Usar subtítulos

Este es un consejo saludable no solo para fines de SEO o como solución de respaldo para cuando se produzca un error de visualización. Es principalmente un requisito de accesibilidad para las personas con discapacidad visual, que accederán a su contenido mediante lectores de pantalla. Para ayudarlos a comprender su información y usar su producto, asegúrese de incluir texto alternativo o un título para cada imagen (o al menos las más importantes).

4. Está bien tener una personalidad multifacética.

Imágenes de Dreamstime

Algunas de las personas más fascinantes del mundo muestran personalidades complejas, con aspectos multicolores en lugar de una tipología lineal. También se sabe que le sucede a las marcas, grandes o pequeñas.

Dependiendo del evento, el momento en el viaje de un usuario o el medio en el que se comunica con su audiencia, es perfectamente genial usar más de un tipo de elemento visual. Es decir que no hay problema ni contradicción si desea combinar fotografías, ilustraciones, animaciones e infografías en el mismo sitio web.

De hecho, muchos diseñadores usan una combinación de elementos y solo hay una cosa muy importante que traza la línea entre una buena mezcla y una mal ejecutada: la intención.

La intención significa que está diseñando teniendo en cuenta que cada elemento presente en su sitio web o en su aplicación debe ser relevante y útil para un objetivo en particular. No agregue imágenes o ilustraciones solo para llenar un espacio en blanco (y corra el riesgo de llamar la atención del usuario de la información del producto) y no publique infografías solo porque están de moda. Alinee siempre sus imágenes con su marca.

Use cada elemento para mantener la conversación con sus usuarios y mantenerlos involucrados en su viaje de descubrimiento de productos.

Y como regla general, así es como sugerimos usar 3 de los activos visuales más populares:

  • Fotografías – Realmente brillan cuando se usan para resaltar las características del producto (dependiendo del tipo de producto), para presentar ciertas entidades (como los miembros de su equipo) o para presentar eventos e historias.
  • Ilustraciones – Son excepcionales cuando se usan para presentar conceptos o metáforas y como micro interacciones (botones de pensar, alternar, estados vacíos). También son la opción perfecta para las pantallas de aplicaciones, ya que pueden agregar emoción sin interrumpir la experiencia del usuario.
  • Fuentes – Sí, las fuentes también son recursos visuales. Y harán o romperán su conversación con sus usuarios, literalmente (doble juego de palabras). Las fuentes también funcionan en pares y hay una recomendación general de que solo debe usar 3 o 4 en un diseño determinado. Ciertamente, puede usar diferentes fuentes para textos principales, titulares y superposiciones de texto, pero asegúrese de que estén armonizados, sean legibles y eficientes en varias pantallas.

Y al igual que las imágenes deben resaltar su contenido escrito, las fuentes deben actuar como una voz cristalina para su información.

Ya sea que esté buscando recursos para integrar en el diseño de su marca o buscando imágenes específicas para una campaña o evento, las bibliotecas de fotos de archivo ahora ofrecen todo tipo de activos: fotos, ilustraciones, fuentes, videos, elementos de interfaz de usuario y muchos más. Todo lo que necesitas es una "estrategia de compra".

5. Mantenga la voz de su marca auténtica cuando hable en público.

Imágenes de Dreamstime

Entonces, hemos hablado sobre cómo construir su diseño en su propio dominio o producto. Pero también con frecuencia saldrá de su territorio para atraer a audiencias más amplias: en redes sociales, foros, blogs, sitios web de terceros.

Su diseño debe extenderse y adaptarse para cumplir con estas ocasiones. El contenido social de marca ha sido imprescindible durante años y esa es una tendencia que probablemente no veremos cambiar pronto. Lo que sí cambió, sin embargo, en los últimos 2 años, es el formato preferido del público para el contenido social. Contenido efímero, específicamente historias (en Instagram, Facebook o YouTube) es ahora el tipo de contenido social más consumido y más eficiente.

Y debido a que su carácter está en su nombre (efímero), generar constantemente contenido altamente pulido para los canales de redes sociales puede convertirse rápidamente en una pesada carga financiera.

Una vez más, hay una solución simple y extraordinariamente eficiente para este desafío: fotos de archivo, videos y plantillas. Todo lo que debe hacer es concentrarse en su mensaje real y en mantener su diseño y voz consistentes.

En definitiva, la experiencia del usuario es un proceso continuo. Crece y cambia con su producto y sus audiencias, desarrollándose a medida que aprende más sobre sus clientes y al construir o reconstruir características e interfaces. Su diseño también puede cambiar, para adaptarse a nuevas audiencias o nuevas personas de marca. Sin embargo, lo que debe permanecer constante son sus diálogos con sus usuarios y su flexibilidad.

Cuando diseña experiencias de usuario, influye en el tiempo, las emociones y los resultados que sus usuarios invierten en descubrir su producto o servicio. En formas más profundas que nunca, diseñar productos y crear UX es un elemento social y ético de la vida cotidiana. Y aunque eso puede sonar un poco intimidante, es una oportunidad extraordinaria para mejorar vidas y dejar una marca positiva. El diseño ya no se trata de papeles de envoltura bonitos, se ha convertido en una fuerza significativa.

Para permanecer enfocado en su misión y apoyarse en su proceso de experiencia de usuario, considere concentrar sus recursos en el desarrollo de productos (investigados a fondo) y recurra a fuentes rentables para impulsar su diseño. Y ahí es exactamente donde las bibliotecas de fotos de archivo se adaptan a su viaje y lo hacen más fácil.

Este artículo fue escrito por Clif Haley, que es un profesional de SEO y actualmente trabaja para Dreamstime, una de las principales agencias de fotografía. Cuando no está ejerciendo su experiencia en SEO, a menudo va de excursión y le gusta el aire libre.