El diseño UX y UI aparece en casi toda conversación sobre sitios web y aplicaciones, y a menudo se usan las dos siglas como si significaran lo mismo. No lo son. Entender la diferencia te ayuda a pedir mejor un proyecto y a evaluar si tu página funciona o solo se ve bien.
Qué es el diseño UX y UI
UX significa experiencia de usuario. Se ocupa de cómo se siente y se resuelve la visita: si la persona encuentra lo que busca, si entiende el proceso y si llega al final sin frustrarse. UI significa interfaz de usuario. Se ocupa de lo visible: colores, tipografías, botones, iconos y composición.
Diferencias entre el diseño UX y UI
- UX investiga, ordena la información y define los recorridos
- UI da forma visual a esos recorridos y los hace coherentes con la marca
- UX se mide con tareas completadas y tiempo para lograrlas
- UI se evalúa con claridad, consistencia y estética
Una página puede ser bonita y confusa, o simple y eficaz. Lo ideal es que ambas disciplinas se apoyen.
Cómo se trabaja el diseño UX y UI en un proyecto
- Se define el objetivo del sitio y quién lo va a usar.
- Se prepara la estructura: mapa del sitio y esquemas en baja fidelidad.
- Se diseña la parte visual a partir de esos esquemas.
- Se prueba con personas reales y se corrige.
Señales de que falla la UX
Si los visitantes entran y salen de inmediato, si nadie rellena el formulario o si te llaman para preguntar algo que está en la web, es posible que la experiencia no esté resuelta. Los textos largos sin títulos, los menús con demasiadas opciones y los botones poco claros son causas habituales.
Detalles de UI que marcan la diferencia
Un tamaño de letra legible, buen contraste, botones con espacio suficiente para pulsar con el dedo y un estilo repetido en todo el sitio. Todo esto se apoya en un buen diseño adaptable; lo explicamos en diseño web responsive.
Qué pedir a quien diseñe tu web
Pregunta si incluye investigación o pruebas de uso, no solo la parte visual. Si estás empezando, repasa antes qué incluye el diseño web. Para ampliar el concepto de experiencia de usuario, puedes leer la entrada de Wikipedia sobre experiencia de usuario.
