Creando Diseño Centrado en el Usuario ‍♀️✨

Nov 29 2022
Uno de los aprendizajes más importantes en mi viaje en mis proyectos anteriores es que estoy aprendiendo la importancia de crear un diseño centrado en el usuario para mi aplicación, Fitze. Al principio, lo vi como lento e innecesario en mi proceso de diseño.

Uno de los aprendizajes más importantes en mi viaje en mis proyectos anteriores es que estoy aprendiendo la importancia de crear un diseño centrado en el usuario para mi aplicación, Fitze. Al principio, lo vi como lento e innecesario en mi proceso de diseño. Aún así, me doy cuenta de que UCD es necesario porque, como diseñador, necesito crear un diseño entendiendo quién usará el producto.

“Diseñar es comunicar claramente por cualquier medio que puedas controlar o dominar”. (Milton Glaser)

Como líder de diseño, intenté implementar UCD en mi último proyecto, Fitze .

Permítanme presentarles Fitze, una aplicación para ayudar a los usuarios a ver catálogos de productos mejorados y descubrir una experiencia de compra única con nuestra vista previa del modelo 3D que proporciona descripciones generales básicas de 360° del producto, la realidad aumentada y la calculadora de tallas en una sola aplicación. Fitze también mantiene su compra fácil al dirigirlo a la página del producto en el comercio electrónico o un sitio web.

¿Cómo implementé UCD en este proyecto?

Primero, investiga

Encontrar la mayor cantidad de información posible es esencial para que el UCD pueda ser efectivo. Descubra quiénes son nuestros usuarios , qué están tratando de resolver , qué información necesitan , cómo creen que debería funcionar , etc. Existen múltiples formas de recopilar información sobre nuestros usuarios mediante la realización de entrevistas, encuestas u observaciones .

El resultado es la persona del usuario/usuario avanzado que consta de sus necesidades, comportamiento, motivaciones y objetivos.

Fitze — Usuario avanzado

️ Segundo, Diseño

La clave para hacer un UCD es no hacer pensar al usuario cuando interactúa con la interfaz de usuario de nuestro producto. Entonces, ¿cómo empezar? En lugar de hacer el diseño del producto final desde el principio.

Empiece por crear el flujo de usuario, la arquitectura de la información, los wireframes y los bocetos de Lo-Fi . Al hacer eso, podemos hacer un proceso de diseño mucho más rápido y efectivo.

Flujo de usuario
Arquitectura informacional
Bosquejo
Diseño de baja fidelidad

‍♀️ Por último, busca comentarios e itera

Recuerde, la clave para hacer UCD es crear un diseño entendiendo cómo los usuarios usan el producto. Obtenga comentarios de los usuarios realizando pruebas de usabilidad mediante la planificación de UT y la producción de un prototipo para determinar qué solución es la mejor, y esto debe hacerse continuamente durante el proceso de diseño. La fórmula clave es Diseño, UT (Obtener comentarios) e Iterar. Mejore el diseño hasta que se cumplan todos los requisitos.

✨¿Cómo planificamos nosotros (el equipo de diseño de Fitze) nuestra UT✨?

  • Identifique preguntas, categorice y determine los objetivos de las pruebas
  • Cómo y a quién probar
  • Recolectar datos
  • Analizar
  • Iterar

1. Redacción y apariencia del botón

Redacción publicitaria y apariencia de botones

Notamos que algunos usuarios hicieron clic mal cuando querían ver el indicador de tamaño/detalles en nuestra función de calculadora de tamaño. Donde deberían haber presionado el botón verde de la izquierda. En cambio, presionaron el texto al lado, que era solo una guía basada en texto para ellos.

Eso tiene sentido porque nos dimos cuenta de que la redacción no estaba bien. Así que decidimos cambiar la redacción para 'tocar el botón I' para ver los detalles. También mejoramos la apariencia del botón dándole un contorno blanco y una sombra más notoria para que parezca más fácil de hacer clic.

2. Redacción y alerta de comentarios

Alerta de redacción y comentarios

El usuario tuvo dificultades para comprender el flujo de la función de calculadora de tamaño, a la que se puede acceder solo después de que el usuario complete sus medidas corporales.

Por ello, el plan de mejora que hicimos fue sustituir el copywriting. La declaración "todavía no puede usar esta función" indica que hay una función a la que el usuario puede acceder una vez que se cumplen los requisitos.

Después de completar la medida del cuerpo, también agregamos un mensaje de alerta para que el usuario obtenga comentarios sobre la acción realizada y explique los próximos pasos del usuario.

Medir lo que se debe mejorar

Necesitamos identificar los problemas de la experiencia del usuario, y es nuestro trabajo hacer cambios para resolverlos. No solo eso, necesitamos medir el impacto de esos cambios. La tasa de éxito, el tiempo y la tasa de error pueden medir la usabilidad del diseño.

© 2022 Vica Valencia. Reservados todos los derechos.