Cómo mejorar tus diseños y tu trabajo como UX Designer
La vorágine del día a día puede llevarte a diseñar de forma apresurada, omitir pasos importantes y olvidarte de algunos detalles. Sin embargo, en esos momentos es donde más tenemos que abrir los ojos e intentar mantener la calidad del diseño lo máximo posible. Pensando en ello y en cómo pagué las consecuencias por haberme apresurado en el pasado, te traigo algunos consejos, recordatorios y recomendaciones para mejorar tanto tus diseños como tu trabajo como UXer, ¡y te dejo un bonus track con 35 herramientas que necesitás tener!
Revisá los flujos
La interacción que tus usuarios tienen con la interfaz debe ser lo más fácil, práctica e intuitiva posible. Si podés ahorrar una tarea, simplificar una pantalla, eliminar un paso, ahorrar un clic, no dudes en hacerlo. La mejor forma de pulir esos detalles (antes de hacer pruebas con usuarios) es revisando los flujos y viajando vos mismo por el journey que diseñaste.
Te dejo el link al libro No me hagas pensar de Steve Krug. ¡Siempre es bueno volver a las bases!
No pidas más datos de los que necesitás
Ya sea en una inscripción, en una encuesta, en un registro o en cualquier tipo de formulario, debemos ser cuidadosos con la información que solicitamos. Esto significa que tenemos que asegurarnos de que los datos que pedimos en el formulario tienen una justificación y un uso posterior definido. Si no sabés cuándo y cómo vas a usar esa información, entonces no es necesaria.
Mostrá indicadores de progreso
La primera de las 10 heurísticas de usabilidad es la Visibilidad del estado del sistema.
Esta heurística nos enseña que el diseño debe mantener informado al usuario de lo que está ocurriendo en la interfaz, brindarle información transparente de lo que ya hizo y lo que le falta para que pueda tomar sus propias decisiones. Además, incorporar un indicador de progreso te obliga a dividir el proceso en pasos y detectar oportunidades de mejora.
Aplicá un criterio minimalista
Así como el silencio, el espacio en blanco es útil y necesario. Ayuda a contextualizar y destacar componentes para lograr armonía y equilibrio visual. No te sientas intimidado por la sencillez de no tener la pantalla repleta de información. En UX, como en la vida, menos es más.
Ocupate del Design System
Crear un Sistema de diseño es un desafío, pero vale la pena. No sólo porque asegura coherencia y consistencia, sino porque ahorra mucho trabajo y dolores de cabeza. Todo lo que puedas automatizar es bienvenido, sobre todo si son muchas las personas que diseñan en el equipo.
Tomá los errores como oportunidades
Si la voz de tu marca lo permite, las páginas de error (siempre que no signifiquen un punto de dolor crítico para el usuario) pueden ser una gran oportunidad para conectar con él.
Mirá cómo lo hizo Disney:
Documentá todo
Puede que te parezca engorroso, pero documentar cada pieza o elemento que diseñamos es superimportante para dejar constancia de lo que hicimos para que pueda ser recuperado en el futuro por nosotros mismos (si queremos hacer un rediseño, por ejemplo), por otros designers o por otras áreas. Incluso, en el área de UX Content, se usa mucho el “Documento Descartes” para reunir todas las propuestas de wording que no se usaron en el diseño final, pero que igual eran convincentes. ¡De las viejas ideas pueden salir otras muy interesantes!
Velá por la legibilidad y la jerarquía de la información
Es crucial definir la importancia de los elementos en niveles, organizarlos y ordenarlos de más a menos importante según el objetivo del usuario al resolver la tarea. Una experiencia no puede considerarse buena si las personas no pueden encontrar lo que buscan. Para lograr categorizar la información en unidades comprensibles e intuitivas, te recomiendo hacer card sortings o tree testings para conocer y validar el modelo mental de tus usuarios.
Pedí feedback
Recibir feedback, tanto de usuarios como de stakeholders y colegas, es una actividad esencial en un proceso de diseño centrado en las personas. Escuchar los puntos de vista de otros nos permite ver detalles que están fuera de nuestra visión y que enriquecen al producto.
No te olvides que el feedback es un regalo y hay que recibirlo como tal. Dependerá de nosotros qué tomamos de esa retroalimentación, pero siempre hay que agradecerla.
Diseñá para tus usuarios
Es muy importante que tu proyecto tenga los cimientos fuertes para avanzar y crecer. En este caso, con “cimientos” me refiero a datos e información cuantitativa y cualitativa que provengan de investigaciones y que te sirvan para crear tu proto persona. Recordá que cuando hacemos research, estamos buscando patrones de conducta. No diseñamos para una persona particular a la que entrevistamos, diseñamos para una persona ficticia que tiene las características que comparten las personas que entrevistamos. Siempre buscamos insights.
Cuando decimos “usuarios”, nos referimos a personas. Y las personas son diversas. Es importante (y necesario) que tu propuesta sea accesible para personas con capacidades diferentes. Te dejo la web de WCAG para consultar y formarte sobre Accesibilidad, además de una checklist con recursos que creé para vos.
Prestá atención a los detalles
La funcionalidad es más importante que la estética, sí, pero esto no significa que tengamos que dejar por fuera los detalles visuales. Recordá revisar bien el contraste, color, tamaño, alineación, los botones, enlaces, tipografía y hasta la ortografía en el proceso de pulir e iterar el diseño. Pedí feedback al equipo para que te ayuden a reparar en esos detalles.u
Bonus Track
Dicho esto, me encantaría compartirte 35 herramientas que te van a ayudar a trabajar mejor como UX Designer. Como dije antes: todo lo que puedas automatizar es bienvenido. ¡Así tendrás más tiempo para dedicarle a la estrategia!
Webs para descargar tipografías:
Herramientas para realizar card sorting y tree testing:
Webs descargar iconografía:
Herramientas para crear paletas de colores accesibles:
- Palett
- Colorsafe
- Accesible color palette builder
- Adobe color (herramienta “verificar accesibilidad”)
Software para diseñar prototipos:
Bancos de imágenes:
Herramientas para gestionar tus tareas y comunicarte con tu equipo:
Templates para crear tu proto persona:
Si encontraste valor en este artículo, te agradecería que la compartieras con quien creas que necesite leerlo.
¡Gracias por leer! Hasta la próxima.
