© 2023 AARDesign. All rights reserved.
The new and more engaging personality test
Año: 2022-2023
Mi rol: diseñadora UX/UI
Compañía: Proyecto interno con AssessFirst, una solución que ofrece evaluaciones de habilidades sociales y potencial, construidas sobre 3 factores clave: personalidad, motivaciones y estilo cognitivo.
Equipo: Además de trabajar estrechamente con el jefe de producto y el desarrollador front-end asignado, hubo un importante trabajo en equipo con el jefe de ciencia en la concepción del producto.
Las evaluaciones de habilidades sociales de AssessFirst se basan en 3 tests, uno de ellos un test de personalidad llamado SHAPE. De acuerdo con los feedback y satisfacción de los clientes y los usuarios, y en los datos de finalización y espontaneidad, este test tenía algunos problemas:
Era tan largo que los usuarios perdían el interés y la atención, a veces abandonando el test
Tras leer varias preguntas, los usuarios se cansan y aburren de leer y pierden la concentración, haciendo sus respuestas menos fiables
El test tenía problemas de accesibilidad tanto en el código como en el diseño visual
El diseño visual era plano y lejos de las tendencias actuales
La solución a estos problemas era rediseñar el test con el equipo de ciencia para crear un test más corto y más atractivo.
Antiguo test de personalidad, Shape.
1. Concepción: trabajo en equipo con el jefe de ciencia para definir las necesidades e iteraciones del proyecto.
2. Definición de producto: Definición de las especificaciones y creación del viaje del usuario de la versión de test.
3. Versión de test: Diseño de las pantallas para la versión de test.
4. Conclusiones del test: Análisis de los tests de usuario y revisión de las especificaciones y el viaje del usuario.
5. Solución final: Wireframes y prototipo final.
Durante la fase de concepción me reuní con el jefe de ciencia y el jefe de producto para determinar las necesidades del nuevo test.
Desde la perspectiva UX/UI era necesario que el test fuese:
5 mins. de finalización de media
Respuestas más visuales
Más atractivo gracias a la gamificación e interacciones más interesantes
El móvil sería el dispositivo más usado aunque también debía ser accesible desde escritorio
Desde la perspectiva científica, el test debía:
Reutilizar la estructura del test anterior para poder pintar los mismos resultados
Información sobre los candidatos respecto a las 20 dimensiones de personalidad AF
El test debía contener suficientes preguntas para que siguiese siendo fiable
Antes de lanzar el nuevo test, el equipo de ciencia necesitaría valorar la fiabilidad de sus resultados. Por eso, primero se desarrollaría una versión de estudio para comprobar la exactitud de las preguntas. Esto nos permitiría también probar la usabilidad de la solución y la satisfacción de los usuarios. Este estudio previo tenía ciertos requerimiento particulares:
Los usuarios necesitan haber pasado el tst antiguo para que el equipo de ciencia pueda comparar los resultados.
Se deberían probar varias series de preguntas para definir las adecuadas.
Clarificadas todas las necesidades, definimos las especificaciones para la versión de estudio:
Recogen información sobre los usuarios respecto a las 20 dimensiones de personalidad AF
Las preguntas, o artículos, serían pares conceptos representados con imágenes entre los que elegir
Incluiría un botón en caso de que el usuario no pueda elegir entre las dos opciones
Un tutorial y un trial o ensayo introducirían el test
Tras el test se harían preguntas sobre su satisfacción al usuario
Hicimos también una lluvia de ideas sobre el tipo de interacciones que podríamos incluir en el test. Queríamos que el test resultase más atractivo, por lo que la acción principal, elegir una de las 2 opciones, no podía ser un simple click o toque en la pantalla. Otra interacción bastante natural y común en móvil es deslizar la pantalla, lo hacemos para hacer scroll, para pasar a la siguiente foto o pantalla, etc. Nos dimos cuenta de que este movimiento podría encajar muy bien en este caso, ya que para contestar cada pregunta, podríamos deslizar hacia la izquierda para elegir una opción, y hacia la derecha para elegir la otra.
Ejemplo de Google Material Design de interacción deslizar.
Sobre las especificaciones, diseñamos el flujo de usuario de la versión de test.
Había varias pantallas a diseñar.
Primero me concentré en la parte más importante del viaje de usuario, las preguntas o artículos (pares de imágenes entre las que elegir). Diseñada esa parte, podría crear el trial y el tutorial.
También eran necesarias una pantalla de bienvenida al principio, y dos páginas de agradecimiento, una para cuando el usuario puede volver a pasar otra de las series de preguntas, y otra para cuando ya ha pasado todas las series.
Por último, necesitaba diseñar la pantalla para las preguntas post test, que nos darían información sobre Finally, I needed to design the screens for after test feedback questions, which will give us some insights about si estábamos o no mejorando la experiencia.
Por supuesto, la interacción deslizar no funcionaría en escritorio, por lo que para este dispositivo decidí simplificar la interacción. Para seleccionar entre los pares de imágenes, un click sobre la imagen elegida sería suficiente. No obstante, también podrían usarse las flechas del teclado para elegir una opción, y la barra espaciadora para iniciar el botón de no elección.
El equipo de ciencia llevó a cabo el test de 6 series de preguntas, recogiendo un montón de información y algunas revelaciones importantes:
La retroalimentación sobre la experiencia fue genial y el equipo de ciencia tenía los datos para poder elegir las preguntas adecuadas para el test final. Entonces definimos las especificaciones de la versión final:
Sobre eso adaptamos y definimos el viaje de usuario final.
Pude trabajar entonces en las pantallas finales y en un pequeño prototipo para definir las interacciones, animaciones y transiciones.
Prototipo final del test Swipe.
Para escritorio, de nuevo, no podríamos usar el deslizamiento para volver a la pregunta anterior, por lo que añadí un botón en la esquina superior derecha de la pantalla para ello. La flecha arriba del teclado también llevaría a cabo esta acción.
El nuevo test de personalidad Swipe se lanzó y la acogida por parte de los usuarios fue muy buena. Incluso aún en una etapa temprana, se está registrando una mayor participación de los usuarios.
Algo a mejorar sería el nombre. El nombre del antiguo test estaba relacionado con el objeto de evaluación del test, se llamaba Shape (forma) porque reflejaba la personalidad del usuario. El nombre del nuevo test hace referencia a la interacción principal utilizada en el test, lo que no supone ningún significado más allá para el usuario. Se debería encontrar un nombre más apropiado que hiciera referencia a la personalidad.
© 2023 AARDesign. All rights reserved.