Saltar al contenido
AprenderUXUI » Aprender UX / UI y Diseño de Producto » Temas UI para personalizar eventos

Temas UI para personalizar eventos

En el equipo de diseño UX / UI siempre estamos expuestos a trabajar en colaboración con otros departamentos si es que no formamos parte de ellos. Idealmente seríamos un departamento independiente o a lo sumo sólo parte del departamento de producto. En cualquier caso, muchas veces nos vemos trabajando junto al departamento de marketing y es por eso que en esta ocasión, quiero hablarte de los temas UI adaptables para eventos.

Tabla de contenidos

Estos son los efectos que vamos a ver en esta entrada:

¿Qué son los temas UI?

Los temas UI (o quizá temas en UI) son conjuntos de estilos, colores y elementos visuales que determinan la apariencia general de una interfaz de usuario. Desde la elección de colores hasta las tipografías, los Temas UI juegan un papel crucial en la estética y funcionalidad de cualquier aplicación o sitio web. No debemos confundir los temas UI con los sistemas de diseño ni con los UI Kits porque en realidad son parte de ellos. El UI Kit puede formar un solo tema o puede incluir varios temas, el sistema de diseño aparte de incluir todos los posibles temas, incluye las explicaciones y justificaciones que conforman toda la documentación de los elementos visuales y otros aspectos de estilo y personalidad.

Temas Claro y Oscuro de la interfaz de iPhone

Los dos temas más conocidos son el modo claro y modo oscuro. Sin embargo, muchos sistemas de diseño incluyen otros tipos de temas UI que se ajustan a necesidades particulares de los usuarios (como por ejemplo daltonismo), o cuanto menos, ofrecen diferencias estéticas.

Beneficios de los temas UI

Consistencia Visual: Un tema bien diseñado asegura una apariencia consistente en toda la plataforma. Esto no solo refuerza la identidad de marca, sino que también proporciona a los usuarios una experiencia coherente.

Adaptación a las necesidades: como te decía previamente, una buena utilidad de los temas en UI es mejorar la experiencia de uso de quienes pueden tener ciertas dificultades de visión. Así por ejemplo, podemos tener un tema básico para la mayoría de usuarios y luego otro con mejoras en el contraste de colores para quienes necesitan ver mejor

Selector de Temas UI del Sistema de Diseño Carbon de IBM
Selector de Temas UI del Sistema de Diseño Carbon de IBM

Adaptación a preferencias: también te lo comentaba con anterioridad, una mayor cantidad de temas, permite una mayor adaptabilidad en cuanto a las preferencias de nuestros usuarios. De hecho los sistemas operativos de Mac, Windows y Ubuntu ofrecen diferentes temas para que se adapten a los gustos y personalidades de cada usuario. También en los navegadores podemos cambiar los temas.

y como último beneficio queda la razón por la que escribo esta entrada de blog, por la adaptación a eventos para apoyar al equipo de marketing.

Temas UI para eventos

Los temas UI para eventos son un gran activo de marca que ayudan a generar mucho engagement con la audiencia. Estos temas UI consistirían en cambiar la configuración visual del sistema para adaptarla a las necesidades de comunicación del momento. 

Ejemplo de cómo usar temas UI de temporada o eventos podría beneficiar a aprenderuxui. El tema normal en azul para la mayoría del año, rojo y dorado para navidad y rojo y rosa para san valentín

Podemos hacer temas UI que cambien para cada campaña que el equipo de marketing quiera lanzar, a mí me parece excesivo pero es posible. De igual manera se puede crear un tema específico para el evento del año de tu producto, de la industria o que tu producto patrocine. Supongamos que tu producto patrocina un festival de música muy importante. Dos opciones que se me ocurren al respecto son: 

  • Cambiar el tema durante la fecha del evento a todos los usuarios
  • Cambiar el tema a quienes están en la ubicación del evento

También hay eventos de los que nos podemos querer apropiar para conseguir esa conexión con el target. Los más típicos son Navidad y Black Friday por ser las fechas de mayor consumo. Otros que les siguen son San Valentín, Semana Santa y Halloween. También los días nacionales son eventos de los que apoderarse para muchas marcas. Por ejemplo el 4 de Julio, día nacional de los EE.UU. es una fecha en la que muchas marcas de allí se quieren vincular con el evento. Otros eventos importantes a los que se suelen vincular las marcas para conectar con su audiencia son la final de la superbowl, el año nuevo chino, el mes del orgullo gay, el mundial de fútbol masculino y los juegos olímpicos.

Así pues la pregunta es…

¿Cómo hacer un tema UI adaptado al evento?

Para hacer un tema UI lo primero es estudiar el tema principal, copiarlo y crear un nuevo tema a partir de la copia. 

Una vez hecho el nuevo tema, es vital pensar en la estrategia. ¿Cuánto queremos modificarlo? ¿A qué queremos vincularnos? ¿Qué códigos debemos introducir para hacerlo? ¿Qué restricciones tenemos?

Finalmente, conociendo qué elementos visuales podemos modificar y cuáles no, actuaremos en consecuencia. Seguro que podemos adaptar los colores y la iconología. Quizá también podamos incluir patrones y formas que adapten el tema a la temática del evento. Podremos pensar en modificar o incluir las animaciones y la tipografía, pero siempre bajo la premisa de no entorpecer la experiencia de uso.