Kokone
Diseño de app y página web
El producto:
Kokone es una app y página web que facilita a los usuarios aprender sobre las emociones y la empatía, además que ofrece una gran variedad de funciones. Kokone se dirige en su mayoría a usuarios infantiles pero también los jóvenes o adultos pueden disfrutar de esta experiencia.
​
Duración del proyecto:
Marzo 2023
​
Descripción del proyecto
El problema:
Usuarios que en su mayoría son infantes, presentan problemas para expresar y entender sus sentimientos, así como la empatía.
La meta:
Diseñar una app y una página web para Kokone, la cual permita a los usuarios aprender sobre las emociones y la empatía..
Mi papel
Me desempeñe como diseñador UX diseñando en la aplicación de Good Luck desde la concepción hasta la entrega.
​
Mis esponsabilidades:
Realización de entrevistas, esquemas en papel y digital, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad, accesibilidad e iteración de diseños.
Investigación de usuarios
Una de las investigaciones que se realizó, fue mediante una entrevista en la plataforma de Meet, la cual cubrió un rango de edades y profesiones variadas, también se realizó la investigación de temas relacionados mediantes diferentes páginas de internet. Mi suposición inicial era que a solo un sector (infantes) le interesa la funcionalidad de la la app y la página web, pero mediante la entrevista se notó que tanto la app como la página web la utilizan personas de rango de edad infante, joven y adulto.
Planteamiento del problema
Para hacer la persona UX, se creo dos persona llamadas Emiliano y Valentina.
Emiliano es un estudiante de 4° de primaria, es un niño alegre y curioso, quién necesita reconocer sus emociones y a expresarlas de manera adecuada, porque quiere entender mejor las emociones de sus amigos y mostrarles empatía.
​
Valentina es un estudiante de 3° de primaria, era una niña dulce y divertida, quién necesita entender y expresar su empatía, porque quiere sentirse más segura.
.png)
Auditoría competitiva
Una auditoría de algunas páginas de la competencia brindó orientación sobre las brechas y oportunidades para abordar con la app y la página web de Kokone.
Ideación
Hice un ejercicio rápido de ideación para generar ideas sobre cómo abordar las brechas identificadas en la auditoría competitiva. Mi atención se centró en realizar secciones de lectura corta y actividades para entretener al usuario mientras aprende.
Comienzo del diseño
Estructuras digitales
A medida que se continuó la fase de diseño inicial, me aseguré de basar los diseños de pantalla en los comentarios y los hallazgos de la investigación del usuario.
Prototipo de baja fidelidad
Usando el conjunto completo de pantallas digitales, se creó un prototipo de baja fidelidad. El flujo de usuario principal que se conectó fue poder saber más sobre las emociones (lecturas y actividades), así como leer sobre la empatía y las demás pantallas que constituyen la app (felicitaciones y perfil), por lo que el prototipo pudo usarse en un estudio de usabilidad.
Estudio de usabilidad
Parámetros
Los tipos de estudio de estudio fueron de usabilidad moderado, la ubicación fue en México de manera remota, los participantes fueron 5 por cada estudio, la duración fue de 30 a 50 minutos totales por estudio. Nota: no se muestran imágenes de los estudios por que fueron realizados con menores de edad y para proteger su identidad no se anexa evidencia fotográfica.
Hallazgos
-
Agregar más emociones
-
Poner más imagenes
-
Habilitar más secciones
Refinación el diseño
Maquetas
​
El cambio en la pantalla de inicio se realizó basado en los comentarios de los participantes dadas en la entrevista. Consistió en ingresar agregar iconos a la sección de las emociones y en la navegación inferior.
​
El cambio en la pantalla de lectura se realizó basado en los comentarios de los participantes dadas en la entrevista. Consistió en ingresar una sección más con una ilustración para complementar la lectura.
Prototipo de alta fidelidad
El prototipo final de alta fidelidad presentó flujos de usuario más limpios para leer y realizar las actividades. También satisfizo las necesidades de los usuarios de tener más control en su pantallas para explorar para informarse.
Consideraciones de accesibilidad
-
Los iconos usados son para ayudar a hacer que la navegación sea más fácil.
-
Adición de texto alternativo a las imágenes para los lectores de pantalla y la posibilidad de configurar acciones extras de accesibilidad (tamaño de letra y contraste de color).
-
Uso de imágenes de los videojuegos para ayudar a todos los usuarios a entender mejor el diseño y su función.
Investigación de usuarios
Arquitectura de la información
Con los diseños de la aplicación completados, comencé a trabajar en el diseño del sitio web receptivo. Usé el mapa del sitio de Kokone para guiar la estructura organizativa del diseño de cada pantalla para garantizar una experiencia cohesiva y consistente en todos los dispositivos.
Diseño responsivo
Los diseños para la variación del tamaño de la pantalla incluyeron dispositivos móviles, tabletas y laptops. Optimicé los diseños para adaptarse a las necesidades específicas del usuario de cada dispositivo y tamaño de pantalla.
Avanzando
Impacto
La app y la página web hacen que los usuarios sientan que Kokone realmente piensa en cómo satisfacer sus necesidades y ahorrarles tiempo.
Una cita de los comentarios de los usuarios:
“Si la usaría porque es muy útil, muchas veces no tengo tiempo para buscar en muchas páginas web y esta página web reuniría toda esa información y contenido que busco en un solo lugar”
Aprendizaje
Las ideas y los bocetos son solo el comienzo del proceso. Los estudios de usabilidad y los comentarios de los usuarios influyeron en cada iteración de los diseños y prototipos de la página web.
Próximos pasos
-
Actualización de la auditoría competitiva.
-
Realizar otro estudio de usabilidad para validar si los puntos débiles experimentados por los usuarios se han abordado de manera efectiva.
-
Realizar más investigaciones de usuarios para determinar nuevas áreas de necesidad (especialmente con hombres).
Agradecimientos
¡Gracias por su tiempo revisando mi trabajo en la aplicación de Good Luck!
También quiero agradecer a todas las personas que participaron en los estudios de usabilidad.
Si tú quisieras ponerte en contacto o ver más sobre mi trabajo, mi información de contacto se proporciona a continuación.
