Diseo de

experiencia
[DIY]
!
Que es User Experience Design
!
Tips para mejorar la UX en tus proyectos
!
Ejemplos
!
Links y referencias
Agenda
Porqu los preferimos?
La respuesta est en la experiencia
(Fcil de usar, confiable, simple, .. )
UXD es:
El resultado de un proceso interactivo en el que intervienen
factores individuales, sociales, culturales, contextuales y propios
del producto.
UXD tiene q ver con:
un punto de vista multidisciplinario, simplificar, ser estratgico,
alinear necesidades y expectativas, conocer a tus audiencias e
involucrarlos desde un inicio
UXD tiene q ver con:
conjunto de te lo dije, decir no al Fast Food (metodologa
escalonada)
Objetivos
de
negocio
Mejores
practicas
Necesidades
del usuario
Experiencia
ideal
!
Diseo visual
!
DIseo de interfaz
!
Usabilidad
!
Diseo de interactividad
!
Arquitectura de informacin
!
Conocimientos de HCI
{
pero...
tips
Claridad, Jerarquas, esquemas mentales comunes, agrupacin
Validaciones amigables, botones grandes
Por pasos, avance 1-2-3
make me happy!
es obvio, no distracciones.
oculta lo no indispensable
No batalles, usa patrones ( design patterns )
!
Tu no eres el usuario
!
TODOS Formamos mental-models
!
No me hagas perder el tiempo; no me hagas pensar
!
Menos es ms: Presenta pocas opciones visibles, limita
las distracciones
!
Haz las acciones reversibles
!
Provee feedback (indicadores de progreso o
validaciones visuales)
ms tips
!
Usa patrones, no inventes el hilo negro
!
Exagerar en las reas clickeables
!
Buen uso de contraste
!
Alineacin: Cantidades derecha, texto a la izquierda, no
justificado
!
Haz fcil el link hacia el Home o inicio
!
Agrupa objetos relacionados por medio de distancia o
contenedores (checar leyes gestales - hci)
!
Se consistente
ms tips
!
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 diseo:
!
http://www.patternry.com
!
http://developer.yahoo.com/ypatterns/
!
http://ui-patterns.com/
links
gracias!
t: davidjgc / w: www.davidjgc.com / m: davidjgc@gmail.com