Que es el UX sketching y cómo hacerlo correctamente

Los diseñadores de experiencia de usuario (UX) utilizan los bocetos UX como una herramienta para el proceso del “Design Thinking” que, por lo general, es un paso temprano en este. Además, es una habilidad esencial y una práctica común que puede ayudar a individuos o equipos. Aunque es una práctica común entre los diseñadores de experiencia de usuario (UX), puede ser valiosa para individuos y equipos.

La práctica del bocetaje UX trae creatividad y trabajo en equipo a la mesa e inspira motivación para el proyecto en cuestión. También crea soluciones más útiles y aumenta la facilidad de uso, lo que se traduce en una mayor participación y retención de usuarios. En este artículo, repasaremos qué es el bocetaje UX, por qué es importante y brindaremos algunos consejos útiles para hacerlo bien.

¿Qué es el bocetaje UX?

El UX Sketching es simplemente un dibujo a mano alzada, comúnmente utilizado para generar, comunicar y refinar ideas. Puede ser para tu propia referencia o para compartir con compañeros de trabajo, jefes de equipo o clientes y partes interesadas.

 

Tipos de bocetos UX

Imágenes enriquecidas

Las imágenes enriquecidas ayudan a los diseñadores a analizar y obtener una visión general de un problema complejo. La estructura, los procesos, las personas y los problemas se representan en una mezcla de garabatos, palabras y símbolos.

Storyboards

Los storyboards de bocetos se pueden usar para visualizar el problema específico, una situación en la que se usa el producto o la solución final. Son una secuencia y flujo de ilustraciones que realmente pueden desempeñar un papel importante en la narración de historias y crear narrativas convincentes para un mejor impacto.

Mapas

Los mapas son útiles cuando se intenta visualizar un proceso, una jerarquía o una línea de tiempo en particular con diferentes puntos. Como diseñador de UX, estos incluyen mapas mentales, arquitectura de información, sitemaps, mapas de viaje de usuario y mapas de empatía.

Interfaz de usuario (UI)

Algunos diseñadores UX pueden trabajar en la interfaz de usuario o trabajar con diseñadores de interfaz de usuario para visualizar las interacciones de pantalla a pantalla. Si bien algunos diseñadores pueden saltarse los bocetos para trabajar en wireframes o mockups, es importante que los bocetos se realicen antes de estos pasos para no perder los detalles conceptuales y el refinamiento. Al dibujar, es importante explorar diferentes conceptos de interfaz. Esto puede incluir notas rápidas sobre la visualización de la animación, los símbolos, los íconos y las formas que se utilizarán. Esto no debe confundirse con el wireframing donde la ubicación, el tamaño y el orden de los elementos son refinados y claros.

 

Diferencias entre bocetar, dibujar y crear prototipos

Bocetar, dibujar y crear prototipos pueden parecer actividades similares. Algunas personas podrían incluso considerar saltarse el paso de dibujar e ir directamente a la creación de prototipos. Si bien son similares y están relacionados, son procesos diferentes y secuenciales, en los que los diseñadores deben pasar del boceto al dibujo y luego a la creación de prototipos. A medida que avanza entre cada paso, la idea se desarrolla cada vez más. Aquí están las diferencias.

Cuando y por qué

Con respecto al bocetaje UX, es común hacer esto en el proceso de ideación para generar ideas, proponer y comunicar ideas. También es una forma de probar ideas. Los dibujos se realizan después del boceto UX inicial. Son más refinados a partir de los bocetos, seleccionando detalles como colores y también el peso del trazo para presentar un estilo, emoción y estética particulares. Los prototipos se crean como borradores de la solución final basados ​​en los dibujos creados antes. No es solo una herramienta para probar la usabilidad, sino también para obtener comentarios y mejorar el producto.

Tiempo y costo

Bocetar es conveniente, rápido, rentable y falla rápidamente (modifica las iteraciones y elimina las "fallas" o las malas ideas rápidamente). Dibujar, sin embargo, lleva más tiempo, por lo que puede ser preciso. También te mantiene restringido en una mesa de trabajo o lienzo. Los prototipos requieren mucha más inversión y enfoque hacia el producto final, con poca flexibilidad para el cambio ya que los cimientos pueden ser difíciles de modificar.

Calidad y detalle

Los bocetos son más a menudo de baja calidad y pueden ser complicados, con una pequeña cantidad de detalles. Los dibujos tendrían detalles más intrincados, con mayor exactitud y precisión en los tamaños o colores de los diferentes elementos. En términos de prototipos, tienen la mayor cantidad de detalles y precisión, asegurándose de que todo sea perfecto en píxeles. Está listo para que los desarrolladores creen la solución en código y es muy similar al producto real.

Interactividad

Como parte del proceso de diseño inicial, los bocetos suelen ser copias físicas. Las interacciones entre cada pantalla se presentan aproximadamente solo para una comprensión mutua de cómo se conectarán las diferentes pantallas. Los dibujos no son interactivos ya que es una presentación visual. En un prototipo, el usuario puede interactuar con los componentes y obtener comentarios que se asemejan al producto real.

 

Beneficios del bocetaje UX

Podrías pensar por qué deberías dedicar tiempo a los bocetos UX cuando puedes comenzar a trabajar en la solución final. Estas son las razones por que:

Generar ideas

El bocetaje UX ayuda a ti y a tu equipo a generar ideas al poder visualizar el problema o la idea en concreto. También puedes usarlo para planificar cómo irá el flujo o proceso, narrar los escenarios del problema y crear una lluvia de ideas.

