LessonLab Assessment

LessonLab Assessment

LessonLab Assessment

Problem Statement

Imagine you're a teacher or a trainer. Instead of juggling papers and chasing emails, this digital sidekick lets you create, organize, and dish out your lessons or training materials. It's like your virtual classroom or training ground.

Problem Statement

Introduction

LMS stands for Learning Management System. It is a software application or web-based technology used for the administration, documentation, tracking, reporting, and delivery of educational courses or training programs.

Enhance the efficacy of your educational platform using state-of-the-art assessment APIs from LessonLab Assessments. This advanced assessment engine redefines the learner experience, fosters business expansion, and catalyzes innovative strides within the industry.

Introduction

Role

UX Designer

Team

Vaibhav Doifode - UX (Myself)
Abdulrehman Shaikh - UX
Akshata Agrawal - UX
Sonika Agarwal - UI

Duration

Jun 2022 - August 2024

(Full time)

Design work

I worked as a UX Design analyst at ZEUS Learning for a US-based LMS client. I closely worked with development teams, clients in Agile, and waterfall developmental methodologies. In the span of 2 years, I worked on multiple projects related to LMS portal and content management.

Tools

Code
HTML,CSS,Javascript

Collaboration
Jira, Redmine, Okta, Confluence, Teams

Design
Adobe XD, Figma

Research

Internal tools, Raw research, Quiz books

Hifi Designs and Mockups

MCQ

Check out the original designs here

Designs ->

Drag and drop

Check out the original designs here

Designs ->

LessonLab Assessment

About the application

I became a part of a team responsible for overseeing the user experience (UX) of an existing Learning Management System (LMS). Subsequently, a new proposal emerged to enhance the current LMS platform by making it more intricate and user-friendly for authors, teachers, and students. The goal also included to make it optimize the display for a wide range of devices, spanning from as small as 320px mobile screen to as large as a 1519px width monitor.

Process & Timeline

What is an LMS platform

Think of an LMS (Learning Management System) like your personal guide in the digital realm of learning. It's a clever software buddy that helps schools, companies, and organizations handle the whole learning shebang in a smooth and organized way.

Imagine you're a teacher or a trainer. Instead of juggling papers and chasing emails, this digital sidekick lets you create, organize, and dish out your lessons or training materials. It's like your virtual classroom or training ground.

The high level architect is something like this:-

So here the LMS is manily have 3 logins the begining with authoring, where the main is to create content, text, assignment and items for teacher,classrooms, students.Next comes the Teacher and student login. Here on authoring LMS platform they can add create preview student mode or teacher grading mode to review the question type. There are Multiple question types to be preciese this platform support 42 quesion types and multiple tools and are called resource and tools and they are around 5 of them.

My design work

I participated in an Agile workflow, contributing to daily Scrum calls, weekly sprint planning, reviews, demos, and retrospective meetings. Additionally, I played a role in creating initial architectures and designing/developing UI screens for 40+ question types.

Design Scenario

In mid-2023, the client introduced a crucial requirement to implement accessibility rules for disabled students, authors, and content members. Currently, no accessibility support is provided to these members. The client has tasked us with developing a straightforward accessibility approach to address this need to pass Web Content Accessibility Guidelines (WCAG) 2.0.

My responsibilities

I entered the team in the role of a junior UX design analyst. I focused on crafting information architecture flows, high-fidelity mockups, and conducting usability studies with clients. I also handled cross-platform/browser testing, use-case testing, and developed comprehensive user stories for development.

Authoring a question type

In educational settings, teachers or author may engage in question authoring to create different types of questions, such as multiple-choice questions, true/false questions, short answer questions, essay questions, and more. Each question type serves a specific purpose and assesses different cognitive skills.

Question types (TEI)

Tools

In educational settings, teachers or author may engage in question authoring to create different types of questions, such as multiple-choice questions, true/false questions, short answer questions, essay questions, and more. Each question type serves a specific purpose and assesses different cognitive skills.

Lofi - Architect for Authoring a Question type

Save a question type or go back to browse assigment view.

Switch between the authoring interface and the student preview to observe how students will perceive the question types. These updates occur in real-time, ensuring that any modifications made by the author are instantly reflected without any delays.

