PROJECT DESCRIPTION

Class Dashboard

A class dashboard that makes the process for enrolling in classes simple

Type

UX Case Study

Date

June 2019

Features

Quick Search

Students refer to classes based on the subject and number. Making that a search priority can help improve the speed of adding classes.

View Schedules Before Enrolling

This features allows students to try out different solutions for their course schedule before enrolling.

Comparison

Old Dashboard

New Dashboard

SEARCHING FOR A CLASS

VIEWING CLASS SCHEDULE

VIEWING CLASS DETAILS

Research

I Sent Out A Survey

Hearing how other students feel about the current way of adding classes was important to me. Out of about 30 students 10 responded and here is how they felt.

Likes

  • Detailed class Information
  • Knowing when/where classes are

Dislikes

  • Confusing
  • Not organised well
  • Hard to add classes
  • Extra pages
  • Cluttered design
  • No clear sense of direction

Suggestions

  • Better class search filters
  • Better class search results
  • Faster way to enroll in classes
  • A simpler process

Defining Problems

Using the feedback from students, I narrowed their problems down to three different core problems.

  • It's slow
  • It's confusing
  • The interface is cluttered

Turning Problems Into Needs

I then took those problems and redefined them into student needs.

  • Students need to be able to quickly and efficiently enroll in classes.
  • Students need to intuitively understand how to enroll in classes.
  • Students need to see important information first and secondary information after.

Wireframing

Simplifying The Process

I mapped out a faster way to enroll before I did anything else. This eventually was changed during the design process.

Building An Interactive Prototype

Building an interactive prototype was a key part in creating a better experience for students. This allowed me to test it with others and get feedback quickly.

Interactive Prototype

Click to prototype below to see avaliable actions.

Testing

Finding Problems & Making Changes

At this point I created a low fidelity prototype which needed to be tested by students.

I asked students, friends and even my roommate to attempt to add classes as if this was the real product.

I lightly guided them on what to do without giving them too much information. I also asked them to think out loud while they used it.

I observed hesitation, behavior and emotional response.

With each different person I got great feedback and saw common patterns which needed to be iterated on.

High-Fidelity Prototype

Adding Color, Consistency, & Hierarchy

I made sure that the design was consistent throughout. This can help students understand what they are looking at while having to think about it less.

Finalizing An Interactive Prototype

After multiple iterations the prototype finally becomes a functional idea. If this was being converted into an actual product there would be further user testing and improvements.

Interactive Prototype

Click to prototype below to see avaliable actions.

Reflection

Wrapping Up My First UX Case Study

It was quite the adventure. I really enjoyed being able to translate a concept from an idea to a prototype that you can try yourself.

I Learned

  • Ask more questions
    Why do students need a class dashboard? What do they truly need to enroll in classes? Do they know what they need to take? The list goes on and on.
  • Create Personas
    One of the steps I missed was creating user personas. This is so important as I needed to define who I was designing for. I was part of the target audience which helped with not having personas, but I'm not designing for me.
  • I Still Have Lots to Learn
    This case study was a success in my book. Even though this wasn't actually produced in, it was a good way to understand the process. There were plenty of steps I missed, personas I didn't do, and solid questions I didn't ask. However, for me it was about the learning experience.

PROJECT DESCRIPTION

Class Dashboard

A class dashboard that makes the process for enrolling in classes simple

Type

UX Case Study

Date

June 2019