Comunicar ideas

El bocetaje UX te permiten a ti y a tu equipo alinearse con las ideas. Ser capaz de visualizar el proceso puede ayudar a obtener los diseños correctos. Es útil documentar los éxitos y fracasos para que otros en el equipo puedan aprender lecciones de ellos, o como referencia para volver.

Refinar ideas

Con los bocetos UX, tú y tu equipo también pueden validar sus ideas y realizar mejoras antes de llegar a los detalles. Es una forma rápida de obtener comentarios y evaluar la practicidad de la solución.

Iteraciones rápidas

El bocetaje UX se realiza de forma rápida, económica y la idea es fallar rápidamente. No es ideal seguir iterando sobre una idea específica, sino generar tantas ideas como puedas. Fallar rápido asegura que no te comprometas demasiado con una idea y generes la mayor cantidad de ideas posibles. De esa manera, una vez que elijas las mejores ideas, no te preguntarás "qué pasaría si" más adelante.

 

Comenzando el bocetaje UX

La gente

En primer lugar, reúne a la gente ideal si estás trabajando en equipo. Haz una actividad de equipo para intercambiar ideas y generar las mejores y más creativas. También es más divertido y mantiene alta la productividad.

Herramientas

Los conceptos básicos reales son simplemente lápiz y papel. También puede reunir post-its y bolígrafos de diferentes colores, marcadores, resaltadores y cualquier otra cosa que desees usar para diferenciar las prioridades o categorías de lo que estás trabajando. La mejor parte de los materiales físicos es que son fácilmente accesibles y la velocidad de dibujo es mucho más rápida que las herramientas digitales.

Software

Aunque muchos diseñadores no recomendarían partir de herramientas digitales, es inevitable que se den las circunstancias. Especialmente si estás trabajando de forma remota, hay opciones para crear bocetos digitales como Figjam de Figma, Invision Freehand Jamboard. Estas son excelentes opciones para dibujar con equipos remotos. Otra opción es Google AutoDraw, que utiliza tecnología de inteligencia artificial que convierte rápidamente tus bocetos en dibujos.

 

Consejos para bocetar UX

Práctica

Como con cualquier otra habilidad, el mejor consejo es practicar y seguir practicando. Busca temas a tu alrededor y comienza a bocetar conceptos que aparecen en tu trabajo para visualizar el proceso de pensamiento.

Indicar el problema y el objetivo a resolver

Para evitar salirse del tema y hacer garabatos en tu propia imaginación, lo mejor es exponer primero el problema y el objetivo para tener una dirección clara de lo que bocetaras. Si no estás seguro de ellos, pero tienes una idea en mente, trabaja hacia atrás y descubre los puntos débiles del usuario que estás tratando de resolver. No hay UX si no hay problemas de usuario que resolver o mejoras que realizar.

Escribe claramente

Puede complicarse cuando intentas garabatear algo rápido cuando bocetas UX. Sin embargo, tu letra debe ser lo suficientemente clara para ser legible para los demás y para ti. Como diseñador, tienes la función de comunicar tus pensamientos e ideas, por lo que el contexto debe ser legible antes de que se olvide.

Evita quedar atrapado en pequeños detalles

Los bocetos UX están destinados a ser dibujos aproximados y deben ser desordenados. Se recomienda dejarlos así y concentrarse en la meta en lugar de perfeccionar el símbolo X que has dibujado. Recuerda buscar amplitud y seguir expandiendo tus ideas en lugar de profundizar demasiado en estas o se apegarán y limitarán tu creatividad.

Establecer restricciones de tiempo

Los bocetos UX pueden salirse de control fácilmente, es bueno establecer un horario con un límite de tiempo para la actividad. Esto prepara a los miembros del equipo para la actividad y mantiene al equipo enfocado.

Plantillas

Es inteligente preparar algunas plantillas con iconos de uso común o recortes de símbolos de diagrama de flujo de usuario, o plantillas de mockups para reducir el tiempo de trabajo al dibujar los tamaños exactos de iconos para smartphones. También hay plantillas para personas que trabajan en el espacio AR/VR (realidad aumentada o realidad virtual) donde se usarían diferentes cuadrículas para objetos 3D. Ya sea que uses una retícula isométrica, dimétrica o equirrectangular, asegúrate de tener varias copias de ellas.

Comparte y obtén comentarios

Después de bocetar en un tiempo limitado, es mejor compartir tus bocetos con el equipo para lograr un entendimiento mutuo. Si estás trabajando individualmente, es bueno pedir una tercera opinión y refinar las ideas. Cuando colaboras con otros, pueden surgir nuevas ideas o conocimientos sobre una solución más viable.

Documentar todo

Guarda tus bocetos y notas. Es importante mantener las iteraciones y las ideas en caso de que necesites volver a ellas o si necesitas revisarlas.

 

Haz que el bocetaje UX sea una práctica constante

El bocetaje UX es una buena técnica para conceptualizar y comunicar ideas. No hay una forma correcta o incorrecta de hacerlo. Al final, esto no será parte del producto, por lo que está bien ser desordenado. Siempre es bueno hacer bocetos antes de saltar directamente a la creación de prototipos para producir mejores ideas. Así que tómate tu tiempo para practicar bocetos y hacerlo continuamente. Y si te quedas atascado, los siguientes cursos online pueden darte una mano.

 


¿Te ha gustado lo que has leído? Compártelo con tus amigos.
Te puede interesar: