Upload
elsa-canto
View
1.549
Download
0
Embed Size (px)
DESCRIPTION
Documentos de UX ¿Para qué sirven?, Audiencias de UX, Wireframes y documentación.
Citation preview
Documentos de UX“Los Entregables”
Por: Elsa Canto W.
Temas
• Documentos de UX ¿Para qué sirven?
• Tipos de Entregables
• Las Audiencias
• “Wireframes” ¿cómo documentarlos?
Documentos UX
• Que faciliten la comunicación.
• Que se pueda comprender el por qué de las decisiones y sus implicaciones.
• Que puedan mostrar el progreso y que todo quede documentado.
¿Cuál es el objetivo?
Tipos de Entregables
“The Artifacts”Resultado de nuestro proceso de diseño, el cual
es utilizado por las diferentes audiencias
Otros: Personas, Content inventories, Competitive analysis, Prototypes, Sketches.
Audiencias
Cualquiera que utilice los entregables que producen los arquitectos de información
Audiencias y “artifacts”
Wireframes• Representación gráfica
de la ubicación del contenido y prioridades
• Forma de ilustrar funciones y comportamientos
• Responde a ¿Qué veran las personas en esta página?
• Mayor comprensión del proyecto por las partes involucradas.
• Mejorar el flujo “work-flow” del proyecto
• Promover la colaboración entre el Cliente y el Equipo.
• Ayudar a Diseñadores y Desarrolladores.
Wireframes¿Para que sirven?
Wireframes“sketch”
Wireframes“Low-fidelity”
Wireframes“High-fidelity”
Wireframes“Annotated”
• Propósito: ¿Definir requerimientos o capturar desiciones de diseño?
• ¿Que nivel de fidelidad es más apropiado?
• ¿Qué nivel de anotaciones debe tener este documento?
• ¿Qué formato utilizará para presentar los wireframes?
• ¿Qué tanto mantenimiento requeriran?
• ¿Son necesarios los wireframes en esta etapa del proyecto?
WireframesAlgunas preguntas antes de crear wireframes
Wireframes
• Audiencia. ¿A quién van dirigidos?
• Mantenimiento. Versiones y solicitud de cambios.
• Comportamientos complejos de algunas páginas.
• Contenido y Data.
Retos de los wireframes
WireframesAlgunos elementos utilizados al documentar
“markers”
Sticky
Notes
Tool tip goes here
lorem ipsum dolor sit
amet nonummy
consectateur
1.1.1
1.0
Note box
1.0
A 1
1.01.0 1.0
1.0 1.0
WireframesUtilización de un “marker” al documentar
Herramientas
Adobe Illustrator
Adobe Photoshop
OmniGraffle
Adobe Fireworks
Adobe In Design
Recomendacionesal crear documentos de UX
• Integre a los consumidores en la preparación de la documentación.
• Listar, dimensionar y definir las prioridades de la información.
• Incluya formato, contexto a los documentos.
• Establezca un plan de mantenimiento antes de comenzar.
• Los documentos deben hacer 1 ó 2 cosas bien.
• Antes de presentarlos, defina los puntos a hablar y las preguntas que tenga.
• Establezca un plan de colaboración.
• No tenga todo el control. Permita que otras personas lo critiquen.
Gracias
EightShapes: Nathan Curtis & Dan Brown“Audiences & Artifacts” IA Summit 2008, Miami, Fl
Boxes & Arrows: http://www.boxesandarrows.com
Information Architecture Institute: http://www.iainstitute.org
User Pathways: The what, when and why of wireframeshttp://www.userpathways.com
EightShapes: UX Deliverables Workshop 2008August 8, Washington, DC
BootStudio: Jorge Arango