Programs Module: Product Design UX Project

..

A problem interview with the customer revealed a few deficiencies with their system:

  • Staff members spent too much time entering programs each time a new enrollment period was to be published

  • The process for assigning instructors to a class or other program resources was clunky and unreliable. They needed a resource management component to only allow assets to be added to a program based on calendar availability

  • The system lacked in robust reporting capabilities

  • Front desk attendants were unable to efficiently check visitors into the building for their programs


Defining User Experience

wireframing

Balsamiq Cloud was used for white boarding. The user flow of using this new module could be boiled down into 4 main tasks:

  1. Create a Program

  2. Add Courses to Programs (including course description, dates available, prerequisites, etc.)

  3. Set up Tickets/Pricing

  4. Assign Resources to Courses (i.e. Instructors and Room numbers)

Click Here to View the Clickable Prototype

Add a Program

Add Course Details

Assign Resources


Tying in Resource Management

In addition to being able to assign instructors and locations (i.e. room numbers) to a course, there was a need for validating resources against a master calendar to ensure instructors didn’t get assigned to classes holidays, or to prevent double booking a classroom.

Adding resources to a course (including approval process)

Resources could be categorized as People, Places, and Things (Such as podiums or projectors)

Viewing Resource Assignments

As seen on the right a person’s assignments can be easily viewed and/or edited from their detail page. By including views for monthly, weekly, list etc, this enables the instructors schedule to be emailed or printed directly from this screen.


End Result

Once the admin experience was reviewed and approved by stakeholders, developers were equipped with the tools needed to build the module within the Accrisoft Freedom environment.

View all active programs

Wireframe

Prototype

 

Viewing Courses within a Program:

wireframe

prototype

 

Viewing a resource’s assignments and conflicts

Wireframe

Prototype