Diseño de la interfaz de una aplicación web de enseñanza de español online

Abstract

Las Tecnologías de la Información y la Comunicación han supuesto grandes cambios en las metodologías del proceso educativo. Su evolución y la crisis del 2020 han favorecido que la enseñanza online esté cada vez más en auge. Dentro de este contexto y para atender al creciente interés por aprender español, este proyecto aborda el diseño de la interfaz de una aplicación web de enseñanza de español online como segunda lengua, planteada como el soporte para un aprendizaje dirigido siempre por un profesor que ofrezca todos los recursos necesarios. Un aula virtual en el que además de recibir clases online, el estudiante pueda tener acceso a materiales personalizados, realizar ejercicios e interactuar con otros compañeros. Así como ver los horarios de las clases, contratar nuevos cursos y realizar los pagos. Para su realización, en primer lugar, se ha llevado a cabo un estudio para conocer el contexto en el que se enmarca y para definir el público objetivo y los perfiles de usuario. A continuación, se han descrito las funcionalidades de la aplicación y su diagrama de navegación. Posteriormente, se han elaborado wireframes en baja fidelidad para implementar aspectos generales y definir la interacción entre la interfaz y el usuario, y también se han diseñado algunos ejercicios. Por último, se ha creado el prototipo de una parte del frontend mediante HTML, CSS y JavaScript que simula cómo será la navegación de la aplicación una vez desarrollada.

Information and communication technology has had a big impact in education methodologies. Its rapid evolution and the 2020 crisis have helped online education to grow more and more. Within this context, including the growing interest in learning Spanish, this project covers the design of the user interface of an application to learn Spanish online. This application will offer all the required resources to acquire skills in this language and the process will be driven by a teacher. It will provide a virtual classroom where the students will be able to receive remote classes, to have access to customized resources for each of them, to make exercises and to interact with each other. They will also be able to check the class schedule, to enroll in new courses and to make payments. The development of this work has had several steps. First, the context has been studied in order to define the target customers and create their user profiles. Then the features the application will support and its navigation tree have been described. After that, the low fidelity wireframes have been created to stablish the main aspects and the user experience, and some exercises have been also designed. Finally, a prototype of one part of the user interface has been implemented using HTML, CSS and JavaScript which simulates how the navigation of the final app will be.

Les Tecnologies de la Informació i la Comunicació han suposat grans canvis en les metodologies de l'procés educatiu. La seva evolució i la crisi de l'any 2020 han afavorit que l'ensenyament en línia estigui cada vegada més en auge. Dins d'aquest context i per atendre el creixent interès per aprendre espanyol, aquest projecte aborda el disseny de la interfície d'una aplicació web d'ensenyament d'espanyol en línia com a segona llengua, plantejada com el suport per a un aprenentatge dirigit sempre per un professor que ofereixi tots els recursos necessaris. Una aula virtual en què a més de rebre classes en línia, l'estudiant pugui tenir accés a materials personalitzats, realitzar exercicis i interactuar amb altres companys. Així com veure els horaris de les classes, contractar nous cursos i realitzar els pagaments. Per a la seva realització, en primer lloc, s'ha dut a terme un estudi per conèixer el context en què s'emmarca i per definir el públic objectiu i els perfils d'usuari. A continuació, s'han descrit les funcionalitats de l'aplicació i el seu diagrama de navegació. Posteriorment, s'han elaborat wireframes en baixa fidelitat per implementar aspectes generals i definir la interacció entre la interfície i l'usuari, i també s'han dissenyat alguns exercicis. Finalment, s'ha creat el prototip d'una part de l'frontend mitjançant HTML, CSS i JavaScript que simula com serà la navegació de l'aplicació un cop desenvolupada.