Son dos de las piezas clave de la navegación, y resultan fundamentales para todo aquel que quiera diseñar una aplicación web o móvil: son la User Interface (UI) y la User Experience (UX). A menudo se habla de ellas indistintamente pero no son lo mismo: la UI forma parte imprescindible de la Experiencia de Usuario, pero solo es un instrumento básico que permite al usuario interactuar con el sistema. En cualquier caso, el diseño UX/UI se ha convertido en un elemento básico para completar el perfil de desarrollador Full Stack. Y gracias al bootcamp de Ironhack podrás adentrarte en este mundo. ¿Quieres conocer algo más sobre el diseño UX/UI? Acompáñanos.

User eXperience (UX)

La Experiencia de Usuario (UX) es el nuevo paradigma de la navegación web. Las empresas ya no se limitan a vender productos o servicios sino a procurar experiencias únicas a sus usuarios. Y el acrónimo UX refleja eso: las sensaciones que tiene una persona al interactuar con un sistema, una web o una App. Conseguir un buen diseño UX es lo que determina si un usuario permanece en nuestra página web o la abandona en pocos segundos. Y cuando nos ponemos a programar, solo existe una forma de lograrlo: cuando el diseñador se pone en la piel del usuario y consigue el equilibrio perfecto entre sus necesidades y los objetivos de la web, y además es capaz de llevarlo a cabo desde un punto de vista técnico. Y eso no siempre resulta sencillo: un UX Designer no solo tiene que tener conocimientos de programación web, sino también de Psicología, Sociología, marketing y comunicación…. Por eso existen muchos métodos para obtener la información relevante para crear una web. Estos son solo algunos:

Entrevistas con Stakeholders. Consiste en preguntar una serie de datos necesarios para configurar el proyecto web a las personas que tienen algo que decir sobre él.

Benchmarking. Es un análisis de la competencia previo a la elaboración del proyecto para poder extraer insights de interés.

Analítica Web. Gracias a las herramientas de Analítica Web podemos medir el comportamiento de los usuarios: los datos cuantitativos nos ofrecen información objetiva y numérica sobre la navegación, mientras que la analítica cualitativa nos ayuda a desentrañar el porqué. Esta es la razón fundamental por la que los diseños se basan en datos.

Card sorting. Esta técnica consiste en pedir a los usuarios que organicen los diferentes elementos de la web en grupos para mejorar la arquitectura de la información de un sitio.

Entrevistas personales. Ayudan a conocer las opiniones, el lenguaje y las prioridades de los usuarios potenciales.

Mapa conceptual. Es un mapa web conceptual que ayuda a definir la jerarquía de la información y que contribuye a mejorar el SEO.

Test A/B. Es una prueba básica en cualquier proyecto de diseño, de marketing o de desarrollo web, que ofrece al usuario dos versiones similares para elegir la más efectiva.

User Interface (UI)

Aunque tengamos el mejor producto web del mercado, no nos servirá de nada si no conseguimos que sea atractivo. Y el trabajo de un diseñador UI es precisamente ése: elaborar una interfaz de producto visual y efectiva para conseguir la mejor Experiencia de Usuario. El diseño UI es el responsable del grafismo y de que existan elementos interactivos y adaptativos a cada plataforma. Y, como pasa con la UX, existen diferentes técnicas para conseguir una interfaz de usuario atractiva y que dé vida a una web.

Wireframe. Es un prototipo o un boceto en el que se representa de forma sencilla la estructura de una web. Es tan básico que no incluye elementos de diseño sino únicamente el esqueleto de la página con sus principales contenidos. Gracias a los wireframes se puede ver de una forma rápida y barata la estructura básica de un proyecto para poder corregir fallos sin complicarnos la vida.

Mockups. Son herramientas visuales que sirven para mostrar a un cliente el montaje de un diseño web con un software de edición de imágenes estáticas. Es un elemento de análisis del diseño, exclusivamente, y no permite extraer ninguna conclusión sobre usabilidad.

Animaciones. Las animaciones se han convertido en una pieza clave para mejorar la UX. No solo centran la atención el usuario sino que contribuyen a dar personalidad a la propia web y jerarquizan sus elementos visuales.

Si te interesa el diseño UX/UI y quieres compaginar el aprendizaje de esta disciplina con tu trabajo, recuerda que puedes asistir al bootcamp part-time de Ironhack y adquirir en 24 semanas las competencias que necesitas para convertirte en un diseñador UX/UI.