Lección 1 de 0
En Progreso

2.10 Cómo crear imágenes para su caso de estudio de UX

5 diciembre, 2022

Como diseñadores, una de las primeras cosas en las que pensamos cuando creamos nuestro caso de estudio de UX es en qué elementos visuales podemos agregar para darle vida a las cosas. Pero los elementos visuales que agrega a su estudio de caso no pueden ser simplemente decoraciones bonitas, tienen que ayudarlo a vender sus habilidades y así obtener una entrevista de trabajo. Es por eso que también debe usar imágenes para mostrar su proceso de diseño y no solo su diseño final. Repasemos qué elementos visuales puede incluir en su caso de estudio de UX y 3 consejos importantes que debe tener en cuenta al crear sus elementos visuales, incluidas algunas herramientas útiles que puede utilizar.

¿Qué elementos visuales debería incluir en su estudio de caso de UX?

Cuando piensa en imágenes en su estudio de caso de UX, puede saltar directamente a hermosas imágenes de su diseño final. Sin embargo, ¡se venderá corto si lo hace! Recuerde, su caso de estudio de UX debe contar una historia de su viaje desde el planteamiento del problema hasta el diseño final. Por lo tanto, hay muchas más imágenes que puede incluir, ¡además del producto final!

Incluya imágenes de sus trabajos en progreso

Muestre su proceso a través de sus imágenes. Demostrará que comprende sus procesos de diseño y flujos de trabajo. Las imágenes de sus trabajos en progreso también lo ayudan a contar su historia; es como un mini documental detrás de escena, por así decirlo.

Algunos de los trabajos en progreso que puedes mostrar incluyen:

  • Bocetos: de sus ideas de diseño, inspiraciones, prototipos de papel, etc .;
  • Vídeos o fotos de sesiones: por ejemplo, de entrevistas a usuarios o sesiones de prueba de usuarios que haya realizado;
  • Fotos de sus notas: de ideas, comentarios de los usuarios que ha anotado durante una entrevista, críticas de colegas, etc .;
  • Post-its o pizarras blancas: cuando las ha utilizado en debates o sesiones de ideación, las imágenes de Post-its o pizarras blancas le permiten mostrar su arduo trabajo y, al mismo tiempo, mantener un número reducido de palabras; y
  • Wireframes: muestra las primeras iteraciones de tu diseño a través de los wireframes que has creado.

Ilustre o visualice su proceso

Además de las imágenes, también puede crear ilustraciones para ayudarlo a contar la historia de su proceso de diseño. Podrías, por ejemplo:

  • Utilice tablas y gráficos para visualizar los resultados de su investigación de usuarios, como los resultados de una encuesta en línea con 50 usuarios. Esta es una excelente manera de resumir los puntos clave en un formato fácil de digerir.
  • Dibuje líneas de tiempo y mapas de viaje para resumir su proceso de diseño o ilustrar su comprensión de los usuarios. Por ejemplo, puede utilizar un mapa de viaje del usuario para resaltar “un día en la vida” de su usuario.
  • Utilice diagramas y gráficos para demostrar los impactos de su trabajo de una manera estéticamente atractiva. Comunique visualmente cómo ha aumentado las tasas de conversión, qué tan bien recibida es su aplicación, etc.

Y, por supuesto, muestre su diseño final

No sea tímido para mostrar su increíble producto final en su caso de estudio de UX. Muestre algunas fotos, un video o incluso un medio interactivo integrado de su prototipo para sorprender a los reclutadores. Al igual que con otros elementos visuales que incluye en su estudio de caso de UX, tenga cuidado de no exagerar al mostrar su producto final. Quieres que los reclutadores tengan una buena idea de lo que has hecho, sin cansarse de ver la foto número 20 de tu diseño.

Muestre imágenes o videos de su diseño final para impresionar a los reclutadores. 

3 consejos para crear imágenes en su caso de estudio de UX

Ahora que tiene una idea clara de qué tipo de elementos visuales incluir en su caso de estudio de UX, repasemos 3 consejos esenciales que lo ayudarán a crear esos elementos visuales.

1. Céntrese también en el proceso, no solo en el destino final

Su caso de estudio de UX trata tanto de su proceso como del producto final. No podemos enfatizar esto lo suficiente.

Sus imágenes deben mostrar todo su viaje de principio a fin. Por lo tanto, debe difundir sus imágenes a lo largo de todo su estudio de caso de UX. Si se encuentra agregando muchas fotos a solo una parte de su proceso de diseño, haga una pausa y vea cómo puede reducir la cantidad de fotos que agrega aquí, mientras aumenta la cantidad de imágenes que agrega en otras partes de su proceso. .

¡Recuerde siempre fotografiar y documentar su proceso de diseño! Para incluir imágenes en cada paso importante de su viaje, primero debe haber capturado esas imágenes. No querrá estar en una situación en la que necesite fotos de su sesión de prueba de usuario, ¡solo para darse cuenta de que se ha olvidado de tomarlas! Dicho esto, si no se encuentra con esa situación, ver si puede volver a crear algunos efectos visuales. Por ejemplo, tal vez pueda recrear algunos bocetos que ha tirado a la basura.

