DIY: Tips para mejorar la

experienciadeusuario(UXD)
de tus proyectos

Avenida Colonia del Valle #421-201 Paseo Varsovia #4228, Col. Las Torres Web.
C.P. 03100, Col. Del Valle, México, D.F. C.P. 64930, Monterrey, N.L., México www.jwmsolutions.com
Tel. +52 (55) 5669 3246 Tel. +52 (81) 8103 0299
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Agenda

Lo que intentaremos cubrir:

! Que es User Experience Design
! El rol de UXD en JWM
! Tips para mejorar la UX en tus proyectos
! Ejemplos
! Links y referencias
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

¿Que es UXD?
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

¿Que es UXD?
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

¿Que es UXD?

¿Porque los preferimos?

La respuesta está en la experiencia
(Fácil de usar, confiable, simple, .. )
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

¿Que es UXD?

Por definición, Experiencia de Usuario es:

“El resultado de un proceso interactivo en el que intervienen factores
individuales, sociales, culturales, contextuales y propios del producto”.
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

¿Que es UXD?
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

¿Que es UXD?

{
! Diseño visual
! DIseño de interfaz
Objetivos Mejores ! Usabilidad
de practicas ! Diseño de interactividad
negocio
! Arquitectura de información
! Conocimientos de HCI

Necesidades
del usuario

Experiencia
ideal
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Rol Equipo UX en JWM

Lo que nos toca hacer:

! Ofrecer perspectivas diferentes a un problema o issue
! Mejorar la experiencia de usuario
! Aplicar principios de HCI (Human–Computer Interaction)

! Impulsar filosofía de la simplicidad: “Menos es más”

! Involucrar a usuarios finales en el proceso inicial del proyecto
! Diseño de interfaz basado en objetivos de negocio y ROI
! “Always BETA”
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Pa’ que nos conozcan...

© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Empezamos los tips...

pero...
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Empezamos los tips...

TIPS
Claridad, Jerarquías usando esquemas mentales comunes, agrupación
Validaciones amigables, botones grandes
Por pasos, avance 1-2-3
Make me happy...
es obvio, no distracciones
“Oculta” lo no indispensable
Usa patrones, no batalles
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Tips de UX

TIPS & Principios:

! Tu no eres el usuario
! Formamos mental-site-maps
! “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)
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Tips de UX

TIPS & Principios:

! Usa “patrones”, no inventes el hilo negro
! Exagerar en las áreas clickeables
! Buen uso de contraste

! Alineación: Cantidades izquierda, texto a la derecha, no justificado

! Haz fácil el link hacia el “Home” o inicio
! Agrupa objetos relacionados por medio de distancia o contenedores
! Se consistente
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com

Links, libros, referencias

! 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/
! http://box.mepholio.com/
 JWM Solutions
Diseño de experiencia de usuario
david.gutierrez@jwmsolutions.com