The CKEditor-supported question instructions empower authors to tailor the question text according to specific requirements. Additionally, authors can effortlessly embed various media types such as audio, images, and videos directly into the question type.

As this is a multiple-choice question (MCQ) type, it comes with a default set of four options. Authors have the flexibility to delete, rearrange, or add more options as needed, with a minimum requirement of two options.

Similar to other Learning Management Systems (LMS) platforms, this feature supports specifying the correct answer. Authors can view the same options they have added and mark the correct answer while assigning points accordingly. Additionally, authors have the flexibility to designate multiple correct answers, each with individual points.

In the scoring section, three types of scoring are applicable to all question types:
Auto-scored: Student responses are automatically scored based on correctness, determined by the author-set correct answer.
Manually scored: Teachers or authors must personally score the question type.
Non-scored: Designed for practice, allowing authors and teachers to assess student responses without assigning scores.
Note: Within auto-scored questions, three scoring options are available—'All or nothing' (requires students to match exact answers for full marks), 'Partial - equal weights' (auto-divides total points among correct responses), and 'Partial - different weights' (allows authors to assign specific points to each correct response individually).

Student interactive settings pertain to how students view and interact with the question type during their attempts.

In addition to the media tools in CKEditor, authors can incorporate additional tools such as a simple calculator, protractor, ruler, etc., which students can utilize while engaging with the question type.

Customizing style and UI involves specific settings that allow authors to modify the UI elements for the question type.

More settings encompass specific configurations tailored to each question type.

Double click the image placeholders to add images. Do the same for any text, then tweak styles and publish.

Authors have the ability to customize the appearance of the question type when it is printed for student handouts.

Lofi - Architect for Student Preview

The author has a live preview of changes in the "EDIT" tab. Users can select checkboxes and submit responses. The cumulative score updates in real-time as users interact. The top section shows Question Instruction and options. Correct choices shift the score from 0/20 to 20/20. Above the score, there's a checkbox for 'Display grading view,' offering the teacher's perspective in real-time. The author can monitor this view as users engage with options. This feature allows a dynamic assessment experience, ensuring immediate feedback.

Few take-aways

Overall Impact

The ongoing project aims to finalize over 40+ question types within approximately 1 year and 6 months, with an expected completion date in April 2024. The process involves comprehensive research, design, and development led by a 40-member team. As a designer, I've realized the significant influence of design decisions on product implementation and usability. It's crucial to consider factors like overall productivity, implementation hours, and users' understanding of both existing and new systems.

Record everything

A thorough documentation of research and references is crucial for effective storytelling and substantiating decision-making. This record proves invaluable during walkthroughs with stakeholders or developers, offering a comprehensive understanding of the envisioned design approach. By referencing this organized repository, designers can claim authority over their decisions, fostering clearer communication and collaboration throughout the development process.

Engage in extensive brainstorming and seek critiques

Encourage stakeholders, including product owners and managers, to join these sessions for diverse perspectives. Design critiques are invaluable for receiving feedback and uncovering unforeseen insights.

Commence sketching and transfer your ideas onto paper.

It doesn't have to be a refined design at this stage. The key is to get your thoughts down on paper, ensuring a continuous flow of ideas and reducing the likelihood of overlooking details.

Follow Web Content Accessibility Guidelines (WCAG)

For any software, whether designed for EdTech or any other platform, adherence to at least WCAG 2.0 guidelines is crucial. Ensuring that all on-screen elements meet AA criteria is imperative for promoting accessibility. Following these guidelines not only enhances the user experience for individuals with disabilities but also establishes a foundation for future updates. By incorporating WCAG 2.0 standards, the application becomes more inclusive and allows for ongoing improvements that align with accessibility best practices.

Follow Web Content Accessibility Guidelines (WCAG)

For any software, whether designed for EdTech or any other platform, adherence to at least WCAG 2.0 guidelines is crucial. Ensuring that all on-screen elements meet AA criteria is imperative for promoting accessibility. Following these guidelines not only enhances the user experience for individuals with disabilities but also establishes a foundation for future updates. By incorporating WCAG 2.0 standards, the application becomes more inclusive and allows for ongoing improvements that align with accessibility best practices.