25
Avenida Colonia del Valle #421-201 C.P. 03100, Col. Del Valle, México, D.F. Tel. +52 (55) 5669 3246 Paseo Varsovia #4228, Col. Las Torres C.P. 64930, Monterrey, N.L., México Tel. +52 (81) 8103 0299 Web. www.jwmsolutions.com Avenida Colonia del Valle #421-201 C.P. 03100, Col. Del Valle, México, D.F. Tel. +52 (55) 5669 3246 Paseo Varsovia #4228, Col. Las Torres C.P. 64930, Monterrey, N.L., México Tel. +52 (81) 8103 0299 Web. www.jwmsolutions.com DIY: Tips para mejorar la experienciadeusuario(UXD) de tus proyectos

UXD - Tips para mejorar la UXD de tus proyectos

Embed Size (px)

DESCRIPTION

Acerca de user experience design, tips para mejorar la usabilidad y diseño de tus proyectos, etc.

Citation preview

Page 1: UXD - Tips para mejorar la UXD de tus proyectos

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

Page 2: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

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

Page 3: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

¿Que es UXD?

Page 4: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

¿Que es UXD?

Page 5: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

¿Que es UXD?

¿Porque los preferimos?La respuesta está en la experiencia(Fácil de usar, con!able, simple, .. )

Page 6: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

¿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”.

Page 7: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

¿Que es UXD?

Page 8: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

¿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

{

Page 9: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

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”

Page 10: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

Pa’ que nos conozcan...

Page 11: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

Empezamos los tips...

pero...

Page 12: UXD - Tips para mejorar la UXD de tus proyectos
Page 13: UXD - Tips para mejorar la UXD de tus proyectos
Page 14: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

Empezamos los tips...

TIPS

Page 15: UXD - Tips para mejorar la UXD de tus proyectos

Claridad, Jerarquías usando esquemas mentales comunes, agrupación

Page 16: UXD - Tips para mejorar la UXD de tus proyectos

Validaciones amigables, botones grandes

Page 17: UXD - Tips para mejorar la UXD de tus proyectos

Por pasos, avance 1-2-3

Page 18: UXD - Tips para mejorar la UXD de tus proyectos

Make me happy...

Page 19: UXD - Tips para mejorar la UXD de tus proyectos

es obvio, no distracciones

Page 20: UXD - Tips para mejorar la UXD de tus proyectos

“Oculta” lo no indispensable

Page 21: UXD - Tips para mejorar la UXD de tus proyectos

Usa patrones, no batalles

Page 22: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

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)

Page 23: UXD - Tips para mejorar la UXD de tus proyectos

© JWM Solutions. 2010 David Gutiérrez C. // [email protected]

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

Page 25: UXD - Tips para mejorar la UXD de tus proyectos

JWM SolutionsDiseño de experiencia de usuario

[email protected]