Diferencias entre UI y UX

diferencias entre UI/UX

Cada vez son más los acrónimos que nos acompañan, en este post enseñaremos las diferencias entre UI y UX, ya que se tiene por el mismo concepto, pero son dos cosas muy distintas.

Definiremos de que se encarga cada especialidad y veremos las diferencias entre ellas.

Dado que muchas veces se trabajan paralelamente, incluso por la misma figura, y cuesta diferenciar que desempeña cada especialidad en concreto.

Diferencias entre UI y UX

  1. User interface

    Diseño de interfaz de usuario.

  2. User Experience

    Diseño de experiencia de usuario

  3. Las diferencias

    Diferencias entre UI y UX

  4. Prototipo vs Wireframe

  5. UI/UX designer

    diseñador UI/UX

  6. Conclusiones

User interface

Diseño de interfaz de usuario.

UI = User interface = Diseño de Interfaces de usuario

La especialidad UI, es la encargada de definir la interfaz de usuario, o lo que es lo mismo, diseñar el soporte que usará el público.

Dicho de otra manera, el especialista en UI, es quien plantea la estructura, arquitectura de información, contenidos, etc. Todo aquello que hace referencia al “objeto” en sí.

Muchas veces se asocia el diseño de interfaz de usuario, con el diseño gráfico, pero no tienen porqué ser así, ya que podemos definir como será toda la estructura, arquitectura y contenidos, sin tener que aplicar una capa de diseño.

Podemos decir que el especialista UI, es quien define el objeto, su estructura y contenido, no tiene porqué ser su diseño final.

Cómo por ejemplo creando un wireframe, donde solo definiremos la estructura y los contenidos, y después podemos aplicar la capa de diseño, teniendo en cuenta toda la construcción de arquitectura definidos en el diseño de interfaz.

El especialista de UI, entre otras cosas, puede realizar :

Look and feel:

  • Análisis de clientes
  • Investigación de diseño
  • Desarrollo de marca y desarrollo gráfico
  • Guías de usuario / Storyline

Capacidad de respuesta e interactividad:

  • Prototipos de IU (wireframe)
  • Interactividad y Animación
  • Adaptación a todos los tamaños de pantalla del dispositivo
  • Implementación con desarrollador
User Experience

Diseño de experiencia de usuario

UX = User Experience = Diseño de experiencia de usuario

La especialidad UX, es la encargada de definir la experiencia del usuario a la hora de usar la interfaz o lo que es lo mismo, definir las acciones, comportamientos y funcionamientos que tendrá nuestra interfaz respecto al usuario.

Podríamos decir que el especialista UX, es el encargado de definir como el usuario interactuara con ese objeto.

Dicho de otra manera el especialista UX, es quien define las interacciones que vivirá el usuario al usar nuestra interfaz. Todo aquello que hace referencia al usuario.

El especialista de UX, entre otras cosas puede realizar:

Estrategia y contenido:

  • Análisis de la competencia
  • Análisis de clientes
  • Estructura del producto / estrategia
  • Desarrollo de contenido

Ejecución y Analítica

  • Coordinación con los diseñadores de UI
  • Coordinación con los desarrolladores
  • Objetivos de seguimiento e integración
  • Análisis e iteración

Wireframing y prototipos:

  • Wireframing
  • Prototipos
  • Prueba / iteración
  • La planificación del desarrollo
Las diferencias

Diferencias entre UI y UX

Ya teniendo clara su definición, vemos que es más sencillo poder diferenciar estas dos disciplinas.

Así como el especialista UI, creará toda la estructura y contenidos, El especialista UX, con la visión de usuario, es el encargado de definir las interacciones con nuestra interfaz.

Pondremos un ejemplo práctico para ver las diferencias entre las dos disciplinas, la especialidad UI es la que define el objeto y la especialidad UX, la que define como el usuario experimentará ese objeto.

Prototipo vs Wireframe

Se suele confundir por lo mismo un prototipo y un wireframe, pero son cosas muy diferentes. Tenemos que aprender a diferenciarlas, para saber en todo momento cuales son las acciones de cada disciplina.

Wireframe, entendemos como wireframe, en traducción estricta, estructura de cable. Esto significa que en un wireframe definiremos todo el peso estructural del proyecto, definiendo la arquitectura y contenidos. Un wireframe no tiene porque tener un diseño final, suelen ser más conceptuales, donde es fácil ver los diferentes pesos, secciones, estructura y arquitectura que hay en el proyecto.

wireframing
prototipo

Prototipo, entendemos como prototipo, una demo funcional de nuestro proyecto, donde podemos ver un diseño más definido y poder evaluar el funcionamiento de nuestro proyecto. Normalmente en los prototipos podemos hacer una navegación o diferentes acciones para poder ver cómo responderá nuestro proyecto ante las acciones del usuario.

UI/UX designer

diseñador UI/UX

La figura del diseñador UI/UX, es la del profesional que tiene tanto la visión de diseño de interfaz, conjuntamente con la visión de usuario.

Para poder definir tanto los contenidos, arquitectura y estructura de nuestro proyecto, valorando el uso que realizará el usuario, creando un uso intuitivo y sencillo para el público objetivo.

Es una figura muy interesante, ya que cuenta con la visión global de todo nuestro proyecto, tanto en lo que hace referencia a la arquitectura de contenido o a las interacciones del usuario. Y es una figura muy interesante ejerciendo de nexo entre el equipo de diseño y el equipo de desarrollo, ya que tiene una visión mixta de los entornos.

Conclusiones

Diferencias entre UI y UX

Teniendo claro qué acciones desarrolla cada especialidad, podemos tener más claro que es lo que necesitamos para nuestro proyecto.

Valorando las funciones que realizan los especialistas de UI/UX, cada vez se hace más necesario que contemos con esta figura, para poder mejorar lo máximo posible la experiencia del usuario en nuestra interfaz.

Si estas interesado en el UI/UX, te aconsejamos que visites algunas de estas webs, que tien contenido muy interesante, Google material design, Refactoring UI, Degreeless.design,

Si por otro lado, estás buscando un especialista en UI/UX, no dudes en contactar con nosotros para que podamos ayudarte a mejorar tanto tu proyecto como la experiencia de tus usuarios. No lo dudes y contacta con nosotros

Ultimas noticias