{"id":756,"date":"2022-11-24T14:32:54","date_gmt":"2022-11-24T14:32:54","guid":{"rendered":"http:\/\/15.237.72.197\/?post_type=portfolio&p=756"},"modified":"2025-02-10T07:16:21","modified_gmt":"2025-02-10T07:16:21","slug":"madrasa","status":"publish","type":"portfolio","link":"https:\/\/whatzhat.com\/es\/portfolio\/madrasa\/","title":{"rendered":"Madrasa"},"content":{"rendered":"

Estudio de caso de gamificaci\u00f3n y experiencia del usuario<\/h1>\n\n\n\n
\n
\n

Estudio de caso de gamificaci\u00f3n de la experiencia del usuario: c\u00f3mo impulsar la participaci\u00f3n en la plataforma educativa Madrasa<\/h2>\n\n\n\n

Como parte de las iniciativas de MBRGI, contribuimos al dise\u00f1o de UX y UI para la plataforma educativa Madrasa, que tiene como objetivo hacer m\u00e1s atractivo el aprendizaje de matem\u00e1ticas y ciencias. Para animar a los usuarios a practicar m\u00e1s y con regularidad, nos hemos basado en un proceso de gamificaci\u00f3n que fomenta la competici\u00f3n amistosa entre estudiantes, respetando al mismo tiempo las especificidades educativas y culturales del proyecto.<\/p>\n<\/div><\/div>\n\n\n\n

\n \n \n \n \n \n
Cliente:<\/strong><\/td>\n Madrasa<\/td>\n <\/tr>\n
Enlace:<\/strong><\/td>\n Madrasa.org<\/a><\/td>\n <\/tr>\n
Date:<\/strong><\/td>\n Junio de 2019<\/td>\n <\/tr>\n
Comparte:<\/strong><\/td>\n \n
\n
\n \n <\/svg> \n WhatsApp <\/span>\n <\/span>\n <\/a>\n \n <\/svg> \n Facebook <\/span>\n <\/span>\n <\/a>\n \n <\/svg> \n LinkedIn <\/span>\n <\/span>\n <\/a>\n <\/div>\n<\/div>\n<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n

1. Dise\u00f1ar la experiencia gamificada<\/h2>\n\n\n\n

La gamificaci\u00f3n se basa en la integraci\u00f3n de mecanismos de juego (puntos, insignias, clasificaciones) dentro de un recorrido de aprendizaje. Primero estudiamos los casos de uso e identificamos los momentos clave en los que la motivaci\u00f3n podr\u00eda disminuir. <\/p>\n\n\n\n

En respuesta, dise\u00f1amos elementos de retroalimentaci\u00f3n visual (barras de progreso, puntuaciones, trofeos) para ayudar al usuario a medir su progreso y celebrar sus \u00e9xitos.<\/p>\n\n\n\n

La idea es mantener un alto nivel de compromiso, en particular a trav\u00e9s de:<\/p>\n\n\n\n

<\/p>\n\n\n\n

    \n
  • Sistemas de rangos e insignias:<\/strong> Marca cada paso dado y cada habilidad adquirida.<\/li>\n\n\n\n
  • Competiciones y clasificaciones: <\/strong>Fomentar el esp\u00edritu de emulaci\u00f3n entre los estudiantes.<\/li>\n\n\n\n
  • Recompensas tangibles o simb\u00f3licas: <\/strong>Fortalecer el sentido de logro.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n
    \n

    2. Un dise\u00f1o UX & UI adaptado a cuestiones educativas<\/h2>\n\n\n\n

    Para que la gamificaci\u00f3n sea efectiva, la interfaz debe ser intuitiva y agradable. El dise\u00f1o de la interfaz de usuario fue pensado para mejorar el contenido educativo, ofreciendo al mismo tiempo elementos divertidos (iconos, tipograf\u00eda, colores brillantes). <\/p>\n\n\n\n

    Tambi\u00e9n tomamos en cuenta la identidad general de Madrasa para garantizar la coherencia gr\u00e1fica y respetar las sensibilidades culturales locales.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

      \n
    • Legibilidad del contenido:<\/strong> Secciones claramente delimitadas para una f\u00e1cil navegaci\u00f3n.<\/li>\n\n\n\n
    • Accesibilidad:<\/strong> Compatibilidad m\u00f3vil, soporte en \u00e1rabe e ingl\u00e9s para llegar a millones de usuarios.<\/li>\n\n\n\n
    • Estructura de progresi\u00f3n:<\/strong> un camino marcado para que cada alumno sepa qu\u00e9 pasos seguir y qu\u00e9 objetivos alcanzar.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n
      \n

      3. Resultados: Un aprendizaje m\u00e1s atractivo y una comunidad din\u00e1mica<\/h2>\n\n\n\n

      La plataforma educativa Madrasa ahora ofrece cursos gratuitos de matem\u00e1ticas y ciencias en \u00e1rabe e ingl\u00e9s, dirigidos a un p\u00fablico amplio. <\/p>\n\n\n\n

      Gracias a la gamificaci\u00f3n UX, los estudiantes est\u00e1n m\u00e1s motivados para formarse, progresan m\u00e1s r\u00e1pido y se crea un esp\u00edritu de competencia positiva.<\/p>\n\n\n\n

      Este estudio de caso destaca el impacto de un enfoque l\u00fadico en el mundo de la educaci\u00f3n: al integrar una estrategia de gamificaci\u00f3n bien pensada, Madrasa logra hacer que el aprendizaje sea m\u00e1s estimulante, inclusivo y culturalmente relevante para millones de usuarios.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n

      \n
      \n\t
      \n\t\t
      \n\t\t\t\"Visual\n\t\t<\/div>\n\t<\/div>\n\t\t
      \n\t\t\t\n
      \n\n\t\t\n\t\t\t