Mobile Studies
Learning Management System

Storyboards depicting various scenarios of users who will be using Mobile Studies were illustrated to get various stakeholders involved in the project clear about who they are developing the system for. These storyboards include details about the typical users, why and how they use, the environment in which the system is used, and the benefits that can be derived from it. In all, 6 scenarios were illustrated, including a full-time tutor, a part-time tutor, ex-moe tutor, an academically strong and weak student, and a tiger mum.

Flowcharts were constructed to help stakeholders in the construction of the site to understand the navigation flow for tutors and students. This helps to clarify how a page is linked to another and to spot errors in missing links. The flowcharts are also a quick reference for developers to verify their work.

Using hand-drawn wireframes, we can quickly test out if the system is logically sound, easy to use, and meets the objectives of building the system. The exercise was able to help us to identify what the minimal viable product is to get it out on the market quickly. This also avoids the trouble of spending excessive time on coding, which is significantly more time-consuming.

A high-fidelity prototype was created on Adobe Experience Design (XD) to demonstrate how to use Mobile Studies before embarking to code the system. With the video demonstration, the developers were able to understand how each page should be linked to another. Through this exercise, we were able to determine how complicated the system will be for a basic user, as we seek to come out with further iterations to simplify the process.

Mobile Studies was designed and reviewed multiple times before the actual site construction. Colours were changed from a muted palette to a more vibrant option that is in line with current user interface design trends. On the dashboard, the cards were redesigned into three columns to ensure that more lessons/classes can be featured in the top row, as opposed to a single horizontal card. The create button was also repositioned to the top so that tutors can access it from any page.

The Mobile Studies website takes on a fun and lively brand identity to make online learning enjoyable for children. This was achieved with a  space theme and playful micro-interactions throughout the website. To cater to more mature students, such as those in junior colleges, full-width images of the skies and nature were used to appeal to them. As the website is currently under construction, these concept visuals assist developers in building the website.

The learning management system features a user dashboard for students and tutors to organise classes and lessons they have signed up for or created. Tutors can arrange each question, video lecture, or visual, on an individual page and organise them into a lesson. Lessons can subsequently be grouped into different classes for a more comprehensive understanding of a topic or as a mid-term revision class.