Cual es la diferencia entre UI y UX?

December 14, 2019
Cual es la diferencia entre UI y UX?

Pregúntale a 10 diseñadores la diferencia entre Diseño UI y UX y recibirás 10 respuestas distintas.

El mundo de la tecnología es tan cambiante que todos estamos constantemente tratando de entender sus diferentes vertientes.

Vamos a tratar de deconstruir estos conceptos uno por uno.

UI o User Interface

Se refiere a la “plataforma” a través de la cual un usuario interacciona con un producto. UI puede ser algo tan simple como la manilla de una puerta o la pantalla inicial de un app.

La interfaz del usuario (UI), son todos los elementos a través de los cuales el usuario interactúa directamente con el producto.

Cuando usamos un app estamos interactuando con un producto. Piensa en Spotify o en Uber. Para navegar estas aplicaciones, pulsamos botones, menús de navegación, etc. El diseñador UI, se encarga de diseñar el aspecto de estas aplicaciones.

Si pensamos en UI de manera más flexible (fuera del mundo digital), podemos concluir que UI es todo tipo de comunicación entre el producto y el usuario.

Un ejemplo no convencional de UI son unas tijeras: Alguna vez has agarrado unas tijeras de manera incorrecta? Cómo puedes saber cual es la manera correcta de usar unas tijeras?

Como hace el producto (tijeras) para comunicarse con nosotros si las estamos usando de manera incorrecta?

A través del tacto y la visión. Cuando metemos el pulgar en el orificio incorrecto de las tijeras, SENTIMOS algo totalmente distinto a cuando lo metemos en el orificio correcto. Esta es la manera como los diseñadores de estas tijeras nos comunican cuál es la manera correcta de usarlas.

Ya sabemos que UI es la parte perceptible (con nuestros sentidos), a través de la cual el producto o servicio se comunica con nosotros.

Ahora…

Qué es UX?

Cada vez que interactuamos con un producto a través de su UI, existe una reacción dentro de nosotros. Esta reacción es lo que va a dictaminar como juzgamos al producto. Esta reacción no es tangible. Esto es el UX. La experiencia.

Qué hace el Diseñador UX?

El trabajo del Diseñador UX no es crear la experiencia.

La experiencia del usuario no es algo que se crea. La experiencia de usuario existe, queramos o no. El diseñador UX debe mejorarla y optimizarla.

La “experiencia” es un fenómeno subjetivo y ambiguo que depende de muchas variables.

Los diseñadores UX usamos herramientas y métodos para poder entender y mejorar esta experiencia de manera objetiva y casi científica.  

Todas las decisiones que toma un Diseñador UX tienen que tener un sustento y algún tipo de validación.

Dentro de las tareas del Diseñador UX están: Investigar, identificar problemas, crear soluciones, evaluar las soluciones utilizando tests de usabilidad y estudiar constantemente como se puede optimizar el producto.

La tarea del UXer nunca termina. Una vez que el diseñador ha conseguido una solución para un problema, el proceso empieza de nuevo.

Basta de ejemplos comunes. Ahora vamos a estudiar un ejemplo menos convencional.

Adivinastes!

La Banana o el Cambur!

El Diseño UI y el UX de una banana es excelente.

Estudiémoslo más de cerca.

Para estudiar este ejemplo debemos ponernos en el lugar del usuario de la Banana.

Usuario: Andres Norman.

Son la 7:04 am cuando Andrés se levanta de la cama y se da cuenta que su despertador se quedo sin bateria. Andrés se despierta usualmente a las 6:30 am porque debe llegar al trabajo a las 7:30. A Andres le gusta tener tiempo de desayunar con calma en la mañana antes de irse a trabajar.

Al ver que su despertador no sonó, Andrés se levanta de la cama sobresaltado y se pone su uniforme de trabajo lo más rápido posible. En 20 minutos debe estar en el trabajo. Desayunar como lo hace en un dia normal está fuera de las opciones de Andrés.

Con escasos 20 minutos, Andrés corre a la cocina para agarrar algo que pueda comer mientras corre al trabajo.

En la cocina hay: Un mango, una banana, una caja de cereal y avena instantánea.

Sin pensarlo dos veces Andrés agarra la banana y sale corriendo al trabajo.

Si estuvieses en la posición de Andrés, que hubieses agarrado?

Al igual que Andres la mayoria de la gente agarraria la banana.

La Banana o el Cambur: UI/UX

Ahora, como hizo el diseñador de la banana para comunicarse con nosotros?

UI

Para comunicarle al consumidor cuando puede comer la banana, el diseñador UI hizo que la interfaz cambie de color según el estado en que se encuentre el producto. Si la banana está verde: le falta tiempo de maduración. Si está amarilla podemos comerla. Si esta marron, el tiempo de consumo ha pasado y debemos desecharla.

Ahora bien, qué pasaría si cierto usuario, llamémosle Raúl, sufre de daltonismo y no puede distinguir entre el color verde y el marrón.

Como puede hacer Raúl para saber si una banana está lista para comer?

Cuando Raúl quiere saber si una banana esta lista, la agarra con la mano y dependiendo de la consistencia de la banana, él sabe si está madura o no.

UX es sobre el usuario. El diseñador UX hace todo lo posible para que cualquier usuario (sin importar sus limitaciones) pueda utilizar el producto y tener una experiencia favorable.

En general la experiencia del usuario de la banana es favorable.

Andrés no agarro la banana porque le gusta más que el mango o la avena. El agarro la banana porque es más fácil de consumir y la “experiencia de usuario” se adapta mejor a la situación específica en la cual se encuentra.

La banana le cabía en el bolsillo, no necesitaba un tenedor para comerla, no necesitaba limpiarse las manos al terminar y es suficientemente grande para saciar su hambre.

UX y UI: Disciplinas juntas, procesos y herramientas distintas.

Como dije anteriormente, el Diseño UI y el Diseño UX están muy relacionados. Cada una de estas disciplinas dependen enormemente de la otra. Es por esto que muchos diseñadores nos identificamos como Diseñadores UI/UX a pesar de que muchas veces nos enfocamos en una sola de estas disciplinas.

Estas disciplinas requieren procesos y cualidades distintas pero tienen algo en común: El usuario.

La clave para lograr diseñar excelentes interfaces y experiencias, es trabajar en conjunto y SIEMPRE poner al usuario y su experiencia como prioridad.

APRENDE DISEÑO UX PARA FREELANCERS
DE PRINCIPIANTE A EXPERTO
EL CURSO COMPLETO 100% ONLINE
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.