Los elementos de la experiencia de usuario por Jesse James Garrett

En un artículo previo, A quien seguir en diseño UX: Jesse James Garrett, mostramos un esquema que engloba los elementos de la experiencia de usuario según este experto.

Si quieres descargar la versión completa en PDF da click en la imagen.

screen-shot-2017-01-04-at-4-11-48-pm

Elementos de la experiencia de usuario

¿Qué es Arquitectura de Información?

La arquitectura de información es una de las variadas prácticas o procesos que comprenden el diseño para la experiencia de un usuario, nos ayuda a organizar la información de un sitio web para que los usuarios lo encuentren entendible.

No solo la encontramos en productos digitales, es parte de la vida diaria por ejemplo el super mercado o una biblioteca, dónde los productos a la venta o los libros están categorizados y etiquetados para que su organización tenga sentido para nosotros como usuarios.

La Arquitectura de la información (IA) se centra en organizar, estructurar y etiquetar el contenido de una manera efectiva y sostenible. El objetivo es ayudar a los usuarios a encontrar información y completar tareas. Así lo define usability.gov

La Arquitectura de Información se fundamenta en diferentes disciplinas como ciencias cognitivas, psicología, arquitectura y diseño.

¿Pero entonces cómo organizamos la información para que nuestro usuario la entienda? Para esto existen diversas técnicas de investigación para generar una adecuada arquitectura de información:

  1. Card sorting: Esta actividad permite descubrir y/o validar la relación que entienden los usuarios entre categorías y elementos. Consiste en repartir tarjetas para que los participantes creen grupos y los nombren. Cuando los usuarios pueden crear categorías se denomina card sorting abierto y cuando se las proveemos se le nombra cerrado.

    Herramientas: Optimal Workshop, User Zoom, Simple Card Sort
    Ejemplo de la actividadUX tutorial: Running the session

  2. Tree testing: Este estudio nos sirve para validar si el usuario encuentra el objetivo que tiene en un sitio web. Para este le mostramos un mapa de sitio al usuario y le pedimos que haga una tarea específica.

    Herramientas: Optimal Workshop, User Testing,User Zoom
    Ejemplo de la actividad: Tree Testing with UserZoom

  3. Matriz de contenido: Con esta herramienta describimos donde se encuentra cada elemento de contenido en el sitio, por ejemplo texto, fotografías, video, documentos, etc. Nos sirve para tener documentada la organización de cada elemento, conocer la jerarquía de los mismos y tener control de todo lo que se encuentre en el sitio.
    Herramientas: Excel
    Ejemplo:

screen-shot-2017-02-13-at-11-07-10-am

4. Mapa de sitio: Este es útil para determinar los niveles de jerarquía y la relación entre los elementos. También ayudan a determinar la navegación general.
Herramientas: Draw.io, Power Point, Balsamiq
Ejemplo:

check-mapas-de-sitio-01

5. Wireframes: Es donde comenzamos a determinar visualmente la posición de los diferentes elementos del sitio (texto, imágenes, vídeo, etc).
Herramientas: Papel y lapiz, Balsamiq
Ejemplo:

travelty-wireframing-project-01

Este 18 de febrero se realizarán eventos simultáneos en diferentes partes del mundo para conmemorar el día mundial de la usabilidad, si estás interesado en conocer personas que se dediquen a esta disciplina o quieres saber más te dejo el sitio web del ‘World Information Architecture Day‘ para que revises los eventos, en México este año se llevarán acabo en Puebla y CDMX.

¿Encontraste útil el artículo? Si tienes dudas o comentarios no dudes en compartirlos.

¡Regístrate para recibir por email más artículos interesantes!

Fuentes:

  1. Usability.gov
  2. Qué es: Arquitectura de Información por Andrea Cantú
  3. EcuRed: Arquitectura de Información
  4. WIAD 2017

Principles of UX Design, curso gratis por InVision

Esta vez les comparto un recurso que puede ser de mucha utilidad para quienes están interesados en comenzar a saber más acerca de diseño de experiencia de usuario.

InVision la empresa dedicada a proveernos de una de las más usadas herramientas de prototipado y colaboración entre equipos, ofrece una serie de cursos en linea relacionados con diseño UX.

Hoy les recomiendo uno en donde nos comparten los principios del diseño UX, el cual puede ser una excelente base para ir construyendo tu conocimiento en UX. El curso es Principles of UX Design. ¡Espero que lo disfrutes!

¿Qué te parece el curso? ¿Te interesa conocer más recursos útiles?

¡Regístrate para recibir por email más artículos interesantes!

¿Cómo empezar en Diseño UX?

Desde hace algún tiempo que el Diseño UX es más conocido, sin embargo en México tenemos poco acceso a programas de educación y capacitación formales en esta area; esto nos ha obligado a pensar en nuevas maneras de aprenderlo.

Cuando yo empecé en esto me sentía bastante perdida, quería aprender pero no sabía cómo hacerlo, comencé a leer, normalmente contenido en inglés pero eso no me llevaba muy lejos. La idea de este post es brindar sugerencias para entrenamiento en Diseño UX que ya sea me funcionaron o las considero buenas opciones de aprendizaje.

 “No se necesita un background especial para poder especializarse en UX.”

Lo que sí considero necesario es tener interés por las personas, su forma de pensar, de hacer y empatía para comprenderlas. Por supuesto que un background en diseño o ciencias cognitivas puede ayudar a reducir la curva de aprendizaje pero no lo considero indispensable.

Ahora sí vamos de lleno con el tema, ¿qué hago para empezar en Diseño UX?

  • Aprende qué es diseño UX: Investiga en diferentes fuentes, conceptos generales y particulares para que vayas comprendiendo qué es lo que aborda la disciplina.
  • Conoce otros diseñadores: La mayoría de ellos tiene disposición para apoyar a los nuevos, busca diseñadores y escucha cual es su enfoque en el tema para que vayas formando el tuyo.
  • Acude a eventos de diseño, tecnología, emprendimiento, etc.: Diseño UX se compone de muchas partes y puedes aprender de todos. Has networking para crear redes para ampliar tu conocimiento.
  • Estudia: Existen muchos cursos online y presenciales para que puedas aprender aspectos teóricos de UX. Al final del artículo dejaré una lista de ellos.
  • Consigue un mentor: Alguien mas experimentado que tu y con el que compartas el enfoque de UX que has formado. Te ayudará a resolver dudas y a orientarte sobre qué hacer en tu carrera.
  • Practica: Para aprender necesitas practicar y equivocarte. Crea una página web o aplicación móvil que consideres un buen ejercicio, practica con la página de internet de alguna empresa de un amigo, ofrécete como becario en una empresa pequeña que necesite mejorar la experiencia de su producto.
  • Sigue aprendiendo: Cuando sientas que ya tienes tu propio enfoque, que aprendiste la teoría de manera general y ya practicaste un poco, sigue leyendo, documentándote y escuchando a los demás.

Algunos cursos que pueden ser de tu interés son:

¿Encontraste este artículo útil? ¿Tienes una mejor idea de cómo empezar en Diseño UX? Si tienes comentarios o dudas ¡compártelos!

¡Regístrate para recibir por email más artículos interesantes!

5 cosas que he aprendido al aprender Diseño UX

La vida es aprendizaje, y cuando deliberadamente vuelves (como en mi caso) a estudiar formalmente, los cambios y frustraciones pueden ser un precio que hay que pagar al intentar conquistar una meta.

Yo era arquitecta, de las que diseñan edificios y hacen planos. Y si bien la arquitectura siempre me va a gustar, la vida me trajo a aprender y ahora a dedicarme al diseño de experiencia de usuario para productos digitales, que ahora considero también mi pasión.

Durante este trayecto he aprendido lecciones que estoy contenta de aprender.

  1. He aprendido a aprender. Mediante lecturas, videos, cursos en linea, charlas con otros diseñadores he aprendido diferentes formas de aprender y además a hacerlo a mi ritmo. Si bien a veces ha sido complicado al tener un empleo de tiempo completo me he vuelto mas organizada para separar tiempo para capacitarme.
  2. He aprendido a equivocarme rápido. Esto lo he aprendido debido a que los equipos de desarrollo con los que trabajo usan Scrum como metodología. Scrum es dinámico y flexible, así mismo las iteraciones por lo cual intento tener propuestas para someterlas a revisión y obtener feedback lo mas rápido posible. Equivocarse es solamente saber que no era la forma correcta de hacerlo.
  3. Aprendí a no diseñar según mi gusto. Yo no soy el usuario. Ni nadie del equipo lo es, por lo tanto aprendí a tener una opinión neutral y a diseñar conforme a la información que tenemos del usuario.
  4. Aprendí a sacarle provecho al tiempo. Al principio se me dificultaba hacer investigación del usuario o pruebas de usabilidad por que “no tenía tiempo.” Aprendí a administrar/generar tiempo para eso, y aprendí que un poco de investigación es mejor que nada de investigación.
  5. Aprendí a educar. Y no es que diera clases en una escuela, pero sí aprendí a educar a la gente que se involucra en el desarrollo del producto (developers, testers, PM, etc.) Cuando ha sido oportuno he dejado en claro la importancia de un buen diseño UX y del por qué hago lo que hago. Y sobre todo siempre intento poner al usuario en el centro de las decisiones, no siempre es fácil pero considero que es responsabilidad de los que nos dedicamos a esto, educar acerca del tema.

