View
156
Download
1
Category
Preview:
DESCRIPTION
Acerca de user experience design, tips para mejorar la usabilidad y diseño de tus proyectos, etc.
Citation preview
Avenida Colonia del Valle #421-201C.P. 03100, Col. Del Valle, México, D.F. Tel. +52 (55) 5669 3246
Paseo Varsovia #4228, Col. Las TorresC.P. 64930, Monterrey, N.L., MéxicoTel. +52 (81) 8103 0299
Web. www.jwmsolutions.com
Avenida Colonia del Valle #421-201C.P. 03100, Col. Del Valle, México, D.F. Tel. +52 (55) 5669 3246
Paseo Varsovia #4228, Col. Las TorresC.P. 64930, Monterrey, N.L., MéxicoTel. +52 (81) 8103 0299
Web. www.jwmsolutions.com
DIY: Tips para mejorar laexperiencia de usuario (UXD)
de tus proyectos
© 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, con!able, simple, .. )
© JWM Solutions. 2010 David Gutiérrez C. // david.gutierrez@jwmsolutions.com
¿Que es UXD?
Por de!nició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?
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
{
© 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 !losofía de la simplicidad: “Menos es más”
! Involucrar a usuarios !nales 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 justi!cado
! 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 SolutionsDiseño de experiencia de usuario
david.gutierrez@jwmsolutions.com
Recommended