Post on 07-Jun-2015
description
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