Primary School Tutor Online Dashboard

Melvin John
3 min readNov 24, 2020

Overview

Considering the present scenario of remote working being the new normal, your local primary school has decided to embrace remote schooling. They have developed a web-based application to enable remote work for teachers and students.

The student application is fairly simple and straightforward but the teacher side has a multitude of features — manage schedules and milestones ( class schedule, school calendar… ), manage school work ( publish, assess and grade assignments, attendance… ), manage students ( track performance, milestones, achievements, student groups… ), enable remote interactions, notification and more. It’s a fairly comprehensive tool to help teachers perform their day to day tasks remotely.

The Problem Statement

Due to the complicated nature of the application, teachers are getting lost in the interface and not able to take timely action on tasks that matter. Preliminary research revealed that the application lacks a dashboard to give them an overview/visibility of the system and the required actions. Based on these findings, the school board has approached you to

The requirement: Design an operational dashboard for primary school teachers to help them manage their remote work efficiently.

Assumptions

  • Since it’s a web-based application, the dashboard should be designed for web usage with a focus on the tablet form factors. Mobile designs are optional but ensure there is a plan on how the interface can be used on mobile phones.
  • You are designing the dashboard for primary school teachers and while doing so factor in the related stakeholders ( students, parents, school staff etc ) that your target audience interacts with. The interface should account for and facilitate these relationships.
  • Ensure to use currently viable technologies and account for technical constraints.

Based on these requirements, I’ve designed the navigation to include:

  • Overview / Dashboard / Snapshot representation
  • Class
  • Discussions
  • Availability / Schedule / Planner
  • Stats / Analytics

And a right side common info bar to include:

  • Profile / Account / Settings
  • Quick Info (dependent on current navigation)
  • Feed and/or Chat

User Info:

  • Primary school teachers
  • Probably in the age bracket of 30–45
  • Primarily social media apps usage
  • Double up as home makers
  • Children mind set
  • Keywords; Simple, clean, familiar patterns

Sketches / Ideation

For me, nothing beats the joy of sketching on paper:)

Class Selector

Class selection is something I felt would be a primary touchpoint and distinguisher, so I’ve incorporated class navigation at the top left corner.

Final Product

The overview was designed to give the teacher a snapshot of what their day was going to look like, which includes their current status, amount of work pending and what the rest of the day lies ahead. Notes/organizers are going to be a huge part of what they will be doing, hence utmost prominence. Every card on the dashboard has earned its spot.

Overview / Dashboard
Schedule / Planner

--

--

Melvin John

Designs often. Codes sometimes. Design @StandardChartered. Formerly co-founded @Codeyssus Labs. In love with simple designs and smart interactivity.