Smart LMS Антон Мишин
This work
in other
nominations
UX, UI & Journey Design
Task
Upgrade the interface of the HSE Smart LMS educational service in favour of convenience and nativeness, working out a custom UI/UX solution based on the Moodle API
Ideas and solutions
Smart LMS (Learning Management System) is an adaptive, multifunctional online educational platform. It gives universal access to courses, documentation, assessments and other HSE services. It also provides constant communication between students, professors, moderators and administrators. Smart LMS web service is based on the Moodle API. That was our innovation. Previously, educational organizations used the wide functionality of the service, leaving aside serious design troubles. Using the API tools for mobile interfaces, we created our own web interface that literally covers the Moodle HSE System. So, the data from the educational system is displayed in our stylish and minimalist interface. Therefore, it is displayed where the design is already drawn, and those services and tabs where something is not ready yet are displayed as separate elements inside our UI in the original Moodle form. The neat and user-friendly UI of the LMS made the interface more convenient and native. It was created on the HSE design system (it was also developed by us). So that was rather cheap and fast. Personal Account has become more simple. Personal information is followed by dominant flashcards. Card preloaders help users to understand the state of the interface. The course tabs succinctly reflect the current course information in different visual images: assessment, tags, lecturer's photo and the list of participants. On the Course page, an individual colour pattern is reflected in the header. The image generator, which includes 10 colours and 25 textures, creates its own image for each course, depending on the field of study, helping the user to quickly find the desired tab in the sheet by visual signs. This approach helps to create a positive and friendly image of the service. Login: test_student password: n%7woLBh
