Usabilidad web

1. Aquí tengo el internet

Una caja negra al frente. ¿Qué hace? ¿Cómo sé que está encendida? ¿La tengo que frotar para pedir un deseo? ¿Le hablo bajito? ¿Recito algo? Un simple LED lo resolvería. La retroalimentación importa tanto como la función.

→ Heurística 1: Visibilidad del estado del sistema

2. Señales que nos hablan

Una bandera roja, un signo de admiración, una calavera. Nadie nos explicó qué significan, y aun así las entendemos al instante. Las interfaces hablan mejor cuando usan el idioma que ya conocemos.

→ Heurística 2: Concordancia entre el sistema y el mundo real

3. El tablero del auto

Durante años, el tablero del coche fue el gran ejemplo de usabilidad: mostraba justo lo que necesitabas. Y al encender, revisaba todo, incluso sus propios foquitos, para confirmar que ninguno estuviera fundido. Ese chequeo es usabilidad, y es la puerta de entrada a la experiencia de usuario.

→ Heurística 1: Visibilidad del estado del sistema

4. Si la vida te da limones, escribe mejores mensajes de error

Basado en el artículo When life gives you lemons, write better error messages (se abre en otra pestaña), de Jenni Nadler. Un buen mensaje de error evita cuatro cosas: el tono inapropiado, la jerga técnica, culpar al usuario y los mensajes genéricos. A cambio, dice qué pasó y por qué, brinda tranquilidad, ayuda a solucionarlo y ofrece una salida. Ver el modelo completo.

→ Heurística 9: Diagnóstico y recuperación de errores

5. Cómo empezar una conversación

“Hola, me llamo Íñigo Montoya. Tú mataste a mi padre. Prepárate a morir.” (La princesa prometida). En cuatro frases hay saludo, presentación, vínculo y expectativa. Es el modelo para que una interfaz empiece bien la conversación con su usuario.

Ejemplo tomado de Ibarreche (@ibarrechejavier) (se abre en otra pestaña), creador mexicano de contenido de cine en TikTok.

6. UX en acción

Tres heurísticas de Nielsen, con un ejemplo cada una: visibilidad del estado del sistema, concordancia con el mundo real y control y libertad del usuario. Para la tercera, la regla 22 de Zombieland: “Si hay dudas, siempre debes saber dónde está la salida.” Una buena interfaz siempre te deja salir.

→ Heurística 1 · Heurística 2 · Heurística 3

7. De la regla al ciclo

Todo esto migra hoy a Lean UX: construimos, medimos, aprendemos, y repetimos. Es un ciclo constante en el que el usuario va construyendo su propia interfaz.

Práctica: cuadernillo UX en Acción

Las 10 heurísticas, cada una con un ejemplo, trabajadas en papel para entender cómo funcionan antes de abrir la computadora.