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