Diseño deexperiencia

[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(Fácil 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 estratégico, 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 (metodología

escalonada)”

Objetivos de

negocio

Mejorespracticas

Necesidades del usuario

Experiencia ideal

★ Diseño visual

★ DIseño de interfaz

★ Usabilidad

★ Diseño de interactividad

★ Arquitectura de información

★ Conocimientos de HCI{

pero...

tips

Claridad, Jerarquías, 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

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 más: Presenta pocas opciones visibles, limita las distracciones

‣ Haz las acciones “reversibles”

‣ Provee feedback (indicadores de progreso o validaciones visuales)

más tips

‣ 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

‣ 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

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