Es gracioso porque en el mundo del Marketing Digital cada vez hay más siglas y nombres nuevos que rápidamente se ponen de moda como el Growth Hacking.

Sin embargo, hoy no te quiero hablar de esta tendencia. Hoy quisiera hablarte de la diferencia entre dos siglas relacionadas al diseño y desarrollo de páginas web. Me refiero a UX y UI. Dos siglas que se prestan a confusión con facilidad pero que en realidad no son en absoluto lo mismo.

De hecho, no hace mucho tuve que hacer una presentación sobre las ventajas y oportunidades del diseño web mobile en el marketing digital actual en las oficinas de Google Madrid y a la hora de poner mi perfil en la presentación dudé por unos minutos si colocar la sigla UX (User Experience) o no. Al final preferí quitarlo porque podría llevar a confusión, sin contar con que me vería en el compromiso de explicarlo y desviarme de la temática.

Pero en este caso, como nos dedicamos al diseño y desarrollo de páginas web me parece oportuno aclarar en breves palabras esta temática. ¿Qué son y en qué se diferencian?

Dentro del diseño y desarrollo de páginas web existe el diseño de UX y diseño UI

Empecemos por el significado:

UX significa User Experience: como dice el nombre, es la experiencia que tiene cualquier usuario al interactuar con cualquier entorno, plataforma digital o dispositivo. En este caso hablaremos de páginas web o apps.

UI significa User Interface: es el diseño de la interfaz gráfica, a menudo sobre la interfaz web o una app. Aunque si me apuras, podría también ser el diseño gráfico del entorno visual de cualquier software.

Relación entre UX y UI

En realidad tienen mucha relación, ya que a la hora de desarrollar una web o un app, hay que analizar y plantear cómo queremos que sea toda la experiencia de usuario (UX) en todas sus fases. Para que te hagas una idea, dentro de este proceso UX está la fase del diseño de la interfaz web (UI).  Ahora bien, a diferencia del diseño de la gráfica web (UI), en el diseño de la estrategia (UX) hay que determinar más cosas incluso más complejas. Me refiero a la programación, la optimización de tiempos de carga, agilidad de procesos de compra, ciclo de compra sencillos, contenido que aporte valor, respuesta rápida a la hora de solicitar información (atención al cliente), módulos especiales o funcionalidades específicas para satisfacer las necesidades del cliente potencial como por ejemplo, habilitar una área privada o de acceso limitado.

En otras palabras,

Un especialista en diseño UX se encarga de desarrollar la mejor experiencia posible al usuario y resolver todas sus necesidades, desde el momento en que llega a la web desde un resultado de búsqueda hasta completar la compra, e incluso la estrategia de repesca del usuario con la fidelización a través de una oferta hecha a medida. El diseño UX contempla todo el planteamineto del ciclo de vida del usuario con la web.

Un especialista en diseño UI, es el responsable de disponer todos los elementos gráficos del site (front end) para que este tenga el look & feel más atractivo y genere la empatía suficiente como para atraer al usuario, retenerlo el máximo de tiempo posible y persuadirlo gráficamente para que consuma contenidos. Hablo del diseño y disposición de elementos (estilos CSS) como el uso de las tipografías más adecuadas, los colores adecuados, imágenes, formularios y botones atractivos siguiendo la identidad corporativa de la empresa. Aquí entra en juego también la famosa palabra Usabilidad una función vital para que un usuario pueda desenvolverse cómodamente en toda la interfaz web.

En conclusión:

El diseño UI es un proceso dentro de las fases del diseño de UX. Con lo cual, son elementos que van estrechamente vinculados. El especialista UI implementa en el diseño de la interfaz web las instrucciones específicas que están dentro de la estrategia desarrollada por el especialista UX. 

Si quisieras ver ejemplos muy chulos de Interfaz web UI te propongo esta galería: UI Designs inspiration

En este artículo de Raúl Rey, te explica de manera extendida y detallada las diferencias entre UX y UI

Hasta la próxima.