Este documento presenta una introducción al diseño de experiencia de usuario (UX). Explica que UXD se trata de crear una experiencia interactiva que considera factores individuales, sociales y contextuales para simplificar el uso de un producto. Ofrece consejos como presentar pocas opciones visibles, usar patrones de diseño comunes, proveer retroalimentación y hacer las acciones reversibles. Finalmente, proporciona enlaces a recursos adicionales sobre UX.

1. Diseño de
experiencia
[DIY]

2. ‣ Que es User Experience Design
‣ Tips para mejorar la UX en tus proyectos
‣ Ejemplos
‣ Links y referencias
Agenda

5. ¿Porqué los preferimos?
La respuesta está en la experiencia
(Fácil de usar, confiable, simple, .. )

6. UXD es:
“El resultado de un proceso interactivo en el que intervienen
factores individuales, sociales, culturales, contextuales y propios
del producto”.

7. UXD tiene q ver con:
un punto de vista multidisciplinario, simplificar, ser estratégico,
alinear necesidades y expectativas, conocer a tus audiencias e
involucrarlos desde un inicio

8. UXD tiene q ver con:
“conjunto de ‘te lo dije’, decir no al Fast Food (metodología
escalonada)”

10. Objetivos
de
negocio
Mejores
practicas
Necesidades
del usuario
Experiencia
ideal
★ Diseño visual
★ DIseño de interfaz
★ Usabilidad
★ Diseño de interactividad
★ Arquitectura de información
★ Conocimientos de HCI
{

11. pero...

14. tips

15. Claridad, Jerarquías, esquemas mentales comunes, agrupación

16. Validaciones amigables, botones grandes

17. Por pasos, avance 1-2-3

18. make me happy!

19. es obvio, no distracciones.

20. oculta lo no indispensable

21. No batalles, usa patrones ( design patterns )

22. ‣ Tu no eres el usuario
‣ TODOS Formamos mental-models
‣ “No me hagas perder el tiempo; no me hagas pensar”
‣ Menos es más: Presenta pocas opciones visibles, limita
las distracciones
‣ Haz las acciones “reversibles”
‣ Provee feedback (indicadores de progreso o
validaciones visuales)
más tips

23. ‣ Usa “patrones”, no inventes el hilo negro
‣ Exagerar en las áreas clickeables
‣ Buen uso de contraste
‣ Alineación: Cantidades derecha, texto a la izquierda, no
justificado
‣ Haz fácil el link hacia el “Home” o inicio
‣ Agrupa objetos relacionados por medio de distancia o
contenedores (checar leyes gestales - hci)
‣ Se consistente
más tips

24. ‣ 9 Presentaciones sobre que es UX: http://komunitasweb.com/
2009/03/9-great-ux-presentations-to-help-you-build-better-
website/
‣ Libros:
‣ Search patterns: http://searchpatterns.org/
‣ Leyes de la simplicidad: http://lawsofsimplicity.com/
‣ Patrones de diseño:
‣ http://www.patternry.com
‣ http://developer.yahoo.com/ypatterns/
‣ http://ui-patterns.com/
links

25. ¡gracias!
t: davidjgc / w: www.davidjgc.com / m: davidjgc@gmail.com