Esas son algunas de las cosas que he aprendido.

¿Qué has aprendido tú? ¿Fue entendible el artículo? Compártenos tus comentarios o dudas.

¡Regístrate para recibir por email más artículos interesantes!

Las experiencias no se pueden diseñar

Muchos diseñadores están hablando de Diseño de Experiencia de Usuario (UX), término que se ha empleado para describir la actividad de diseñar productos digitales enfocados en el usuario.

Experiencia de Usuario (UX) es un concepto borroso y por ello mal usado. Además, muchos diseñadores parecen tener una la creencia poco realista (desde mi punto de vista) de que pueden crear la experiencia del usuario de su producto.

Algunos estudios han arrojado que existen diversas percepciones de lo que es Experiencia de Usuario, muchas de estas pueden no ser representativas de la industria. Algunas de estas percepciones pueden impactar el desarrollo de productos al pensar que se toman en cuenta procesos de diseño cuando en realidad se desarrollan de manera diferente a una metodología de diseño centrado en el usuario.

Desafortunadamente nadie puede crear experiencias, ni crear o manipular circunstancias y usuarios,

Sin embargo sí es posible influir en la experiencia que una persona tendrá al usar un sistema o producto. A esto le llamo diseñar para UX.

Entonces, ¿cómo podemos diseñar para UX?

  • Conociendo de cerca a los usuarios: ¿Cómo usan el producto? ¿Cuales son sus pain points? ¿Qué necesitan realmente?
  • Probando hipótesis: ¿El producto aporta valor al usuario? ¿El producto es útil? ¿Es adecuado para los usuarios? ¿Qué tan usable es? ¿Los visuales son funcionales?

Mas adelante escribiré acerca de procesos de UX para investigar usuarios y probar hipótesis.

ux-honeycomb

User Experience Honeycomb by Peter Morville

Por lo pronto habremos de hacer lo propio educando a la industria cuando sea posible acerca de este tema, para eventualmente deshacernos de este término y podamos tener un concepto mas homogéneo de lo que es UX.

¿Encontraste útil el artículo? ¿La explicación fue clara? Si tienes dudas o comentarios no dudes en compartirlos.

¡Regístrate para recibir por email más artículos interesantes!

Fuentes:

  1. Why User Experience Can’t be Designed: https://www.smashingmagazine.com/2011/03/why-user-experience-cannot-be-designed/
  2. User Experience Honeycomb: http://semanticstudios.com/user_experience_design/

A quien seguir en diseño UX: Jesse James Garrett

Jesse James Garrett es un arquitecto de información y co-fundador de Adaptive Path, firma de diseño y consultoría de Experiencia de Usuario. Además, la firma forma la comunidad adaptivepath.org que tiene como objetivo inspirar, capacitar e involucrar a otros para lograr impacto en la sociedad.

Jesse comenzó a trabajar en 1995 primero como escritor y desarrollador de interfaces, luego como diseñador de interfaces y arquitecto de información. En 2001, comenzó con Adaptive Path para ayudar a la gente a resolver problemas con la experiencia de usuario de sus productos.

Adaptivepath.org organiza cursos, talleres y otros eventos y provee de algunos recursos para el aprendizaje de diferentes disciplinas que intervienen en UX como: estrategia de diseño, estrategia de liderazgo, mapeo de experiencias y diseño visual entre otros. Actualmente brinda charlas sobre innovación, estrategia en diseño de producto, tecnología y negocios en todo el mundo.

Jesse acuñó el término Ajax en 2005. En 2006 recibió el premio Rave de Tecnología de la revista Wired.

La contribución que lo ha hecho famoso es el libro “Los elementos de la experiencia de usuario.” El cual está orientado para nuevos diseñadores y líderes de equipos de UX.

elements_simpleplanes

Los Elementos de la Experiencia de Usuario por Jesse James Garrett

 

¿Encontraste útil el artículo? Si tienes dudas o comentarios no dudes en compartirlos.

¡Regístrate para recibir por email más artículos interesantes!

Fuentes:

  1. Jesse James Garrett site: http://www.jjg.net
  2. http://adaptivepath.org
  3. http://adaptivepath.com