UX, UI : ¿Cuál es la diferencia?

  • UX/UI: Diferencias

Los términos UX y UI se utilizan muchas veces, de manera equivocada, como sinónimos, cuando en realidad son partes distintas de un mismo proceso que van de la mano.

Seguramente te habrás preguntado a qué se refiere cada uno y en qué se diferencian UX y UI. Esto es especialmente importante cuando vamos a contratar los servicios de una agencia de marketing y desarrollo web, con el objetivo de transmitir con claridad qué es lo que queremos exactamente.

¿Qué es UX?

Empezamos el proceso con UX o Experiencia de usuario, que se refiere a cómo este se comporta e interactúa con la interfaz en cada uno de los puntos de contacto. Para ello, es imprescindible conocer a nuestro usuario y sus necesidades, empezando por la creación de un perfil de buyer persona. Este paso es importante porque dependiendo del sector, producto o servicio el cliente tiene necesidades distintas y el diseño debe adaptarse a estas necesidades. Aquí es donde los departamentos de marketing y diseño trabajan de manera conjunta para el desarrollo óptimo del proyecto.

También es importante tener en cuenta que UX y diseño gráfico no son lo mismo. Podríamos decir que la experiencia de usuario es todo lo que está relacionado con el diseño de un wireframe. Pero, ¿Qué es un wireframe?

“Un wireframe es un boceto previo en blanco y negro que sirve para mostrar los elementos principales de un site. En otras palabras, nos muestra la arquitectura de la información que contendrá la interfaz.”

UX

 

Un diseñador UX tiene distintas maneras de afrontar un proyecto. Una herramienta muy usada es por ejemplo, la proyección sobre papel de la arquitectura de la que hablábamos, antes de pasarla al ordenador.

Por otro lado, cuando estamos hablando de la experiencia de usuario, significa que tenemos que pensar en el Funnel, o proceso de navegación, que el usuario realizará para llegar a convertir siempre con la ayuda de nuestros amigos los CTAs (Call to action).

¿Qué es UI?

Seguimos el proceso con el UI o Diseño de Interfaz, es decir, la distribución del contenido y de los elementos que componen una web. Se refiere entre otras cosas a la gama cromática que utilizamos en los distintos elementos que componen una web o landing page y que nos permiten controlar:

  • Los flujos de navegación
  • La jerarquización de los contenidos para los espacios y colores
  • Áreas de mayor interés
  • CTAs (Call To Action)
  • Áreas reservadas para acciones puntuales de marketing

Cuando hablamos de UI, nos referimos también a la interacción del diseño con los distintos tamaños de pantalla (responsive), es decir en cómo se adapta este diseño si lo vemos en una pantalla de 27”, en una de 15” o en un móvil donde la pantalla suele tener unas 5,3”.

UI

 

Es un hecho que no tenemos por qué saber qué es cada cosa si no  trabajamos en el entorno del diseño web. No obstante, es importante tener algunas nociones básicas a la hora de solicitar un rediseño o una web totalmente nueva. ¿Por qué? Sencillo, una comunicación clara y ser capaces de transmitir con exactitud lo que queremos nos facilitará conseguir los resultados esperados. Si no nos comunicamos correctamente pueden surgir problemas de entendimiento que retrasen el proyecto o dificulten su avance.

Si tenéis dudas sobre algún punto en concreto o directamente necesitas un experto en UX/UI, escríbenos por e-mail, por las redes, rellena este formulario o directamente coge el teléfono y llámanos. Nos encantará responderte y poder ayudarte.

Utilizamos cookies analíticas de terceros que permiten elaborar información estadística sobre distintos aspectos de la actividad de los visitantes de esta página web. Si continúa navegando consideramos que acepta su uso. Puede obtener más información consultando nuestra Política de Cookies

ACEPTAR
Aviso de cookies