MazeMind: Disseny Accessible d’un Videojoc Web per a l’Entrenament de la Memòria Visuoespacial amb Gamificació i Adaptació de Dificultat

Abstract

[eng] MazeMind is an interactive web application aimed at training visuospatial memory through maze solving. The project was born with a differential objective: to incorporate accessibility as a design criterion from the very beginning, preventing the experience from depending on a single user profile. The solution offers a game experience structured in phases (memorization and execution), a level-based progression system, a universal daily challenge with a streak mechanic to encourage consistent practice, practice modes (including an adaptive practice mode), and social features through multiplayer. Accessibility is addressed holistically: full keyboard navigation, key remapping, interaction consistency and visual hierarchy, advanced per-screen theme and colour customisation with live preview, a built-in contrast checker that validates compliance with WCAG 2.2 Level AA contrast requirements in real time, multilingual support (Catalan, Spanish and English), configurable audio feedback, responsive design for mobile devices, and account management with full data deletion. However, due to its visuospatial nature, the design requires functional vision and is not suitable for total blindness. This report presents the theoretical framework, requirements, design decisions and validation of the solution, with special emphasis on justifying each functionality as a response to real needs and well-established best practices.

[cat] MazeMind és una aplicació web interactiva orientada a l’entrenament de la memòria visuoespacial a través de la resolució de laberints. El projecte neix amb un objectiu diferencial: incorporar l’accessibilitat com a criteri de disseny des del primer moment, evitant que l’experiència depengui d’un únic perfil d’usuari. La solució ofereix una experiència de joc estructurada en fases (memorització i execució), un sistema de progressió per nivells, un repte diari universal amb mecànica de ratxa per fomentar l’hàbit d’ús, modes de pràctica (incloent-hi una pràctica adaptativa) i funcionalitats socials mitjançant multijugador. L’accessibilitat s’aborda de manera transversal: navegació completa amb teclat, remapeig de tecles, coherència d’interacció i jerarquia visual, personalització avançada de temes i colors per pantalla amb vista prèvia, un verificador de contrast integrat que valida en temps real el compliment dels requisits de contrast de les WCAG 2.2 de nivell AA, suport multilingüe (català, castellà i anglès), control del feedback auditiu, disseny responsiu adaptat a mòbils, i gestió de compte amb opció d’eliminació completa. Cal remarcar que, atesa la naturalesa visuoespacial, el disseny requereix visió funcional i no és apte per a ceguesa total. La memòria presenta el marc teòric, els requisits, les decisions de disseny i la validació de la solució, amb un èmfasi especial a justificar cada funcionalitat com a resposta a necessitats reals i bones pràctiques contrastades.