• UX/UI

¿Qué es UXUI?

Lorena Gimenez – Julio 2022

UX y UI por fin explicados. En este artículo encontrarás la definición de que es ser UXUI. Entenderás las diferencias entre un diseñador de experiencia y un diseñador de interfaz o mejor dicho la relación entre ambas y su poderosa combinación. Conoce las fases, técnicas y metodologías para abordar un proceso creativo de alta calidad, pasaremos de lo conceptual a lo tangible, a lo real.

Lo que te contamos son solo unas pocas razones para convertirte en UXUI, una profesión que cambiará no solo tu forma de pensar, también tu futuro.

¿Qué es UX/UI?

User-centered, wireframes, research, prototype… Y podría seguir enumerando términos que seguramente te suenen, pero no llegan a concretar qué es ser un UXUI.

Seguramente en tu día a día navegues por multitud de webs ya sea desde el ordenador, móvil o tablet buscando algo en concreto, un producto, un servicio o simplemente como entretenimiento.

Hay webs repletas de información en donde encontrar algo resulta incómodo y frustrante o por el contrario web y aplicaciones que te han fascinado.

Si esto segundo te ha pasado seguramente haya detrás un excelente equipo que ha trabajado el UXUI.

Bien, vayamos por partes o como diría un buen UXUI “Veamos por partes”.

La abreviatura UX significa User Experience o Experiencia de Usuario y UI User interface o Interfaz de usuario.

Esto seguramente ya lo sabías, pero ¿Qué hace UXUI en su día a día?

Un UX tiene como requisito principal satisfacer, de manera sencilla e intuitiva, las necesidades de los usuarios.

Esta definición se queda escueta, ya que user experience va mucho más allá de dar a los clientes lo que quieren o lo que creen querer. Un UX trabaja de forma transversal, nutriéndose y fusionando en perfecta sintonía las diferentes disciplinas (MKT, industrial, desarrollo…) para recopilar esa info, tratarla y dotarla de sentido y valor.

Un diseñador UI es todo lo relativo al aspecto visual de la interfaz, a todo lo visible para el usuario.

Ello incluye desde simples líneas hasta interfaces con un diseño complejo.

Tiene como objetivo establecer una comunicación visual, interpretando lo que siente y quiere el usuario del mundo real para aterrizarlo al mundo digital en tan solo unos pocos clicks.

Es complicado definir de forma concreta que es ser UXUI, o que es ser UX o ser UI. Ambas están muy relacionadas y su combinación es esencial. No podríamos entender la una sin la otra. Lo que sí que podemos es intentar explicar cuáles son esas diferencias, que al fin y al cabo son las que hacen que la experiencia de usuario sea completa.

Un UX centrará su energía en saber que sienten y que experimentan los usuarios al interaccionar con un servicio/producto.

La parte UI se encarga de la apariencia e interactividad, generando y alineando cada componente y elemento visual para plasmar dicha experiencia.

Ambos harán foco en el negocio. Un UX buscará que es útil, que es fácil, que se espera. Un diseñador UI presentará dicha interfaz basada en los requerimientos previos. Ambos no deben perder de vista el objetivo.

Fundamental, tanto si eres UX como UI o híbrido no olvidar la doble mirada, Mirada experta & mirada amateur. Conectar de forma metódica pero también estar dispuesto a aprender en el proceso, manteniendo una visión que redescubre, que evoluciona.

Un UXUI, comprende multitud de actividades de diferentes disciplinas, por ello, siempre está en constante búsqueda y aprendizaje.

Podríamos decir que es el unicornio que todo lo sabe y como dice el refrán “un UXUI en unicornio se convertirá y a la cama no se irá sin saber una cosa más”

Ahora que sabes un poco mejor que es un profesional de la experiencia de usuario e interfaz hablemos de cómo llevarlo a cabo.

¿Cómo aborda un UXUI un proceso creativo? ¿Cuáles son los pasos de un proyecto de experiencia? ¿Cómo empezamos?

Centraremos el proceso en cinco etapas:

1. Asentamiento
2. Investigación
3. Ideación
4. Prototipado & Diseño
5. Implementación & Medición

