Designing an Intuitive LMS Interface for K-12 Students Assignments

Abhi Chatterjee
6 min readJan 19, 2024

Problem statements

Design a Learning Management System (LMS) Interface for K-12 Students

Objective:

To design an intuitive, child-friendly and easily navigable LMS interface suitable for K-12 students, keeping in mind their academic needs, tech-savviness and age-specific requirements.

Scenario:

The school district is looking to implement a new LMS to aid K-12 students in their learning. This system should provide them with the necessary tools, resources and feedback to facilitate their academic journey.

Instructions:

Flowchart: Create a flowchart that illustrates some of the features and navigational structure of the LMS. It may cover:

  • Login/Signup
  • Dashboard/Homepage
  • Assignment Submission
  • Grading/Feedback

Wireframes: Sketch two wireframes for both web and mobile:

  • Courses overview page which shows a list of courses they are enrolled in
  • Course content page which includes multimedia materials, assignments and exams

Mockup: Create a detailed, high-fidelity mockup of one of the wireframes for both web and mobile. This should include color schemes, fonts, and some potential branding elements.

Explanation: write a brief document explaining your design decisions and their implications on user engagement and satisfaction.

What are K-12 students?

K-12 students refer to students in the primary and secondary education levels in the United States. The term “K-12” stands for kindergarten through 12th grade, encompassing the entire span of compulsory education. It includes students from approximately 5 to 18 years old, covering the early years of formal education (kindergarten) through elementary, middle and high school. The K-12 education system is a standard organizational structure for primary and secondary education in many countries, with variations in terminology and grade levels.

K-12 students demographics information

Age Range:

K-12 students are typically 5 to 18 years old.

Grade Levels:

Kindergarten through 12th grade.

Geographic Location:

Schools can be in cities, suburbs or rural areas.

Ethnic and Cultural Diversity:

Students come from different backgrounds with various cultures and languages at home.

Socioeconomic Status:

Families have different incomes and family structures.

Technology Access:

Some students have more access to technology and the internet at home than others.

Special Needs:

The school supports students with different learning abilities and special needs.

Language Proficiency:

Students may speak different languages at home with varying proficiency in the main language of instruction.

K-12 students psychographic information

Learning Preferences:

Students learn in different ways, like seeing, hearing or doing things.

Interests and Hobbies:

Students have different hobbies and interests, like sports, arts, technology or music.

Motivation for Learning:

Some students are motivated by personal interest, curiosity, while others by grades or rewards.

Tech-Savviness:

Students have different levels of comfort and experience with technology.

Social Interaction:

Some students prefer working together, while others like to study independently.

Attitudes Toward School:

Attitudes about school can vary; some enjoy it, while others may find it challenging or less interesting.

Communication Preferences:

Students have different ways they like to communicate, whether in person, through messages or online.

Family Influence:

Families can impact students’ school engagement and involvement in extracurricular activities.

Future Aspirations:

Students have different dreams and goals for their careers and education, influencing what they focus on.

Wellness and Stress Management:

Students use various ways to cope with stress, focus on wellness and understand the importance of mental health.

K-12 students mental models

Learning and School:

Students’ ideas about how they learn and their overall experience in school.

Teachers:

What students think about teachers, their roles and how teachers impact learning.

Subjects and Academic Areas:

How students see different subjects, what they like or find challenging.

Technology:

Students’ views on technology, how comfortable they are using it and its role in learning.

Peers and Social Dynamics:

How students perceive interactions with classmates, friendships and group learning.

Assessment and Evaluation:

What students think about tests, grades and how teachers evaluate their work.

Success and Failure:

Students’ thoughts on what success and failure mean in academics and personally.

Future Aspirations:

How students picture their future careers, goals and what they want to achieve.

Personal Growth and Development:

Students’ views on growing and developing as a person and how education shapes their character.

Wellness and Mental Health:

How students understand the importance of mental health, managing stress and overall well-being.

K-12 students affordance

Learning Tools:

Tools and resources, like textbooks, digital platforms and educational apps that students can use for studying.

Classroom Setup:

How desks, seating and interactive spaces in the classroom are arranged to encourage collaboration and engagement among students.

Technology Integration:

The use of technology in the classroom that allows students to access information, collaborate on projects and use multimedia for better learning.

Teacher Guidance:

Teachers provide guidance and support, helping students navigate complex topics and providing a structure for learning.

Library Resources:

Libraries offer opportunities for research, reading and exploring various subjects through books, journals and online databases.

Extracurricular Activities:

Opportunities outside regular classes, like clubs or sports that allow students to develop personally, show leadership and explore interests beyond the standard curriculum.

Flexible Learning Spaces:

Classroom setups that allow flexibility, giving students the chance to work independently, in groups or engage in hands-on activities based on learning objectives.

Assessment Methods:

Different ways students can show what they’ve learned, including traditional tests, projects or presentations.

Parental Involvement:

Opportunities for parents to be involved in education like conferences, newsletters and communication platforms to support collaborative learning.

Counseling Services:

Services provided by school counselors that offer emotional support, guidance on academic decisions and assistance in addressing personal challenges.

Primary persona

Primary persona 1

You can check the figma file here.

Primary persona 2

You can check the figma file here.

Secondary persona

Secondary persona 1

You can check the figma file here.

Secondary persona 2

You can check the figma file here.

Please note :

I am mainly focusing on the primary persona for this assignment.

Empathy mapping

Empathy mapping 1

You can check the figma file here.

Empathy mapping 2

You can check the figma file here.

HMW (How might we)

You can check the figma file here.

User story mapping

User story mapping 1

You can check the figma file here.

User story mapping 2

You can check the figma file here.

Flowchart

You can check the figma file here.

Moodboard

You can check the figma file here.

Please note :

I am mainly focusing on the Courses overview page for this wireframe & visual design process.

Brainstorming

You can check the figma file here.

Wireframe

You can check the figma file here.

Visual design

Web

You can check the figma file here.

Mobile

You can check the figma file here.

Prototypes

You can check the figma file here.

--

--

Abhi Chatterjee

UX Designer at Dubai Municipality specialised in User research & Interaction Design