Company Training LMS Concept

The Idea: Objectives

The idea for this learning app originated from a collaboration between JPA – a design agency in Malta where I was an employee – and Grant Thornton. As a large, global accounting company, Grant Thornton has a lot of training frequently lined up for its employees to keep them updated about very important and sensitive issues, such as security requirements, accounting and legal procedures. After several interviews and workshops with the stakeholders, I got more insight as to why the current system being used is not fully catering to their needs:

  • Lack of training categorisation, organisation and employee training record.
  • Employee access to the training outside the place of work.
  • Consistent training format and branding.
  • Outsourcing of many training sessions to third party companies.
  • Lost business opportunities.

Creating an application for all devices would mean addressing all the above shortcomings, internalise the processes therefore reducing costs, and opening opportunities for new business, such as offering the app framework to other companies as a white-label product.

In order to both manage it and sell it as a product, the application required a user hierarchy:

  1. Grant Thornton as the Super Admin who controls the companies that sign up and their permissions.
  2. Administrators who control Content or Course creators, and also the course takers/students and their permissions.
  3. Course/Content Creators who control the course content and publish courses, answer students’ questions and control the students’ permissions.
  4. Course Takers/Students

All the above require different views with different functions – unfortunately the project was put on hold before the concept was even close to being fully developed. Only the Content Creator view for desktop and the Course Taker view for desktop and mobile were covered.

This is showing how the super admin owning the platform has control over the hierarchy, while the user roles within the hierarchy provide permissions to each other.
A very small part of the Course Creator User flow – the flows were very wide due to the number of functions available.

Functions for MVP – User: Content Creator

The minimum viable product concept for the application on the side of the Content Creators would cover the functions that follow.

Functions within all Screens

Upcoming tasks, Unread Messages, important Notifications, Logout link and Main Menu with all the options. Profile settings panel on the right. This header panel is visible on all the screens.

Screenshot showing the different options within the top functions as designed on Figma
Screenshot showing the different options within the top functions as designed on Figma

Course Viewer

A dashboard where the company employees can see the courses that they have available and those that they have completed. For Course Creators, the dashboard would show two available tabs: the Courses they published, and those they have as draft. Filtering and sorting options would be available for each

Course Viewer screenshot
Course Viewer screenshot

Course Editor and Question Pool

The Course Editor has two views: the Course view and the Question view. The Course view – as per below – is where the user inputs the details and image that are going to appear within the course card element on the Course Viewer screen. The user has the option to save as draft if at least one piece of information is entered, and can Test Run if the course has at least one question.

Course Editor Screenshot - Course View tab
Course Editor Screenshot – Course View tab
Window that appears after clicking 'Save as Draft' button
Window that appears after clicking ‘Save as Draft’ button

The Question view (below), is where the user starts building questions for the course. Every time a question is created and saved, it is added to another section in the system called Question Pool, which is literally a library of all previously created questions that can be pulled from the pool and placed into the course, hence the Add from Pool button. The preview panel on the left illustrates how the question will appear, and provides the functionality to re-order the questions. The question builder offers multiple question styles, such as multiple choice and essay answers, question tiers, and media such as a video or image can be integrated within each question.

Course Editor screenshot - Question View tab
Course Editor screenshot – Question View tab

Every question which is created is saved to the question pool and it adopts the Categories and Tags applied to the course being built. When the user decides to add to the course ‘from question pool’, this window appears – the user can search and filter the questions and also sort them by date, difficulty, etc. The question horizontal card elements have enough essential information for the user to scroll through and know which one is needed, however for the full question and details there is the ‘View Question’ link.

Window that appears when the user clicks 'Add from Question Pool' button in the Question View tab.
Window that appears when the user clicks ‘Add from Question Pool’ button in the Question View tab.

Publishing a Course

Once the Course Creator has finished adding questions and is happy with the course content, the course can be published. It is a 5-step process as illustrated in the slideshow below.

Categories and Tags

Categories and Tags are very important for the hierarchy within the system, which is Department > Groups > Users. They are used to connect and organise all the elements, and there can be multiple ones assigned to one item. As an example:

  1. Admin creates a Department, with a Category labelled Accounting.
  2. Within the Department, Groups are created which are all categorised under Accounting. There are 3 groups in total, each with a tag: Management, Money Laundering and Accounts.
  3. The individual Users are defined and are also categorised under Accounting, however 2 of them are also assigned the Management tag, 3 of them the Money Laundering tag and the rest the Accounts tag. This means that all Users primarily reside within the Accounting Department (category), but they are tagged according to their specific roles and automatically placed in the Group which holds the same tag.
  4. When a course is created and assigned the Accounting category and the Money Laundering tag, the system can connect it to the relevant Department, and add it to the schedules of the Money Laundering Group within that Department. If the course has been assigned multiple categories and multiple tags, the course is also added to the schedule of all the users that have been assigned that specific category and tag/s.
Categories and tags - Categories section Screenshot
Categories and tags – Categories section Screenshot
Categories and tags - Tags section Screenshot
Categories and tags – Tags section Screenshot

Users and Groups

In this screen the Course Creator can see which Departments have been allocated to him by the Admin, and choose to Extract Reports with defined parameters regarding those Departments. This screen has two main tabs: Departments and Groups and All Users. The user can go into each department, look at the groups and see their performance, courses taken and other information. The user can also edit and add or remove users from the groups.

Screenshot of part of the Users and Groups Screen showing the Accounting Department expanded to view the Groups.
Screenshot of part of the Users and Groups Screen showing the Accounting Department expanded to view the Groups.
When choosing to Edit Group, this window appears, showing all the users categorised in the group, the overall performance, scheduled courses and more.
In the All Users tab, the Course Creator can search for particular users by applying filters and can view their details.
In the All Users tab, the Course Creator can search for particular users by applying filters and can view their details.

Calendars

Within the Calendars Tab, the Course Creator can create new events or reminders, and also add other calendars, such as Department Calendars, for reference when scheduling courses or any meetings. The calendar can be shared, printed or exported in several formats. The aim here is to give more control over all that is happening within the Departments assigned to the Course Creator and provide more flexibility to the flow of information.

A screenshot of the Calendars Tab screen
A screenshot of the Calendars Tab screen

Analytics

This section is all about performance reporting, and initial planned functionality included having pre-set reports which the Course Creator can choose from, then apply any additional parameters – such as dates – accordingly. However further functionality could be included by adding the option to create new templates instead from pre-set columns and parameters; very similar to the course creation process when extracting questions from the Question Pool.

A screenshot of the Analytics screen.
A screenshot of the Analytics screen.

Help/Feedback Logs

The Help & Feedback Logs Section acts as a live chat area and also as a record of past chats. In this section every chat is listed as an issue and once closed it is marked as solved, and moved to the Logs section at the bottom. The user can filter chats by user and by tag, search for specific messages within the chats using keywords, print a whole thread and also report a user.

A screenshot of the Help/Feedback Logs screen, showing the 2 sections: Active chats and Logs.
A screenshot of the Help/Feedback Logs screen, showing the 2 sections: Active chats and Logs.

Functions for Course Taker User

A very small slice of the Course Taker user flow.

Course Viewer

The course viewer for the course taker is a bit different, with the main tabs being Pending and Completed. The top right functions for tasks, notifications and messaging work exactly the same as the Content Creator.

A screenshot of the Course Viewer screen for Course Taker user
A screenshot of the Course Viewer screen for Course Taker user

My Analytics

The user can extract reports of his/her own performance for reference or records. This greatly increases transparency as well in between employees and their manager in terms of work performance and achievement by merit. The report would also clearly show the weak and strong points of the particular individual and provide more insight on what needs to be worked on.

My Analytics screenshot
My Analytics screenshot

My Files

The Course Taker user can see uploaded files within the application such as reference notes, presentations etc. New files can be uploaded and also shared with other co-workers.

My Files screenshot
My Files screenshot
The option to drag and drop, choose from desktop or GDrive to upload files on the system
The option to drag and drop, choose from desktop or GDrive to upload files on the system

My Groups

In this view the Course taker can see which Department and Groups he was categorised in. This section provides detail regarding the overall performance of all the individuals within the same categorisation, and other information.

A screenshot of the My Groups scree, showing the Departments and Groups that the user is part of.
A screenshot of the My Groups scree, showing the Departments and Groups that the user is part of.

My Timetable

The user has two different calendar views, and can decide which type of events he/she wants to see within the expanded view at the bottom. Other functionalities include adding events, courses and reminders, searching for events and courses and also going to specific dates, amongst others.

A screenshot of My Timetable screen
A screenshot of My Timetable screen

Help and Feedback Logs

Very similar in format to the Help & Feedback Logs view for the Course Creator user, this section shows the Course Taker user which requests are pending (or not solved) – for which the user can send a reminder – and past chat threads which are solved. The issues can be solved by both the Course Creator and the Course Taker.

A screenshot of the Help/Feedback Log screen
A screenshot of the Help/Feedback Log screen

Course Taker User: Mobile

Mobile Design: Left - Mobile Login screen advanced wireframe; Right - Course Viewer dashboard screen
Mobile Design: Left – Mobile Login screen advanced wireframe; Right – Course Viewer dashboard screen

Designing for mobile is always the priority, however for this concept it was essential to make sure that the employees can take their courses from wherever they want without being stuck to their work desks.

Left: Launched course, instructions screen; Centre: First question screen; Right: Another test question
Left: Launched course, instructions screen; Centre: First question screen; Right: Another test question
Left: Final question in the course; Right: Result of the course is shown to the user immediately, excluding possible long form questions which would be individually assessed by Course Creators or another role.
A quick prototype of some of the screens in mobile mode for Course Takers. (You might need to activate Full screen mode for better viewing)

Conclusion and Further Work

While this concept is far from complete, it has addressed multiple issues that this particular client is facing. Since current LMSs do not seem to offer what is client was looking for, going custom is the only option – which although is much more expensive and time-costly, it would provide many opportunities for other business and further elevate the client’s position as a B2B company.

Further revision of user flows, user testing and polishing of the design are one of the few things in the backlog for this concept, however it still brought together up the majority of the requirements into a clear design, provided a clear direction towards a potential MVP and also offered me the opportunity to work on a full-fledged product.