1. Asentamiento

Lo primero que debemos entender es el qué se quiere lograr.

Se generará un briefing que resuma con claridad los objetivos, plazos, equipo, presupuesto… Esto permitirá que perfiles de diferentes ámbitos trabajen en la misma dirección, estableciendo los canales de coordinación de desarrollo el proyecto.

2. Investigación

La investigación es clave para el éxito. Y el éxito necesita tiempo.

Tiempo de recabar información, realizar entrevistas, encuestas, estudio de perfil, focus group, heurísticos… Multitud de técnicas que nos permitirán tomar decisiones y tener una base sólida y bien nutrida para plasmar la arquitectura de la información, flujos de navegación, y funcionalidades para empezar a dar vida a nuestro producto digital.

3. Ideación

Una vez hemos investigado tenemos el poder más importante, el de la información.

Esta es la fase de empatizar y definir. Formularemos preguntas vinculadas con los problemas y necesidades encontrados en la fase anterior para dar forma de nuestro producto. Pasamos de los conceptual a lo tangible.

Cardsorting, treetresting, mapa de navegación, wireframes, mapas de clases…

El resultado serán unos entregables que apoyarán a la siguiente fase.

4. Prototipado & Diseño

Papel y lápiz o herramientas más complejas, todo es posible pero no todo vale.

En la fase de prototipado necesitamos planteamientos ágiles, sin parar en los detalles para poder lanzar productos rápidos y ver la respuesta del mercado para poder medir y seguir una evolución.

Una vez aterrizado se trabajará a alta fidelidad, es decir se traducirán los prototipos a diseños. Nos centraremos en la representación del producto trabajando cada una de las vistas asegurando que sea entendible y atractivo. Estructura, color, jerarquía, tipografía, interacciones…

5. Implementación

En esta fase se traducen los diseños a prototipos funcionales, interactivos.

Aquí convergen equipos de diferentes disciplinas entrando en escena la integración y la implementación del sistema.

Un producto o servicio digital es un organismo vivo en constante cambio por lo que no existe un estado final del proceso.

Si te interesa esta disciplina, la mejor manera de comenzar es entendiendo su valor, sus metodologías y procesos. Debes conocer todas las partes implicadas y fases para enfrentar el desafío final más importante: entender las necesidades del usuario.

No es un aprendizaje único y estático, es estar en constante evolución y desarrollo, abierto no solo a los conocimientos teóricos sino también a habilidades sociales necesarias de comunicación, escucha, de entendimiento.

Be curious my friend.

Como ves, un UXUI nunca se aburre. Hay mucho que explorar y que descubrir. Es una profesión en donde se hace tangibles los resultados, se marca la diferencia en los productos digitales para crear experiencias realmente gratificantes.

Con todo lo leído, ¿Te animas a ser UXUI? Desde MOA te proponemos un plan de formación de calidad donde te enfrentarás a casos reales de forma práctica y darás vida una un producto digital real. Comienza la aventura echando un vistazo a nuestro Programa Superior de Experiencia de Usuario y Diseño de Interfaz

Referencias

• https://www.drauta.com/mas-alla-del-user-experience-ux
• https://medium.com/@ironhackmad/6-motivos-por-los-que-estudiar-ux-b680b7a1440e
• https://acumbamail.com/blog/ui-vs-ux/?gclid=Cj0KCQjw1tGUBhDXARIsAIJx01lePJAQ2tF9qYxN4d0hyzyVjGysuHvGoJ3jNGhXSNdXJPNpUgJIqUMaAlu2EALw_wcB
• https://medium.com/laboratoria/los-distintos-roles-dentro-del-user-experience-ux-601706d578aa
• https://medium.com/@utkarsh20jha/how-to-start-ui-ux-2022-21f56c13dcba
• https://imaginxp.com/a-pilot-to-the-difference-between-ui-and-ux/
• https://www.ionos.es/digitalguide/paginas-web/diseno-web/ui-que-es-una-interfaz-de-usuario/
• https://www.nngroup.com/articles/definition-user-experience/
• https://www.ayerviernes.com/metodologia-ux
• https://bisiesto.es/etapas-del-proceso-ux/