¿Qué debe tener una buena interfaz de usuario?

3 min de lectura · Ir al TL;DR

Como siempre repetimos aquí, debemos acabar con la consideración general del diseño como un elemento meramente estético para comprender que en realidad se trata de una disciplina, sobre todo, funcional. El objetivo de una buena interfaz de usuario será siempre el correcto funcionamiento de la misma, su capacidad para cumplir con lo que promete y para ayudar al usuario a encontrar lo que está buscando. Como decía Steve Jobs:

“El diseño no es solo la apariencia, el diseño es cómo funciona”.

Un formulario confuso puede hacer que alguien abandone una compra. En los datos de Baymard actualizados en septiembre de 2025, el 17% de los compradores online de Estados Unidos había abandonado un pedido porque el proceso de pago era demasiado largo o complicado. El dato se refiere al checkout, no al abandono de cualquier web. ¿Qué debe tener una buena interfaz de usuario?

SIMPLICIDAD

El tiempo de permanencia de los usuarios en tu blog es oro. No los confundas, facilítales la visita haciendo una web sencilla, clara y concisa. Crea una jerarquía, explica a tus usuarios lo que pueden hacer en tu web y ayúdales para que lo hagan lo más facilmente posible. En GoodUI nos dan algunos consejos para mejorar nuestra interfaz, destaco algunas:

Simplicidad web

Prueba a hacer una sola columna en vez de una web multicolumna

EXPERIENCIA

Una vez tengas resulta la funcionalidad y la simplicidad, dales a tus usuarios “algo más”, ese “plus” por el que te elegirían a ti frente a tus competidores. Crear una interfaz sencilla y útil es fundamental, pero también lo es ir más allá y hacer de ella una experiencia sensorial para tus usuarios, de manera que estos disfruten con su uso. Una forma sencilla y efectiva de conseguir esta experiencia es mediante la animación de la interfaz de usuario, con muy poquito se puede conseguir ese efecto “Guau!” que todos buscamos. En Ui-animations nos muestran unos ejemplos de animaciones de interfaces muy bien conseguidas.

Experiencia de usuario

Animación de imessage en iOS7

Experiencia de usuario

Menu radial de Path

User experience

Animación para like/dislike de Tumbrl

DETALLE

Casi como una extensión del punto anterior, está bien recordar lo que dijo Mies Van der Rohe:

“Dios está en los detalles”.

En Little big design nos dan un montón de ejemplos de esos pequeños detalles que nos enamoran en una buena interfaz de usuario.

Detalle web

El favicon de Youtube cambia dependiendo del estado del video: cargando, play o pausa. Detalles de la web Facebook cambia automáticamente el icono dependiendo de si el matrimonio es heterosexual u homosexual. Detalles online El icono de mensajes de Windows Phone cambia a una carita triste cuando hay un problema al enviar el mensaje.

Detalles

Google docs pone nombres de animales a los usuarios anónimos

Detalles digital

En Threadless una barra superior te informa automáticamente de que envían al país desde el cual estás accediendo. No te quedes en la superficie, se detallista, perfeccionista hasta el extremo, tus usuarios lo valorarán.

Sigue leyendo

Ver todos los artículos