Published on | Prototyping: From UX to Front End — Medium Kunal Satpal

Descriptive guide of how I designed attendance app for professors and students

Attendance is one of the important factors to check the regularity of students and employees in most of the institutes. The record helps to assess their sincerity towards work and accordingly reflects their performance.

Most of the institutes use conventional method of marking attendance in a register by calling out name of each student.

While some use biometric system (A biometric system is a technological system that uses bio-information to identify a person). Biometric system is an effective method for taking attendance as it helps in proper utilization of the lecture time.

I am a sophomore in Indian Institute of Technology, Roorkee. I have observed and analysed both the attendance systems thoroughly. Both of the methods have their own pros and cons.

The Problem

For Professors

The biometric system is difficult to set up, since registration of bio-information ( example-fingerprint ) of thousands of students is not an easy task and it is quite expensive also which every institute might not afford. On the other hand, marking attendance on a register is an easy task with no such requirement of heavy setups but it does not provide any digital data that can be easily exported for further use.

For Students

Most of the educational institutes have some minimum attendance rule and without this minimum attendance, students are not allowed to sit in examination and will experience an attendance back in that particular course. For IIT Roorkee, this minimum attendance is 75%.

Having proper knowledge of one’s attendance can help them in avoiding a semester back.

The basic idea was to create a link between students and professors for the betterment of both.

Goals

To design a new method of taking attendance which will ease professors in taking attendance and also provide a digital record of the attendance.
To provide a digital record easily accessible to the students which will help in increasing awareness and also help them to take accountable decisions.

The Solution

A mobile application for both professors and students that will make the process of attendance more clear, simple and better.

Digital attendance can be recorded by using a mobile application which will be used by the professors.
A similar application would help students to have a proper track of their attendance.

Attendance App for Professors

Basic Sketches

I usually prefer wireframing on pen and paper and then on illustrator and did the same for this app. Main goal of the professor app is to make it easier for professors to take attendance in minimum number of steps.

During the design process, my goal was to create a familiar look and feel as of the conventional method. I never wanted to create a completely new method of attendance, just digitize the conventional pen and register method.

Wireframes

Branding

Most of the users are professors in the age of 35–65 years. They are not used to bright colors and gradients. So subtle colors on white base are used.

Designs

Dribbble Shot

I focused on creating a quick and simple interaction which also resembles conventional pen and paper method. Selecting a few absent students is always an easy task and that’s what professors generally practice in conventional method and thats why I designed the app on a similar framework.

Attendance Manager for students

Overview

The main aim of the application is to provide a proper detailed view of one’s attendance and information about days they were present and absent. It also calculates and displays the number of leaves a student can afford before facing a back.

Basic Sketches

Wireframes

App for students although seemed like a simple task but finding out ways to increase the engagement of the students was challenging. I imagined the app to have an easy to use and fast interface like that of a dashboard showing attendance records of various courses and displaying the detailed information on touch.

Branding

Most of the users are teenage students so energetic and warm colors are used.

Logo

Designs

For the Students App, I used vibrant gradients to enhance the UI and make it more appealing to students

Summing Up

It took me about a month to design both the apps, starting from research to final screens. Designing this app was really fun and it also helped me in improving my UX flow, UI and Interaction design skills.

If you have any project we can work on, mail me at
kunalsatpal1@gmail.com

Follow me on dribbble for more such works.

Simplifying Attendance process through UX Design was originally published in Prototypr on Medium, where people are continuing the conversation by highlighting and responding to this story.

Simplifying Attendance process through UX Design

Cool stuff, every week

More Articles