diseño de experiencia
DESCRIPTION
Diseño de Experiencia de Usuario. ‣ Que es User Experience Design ‣ Tips para mejorar la UX en tus proyectos ‣ Ejemplos ‣ Links y referencias Ponencia presentada por David Gutiérrez, en la Facultad de Ingeniería y Tecnología de la Universidad de Montemorelos, Noviembre de 2010. Más información: www.davidjgc.comTRANSCRIPT
![Page 1: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/1.jpg)
Diseño deexperiencia
[DIY]
![Page 2: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/2.jpg)
‣ Que es User Experience Design
‣ Tips para mejorar la UX en tus proyectos
‣ Ejemplos
‣ Links y referencias
Agenda
![Page 3: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/3.jpg)
![Page 4: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/4.jpg)
![Page 5: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/5.jpg)
¿Porqué los preferimos?La respuesta está en la experiencia(Fácil de usar, confiable, simple, .. )
![Page 6: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/6.jpg)
UXD es:“El resultado de un proceso interactivo en el que intervienen
factores individuales, sociales, culturales, contextuales y propios del producto”.
![Page 7: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/7.jpg)
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
![Page 8: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/8.jpg)
UXD tiene q ver con:“conjunto de ‘te lo dije’, decir no al Fast Food (metodología
escalonada)”
![Page 9: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/9.jpg)
![Page 10: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/10.jpg)
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{
![Page 11: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/11.jpg)
pero...
![Page 12: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/12.jpg)
![Page 13: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/13.jpg)
![Page 14: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/14.jpg)
tips
![Page 15: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/15.jpg)
Claridad, Jerarquías, esquemas mentales comunes, agrupación
![Page 16: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/16.jpg)
Validaciones amigables, botones grandes
![Page 17: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/17.jpg)
Por pasos, avance 1-2-3
![Page 18: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/18.jpg)
make me happy!
![Page 19: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/19.jpg)
es obvio, no distracciones.
![Page 20: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/20.jpg)
oculta lo no indispensable
![Page 21: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/21.jpg)
No batalles, usa patrones ( design patterns )
![Page 22: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/22.jpg)
‣ 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
![Page 23: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/23.jpg)
‣ 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
![Page 24: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/24.jpg)
‣ 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
![Page 25: Diseño de Experiencia](https://reader033.vdocuments.site/reader033/viewer/2022060115/55743dabd8b42aa42a8b470e/html5/thumbnails/25.jpg)
¡gracias!t: davidjgc / w: www.davidjgc.com / m: [email protected]