2.Haz que tus imágenes cuenten tu historia

Recuerda que tus imágenes tienen un propósito: ayudarte a contar la historia de tu proyecto de diseño. No debe agregar imágenes, gráficos y videos por razones puramente estéticas. Piense en cómo cada elemento visual le ayuda a comunicar su proceso de diseño y, si no es así, elimínelo.

Por ejemplo, puede incluir una foto de una pared de notas Post-it para mostrar una intensa sesión de lluvia de ideas que haya realizado para idear soluciones al problema de sus usuarios. También puede incluir varias fotos de bocetos hechos a mano de un prototipo, tal vez dispuestos en un collage, porque demuestran su capacidad para iterar rápidamente sus diseños en función de los comentarios. El punto es que cada elemento visual que agregue debe cumplir un propósito .

3. Use estas herramientas para ayudarlo a crear imágenes

Si no tiene experiencia en diseño visual, es posible que la perspectiva de crear imágenes para su estudio de caso de UX le resulte intimidante. Sin embargo, los reclutadores esperan que los estudios de casos de UX se vean bien, incluso si usted tiene un rol no visual, como un investigador de UX. Después de todo, su caso de estudio de UX es un producto diseñado en sí mismo y tiene que ser lo más fluido y agradable posible.

Afortunadamente, tiene una variedad de herramientas disponibles para ayudarlo. Las herramientas que destacamos a continuación no se encargan y están tan libres de sesgos como es humanamente posible. Por supuesto, podrá encontrar muchas más herramientas que pueden ayudarlo.

Usa Canva para editar imágenes y crear gráficos

Canva es una herramienta web gratuita que puede ayudarte a retocar imágenes y crear gráficos para tu caso de estudio de UX.

Usa Canva para crear collages de imágenes, gráficos y más. 

Por ejemplo, puedes usar Canva para crear un collage que contenga algunas fotos de tu sesión de prueba de usuario. De esa manera, podrá mostrar múltiples aspectos de su sesión sin llenar su caso de estudio con demasiadas imágenes.

Crea un collage de tu sesión de prueba de usuario, como esta que hemos creado, en una interfaz fácil de usar con Canva. 

También puede crear gráficos y tablas para visualizar y resumir cualquier dato que desee mostrar en su caso de estudio de UX. Por ejemplo, puede crear un gráfico circular de las respuestas a una pregunta de una encuesta.

También puede usar Canva para crear gráficos circulares y gráficos de líneas.

Utilice Illustrator para crear ilustraciones personalizadas

Adobe Illustrator es una herramienta increíble para crear ilustraciones personalizadas. Sin embargo, la aplicación no es de uso gratuito y tiene una curva de aprendizaje.

Si ya está familiarizado con Illustrator, entonces es genial que agregue ese toque extra de apariencia personalizada a sus imágenes. Por ejemplo, puede crear ilustraciones que usen los mismos colores e iconografía que el sitio de su portafolio de diseño de UX.

Hemos usado Adobe Illustrator para crear las imágenes personalizadas que ha visto aquí; de manera similar, puede usar Illustrator para crear imágenes altamente personalizadas para su caso de estudio de UX. 

Utilice ImageOptim y TinyPNG para optimizar el tamaño de archivo de sus imágenes

Si hay algo que los diseñadores tendemos a olvidarnos de las imágenes en nuestros casos de estudio de UX, ¡es la optimización del tamaño de los archivos! Debes asegurarte de que las imágenes que utilices sean de una calidad suficientemente alta y, al mismo tiempo, sean ligeras en cuanto a datos. No querrás estropear la experiencia de tu reclutador donde tienen que esperar unos segundos para que se cargue cada imagen, ¿verdad?

Aquí es donde entran ImageOptim y TinyPNG. Le recomendamos que utilice ImageOptim para optimizar las imágenes JPEG y TinyPNG para optimizar las imágenes PNG .

ImageOptim es una aplicación web que utiliza un algoritmo avanzado para optimizar sus imágenes.

La aplicación web de ImageOptim no tiene una interfaz bonita, pero su poderoso algoritmo de compresión de imágenes lo ayudará a reducir considerablemente el tamaño del archivo. 

TinyPNG es una aplicación web similar que es más fácil de usar pero se centra en PNG.

En general, le recomendamos que mantenga cada imagen por debajo de 100 KB. Sin embargo, la optimización de la imagen tiene que ver con el equilibrio entre la calidad de la imagen y el tamaño del archivo. Cuanto más optimices tus imágenes para que sean ligeras, más detalles perderás. Tendrá que usar su propio criterio para elegir el nivel de calidad que puede aceptar en un tamaño de archivo lo suficientemente pequeño.