Documentos de UX

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 ¿Cuál es el objetivo? • 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.

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áﬁca de la ubicación del contenido y prioridades • Forma de ilustrar funciones y comportamientos • Responde a ¿Qué veran las personas en esta página?

Wireframes ¿Para que sirven? • Mayor comprensión del proyecto por las partes involucradas. • Mejorar el ﬂujo “work-ﬂow” del proyecto • Promover la colaboración entre el Cliente y el Equipo. • Ayudar a Diseñadores y Desarrolladores.

Wireframes “sketch”

Wireframes “Low-ﬁdelity”

Wireframes “High-ﬁdelity”

Wireframes “Annotated”

Wireframes Algunas preguntas antes de crear wireframes • Propósito: ¿Deﬁnir requerimientos o capturar desiciones de diseño? • ¿Que nivel de ﬁdelidad 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?

Wireframes Retos de los wireframes • Audiencia. ¿A quién van dirigidos? • Mantenimiento. Versiones y solicitud de cambios. • Comportamientos complejos de algunas páginas. • Contenido y Data.

Wireframes Algunos elementos utilizados al documentar “markers” 1.0 1.0 Sticky Notes 1.0 1.0 1.0 1.0 Tool tip goes here lorem ipsum dolor sit amet nonummy consectateur A 1 1.1.1 Note box 1.0

Wireframes Utilización de un “marker” al documentar

Herramientas Adobe In Design Adobe Illustrator OmniGrafﬂe Adobe Fireworks Adobe Photoshop

Recomendaciones al crear documentos de UX • Integre a los consumidores en la preparación de la documentación. • Listar, dimensionar y deﬁnir 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, deﬁna 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: UX Deliverables Workshop 2008 August 8, Washington, DC EightShapes: Nathan Curtis & Dan Brown “Audiences & Artifacts” IA Summit 2008, Miami, Fl BootStudio: Jorge Arango Boxes & Arrows: http://www.boxesandarrows.com Information Architecture Institute: http://www.iainstitute.org User Pathways: The what, when and why of wireframes http://www.userpathways.com

Documentos de UX

by Elsa Canto on Nov 14, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 23

Statistics

Documentos de UX — Presentation Transcript

http://eomblog.blogspot.com	9
http://www.infotectura.com	7
http://www.slideshare.net	7