UX Design para No Disenadores: Lo Esencial para Crear Productos Buenos
UX (User Experience) design no es magia ni sentido común. Es un discipline con principles específicos que podés aprender, incluso si no sos disenador.
Y necesitás entenderlo, aunque sea un poco. Porque si construís productos digitales, la experiencia de usuario es tu responsabilidad.
Qué Es UX Realmente
UX es la disciplina de diseñar productos que sean:
- Útiles: Resuelven un problema real
- Usables: Las personas pueden figure out cómo usarlos
- Deseables: La gente quiere usarlos
- Encontrables: Los usuarios pueden navigate y encontrar lo que buscan
- Accesibles: Funcionan para personas con diferentes abilities
- Creíbles: Generan confianza
- Valiosos: Entregan el resultado que prometen
Los 5 Heurísticos de Usabilidad de Jakob Nielsen
Principios fundamentales para evaluar cualquier interfaz:
1. Visibilidad del Estado del Sistema
El usuario siempre debe saber dónde está y qué está pasando.
✅ Ejemplo correcto:
- Al hacer click en "Enviar", mostrar "Enviando..." → "Enviado ✓"
- Indicar en qué paso de un proceso de checkout estás
❌ Ejemplo incorrecto:
- Pantalla en blanco después de submit, sin saber si funcionó
2. Match Entre el Sistema y el Mundo Real
Hablá el lenguaje del usuario, no el técnico.
✅ Correcto: "Tu pedido fue enviado"
❌ Técnico: "Order status: SHIPPED"
3. Control y Libertad del Usuario
Siempre dá una salida, un undo.
✅ Siempre tener botón "Cancelar" o "Volver"
❌ Procesos sin forma de cerrarlos o cancelarlos
4. Consistencia y Estándares
No reinventés la rueda para cosas que ya tienen convenciones.
- Los botones de acción primaria van a la derecha o abajo
- El icono de casa es para home
- La X cierra modales
пользователи no tienen que aprender tu sistema único.
5. Prevención de Errores
Mejor evitar que el usuario cometa errores.
✅ Contraseña con indicator de fortaleza mientras tipés
❌ Dejá errar y después mostrás "contraseña inválida"
Lo Que Los Developers Usually Hacen Mal (Y Cómo Arreglarlo)
Error 1: Demasiada Información en Pantalla
Cada elemento compite por atención. Si todo es importante, nada es importante.
Solución: Prioritizá. Si no podés prioritize, recortá.
Error 2: No Provide Feedback
Cada acción del usuario necesita confirmación visual.
- Button click → visual feedback immediate
- Form submit → estado de loading
- Error → mensaje claro en contexto
Error 3: Flows Demasiado Largos
Si un usuario necesita más de 5 pasos para completar una tarea simple, el proceso está roto.
Mínimo viable: 3 pasos o menos para el happy path.
Error 4: Ignorar Mobile
La mitad (o más) de tus usuarios viene de celular.
Revisá TODA functionality en móvil, no solo en desktop.
Cómo Hacer User Research Sin Ser Researcher
No necesitás budget ni herramientas sofisticadas para entender a tus usuarios.
Test de Usabilidad de 5 Minutos
- Dáselo una tarea específica a alguien: "Hacé una compra en la tienda"
- Observá dónde se frena, dónde se confunde, qué clickea
- No lo guíes. Solo observá.
- Al final, preguntá: "¿Dónde te sentiste perdido?"
Técnicas Gratuítas
- Entrevistas: 20 minutos con 5 usuarios te da patrones claros
- Encuestas: Google Forms para preguntas específicas
- Analytics: Dónde están los puntos de drop-off en tu funnel
- Hotjar/Mixeal: Recordings de sesiones reales (tier gratuito disponible)
Wireframing: Boceto Antes de Código
Antes de escribir código, dibujá el layout en papel o Figma.
No importa cómo se vea. Importa qué elementos hay y cómo se relacionan.
Estructura básica de cualquier pantalla:
- Header: qué es esta página
- Contenido principal: qué hace el usuario aquí
- Call to action: qué debería hacer next
- Navegación: cómo sale de aquí o va a otro lado
Recursos para Profundizar
- "Don't Make Me Think" de Steve Krug (la biblia de usabilidad web)
- Nielsen Norman Group (nngroup.com) - artículos gratuitos excellents
- Refactoring UI (refactoringui.com) - principles de diseño práctico
- Designing with Progressive Enhancement (inclusive y accesible)
Construí productos que la gente quiere usar. Explora más guías de producto y desarrollo en Cursalo.