DePaul Office Hour Scheduler

Information Architecture

OVERVIEW

Team Members:

Krista Weber

 

My Contributions:

Research

Insights

Wireframes

 

Redesign of the DePaul Office Hour Scheduling system. Both full and part-time instructors at DePaul University must have regularly scheduled hours throughout the week for set aside for students to be able to meet with them regarding their classes.

The following need to be part of the scheduler:

  • The quarter (e.g. Summer/Winter/Fall and Year)
  • A series of date/time blocks, each with the following:
    • Day of the week
    • Start time
    • Stop time
    • Location, common options include classroom and office
  • The teacher should be able to review, edit and delete any of the time blocks.

research iconRESEARCH

The office hour requirements for full-time and part-time instructors differs. The system will need to differentiate and provide guidance and feedback based on the different requirements.

In addition, full-time instructors have options of where they would like to hold office hours, but part-time instructors must hold their office hours in the classroom, because they don’t have offices at the university.

 

analyze icon INSIGHTS

The requirements stated that I needed to provide error handling in order to prevent instructors from scheduling times that conflict with teaching schedules, but I decided the best method was to prevent the mistake from happening in the first place. In order to do that, I designed the system to only allow the user to choose from times that are without conflict.

I created a flowchart that reflects the conditions and interactions both full-time and part-time instructors will have with the system. This formed the basis of my wireframes.

 WIREFRAMES

Mary Logs In

1. This is based off of DePaul’s current login screen. The only difference is that I provided labels for the Username and Password, and used the hints as sample formats. This is to help minimize use of memory, because when the label is in the form of a hint, it disappears when the user starts typing, making them rely on memory.

Mary’s Home Screen

When the user logs in, they are shown their current teaching schedule. If they have already added office hours those are shown as well.
1. Clicking on tabs will change the term, and the schedule updates based on what classes they are teaching that term.
2. Mary can see her office hour requirements.
3. Clicking on add office hours automatically adds the hours to the term that the user is currently viewing, eliminating a step in the add office hours process.

Mary Adds Office Hours

1. The tabs remain as a visual reminder of what session the user is adding hours to.
2. Clicking a button for morning, afternoon or evening will populate the dropdown field for time based on the time of day. This keeps the dropdown from getting too long.
3. By selecting the length, the available times are presented to the user with a start and end time, so the user doesn’t have to do the math themselves, reducing cognitive load.
4. In order to prevent errors, the dropdown is not populated with times that would conflict with Mary’s teaching schedule, or previously scheduled office hours.


5. The user has an opportunity to review their choices before they submit, in an easy to read format instead of having to look at each selection in the form.

Mary Confirms Office Hours

1. After submitting the office hours, Mary is taken back to her homepage, where she can now see the hours she has scheduled as confirmation.
2. If Mary wants to modify or delete her office hours, there are links to do so here.
3. Mary’s requirements for office hours have been updated.

Mary Adds More Office Hours

1. Since Mary already added her first time slot at 4:00PM – 5:30PM, her available times have updated and removed any times that would overlap with her teaching and her already scheduled office hours.

Available office hours

Mary Confirms Her Hours Were Added

1. After submitting her office hours, she is taken back to her homepage, where she can now see the hours she has scheduled.
2. If Mary wants to modify or delete her office hours, there are links to do so here.

Mary Changes Her Office Hours

1. User can check modified time before confirming the change.

Mary Confirms Her Office Hours Were Modified

1. The changes are reflected in Mary’s homepage

Mary Deletes Her Office Hours

1. User clicks the X next to the office hours they want to delete.
2. User must confirm deletion. The record they are deleting is provided to reduce reliance on memory.

Mary Confirms Deletion

1. Mary can confirm the record has been deleted by looking at her homepage.

Sam Logs In

1. This is based off of DePaul’s current login screen. The only difference is that I provided labels for the Username and Password, and used the hints as sample formats. This is to help minimize use of memory, because when the label is in the form of a hint, it disappears when the user starts typing, making them rely on memory.

Sam’s Office Hours Home Screen

When the user logs in, they are shown their current teaching schedule. If they have already added office hours those are shown as well.
1. Clicking on tabs will change the term, and the schedule updates based on what classes they are teaching that term.
2. Sam can see how many hours he needs and what his requirements are from his homepage.
3. Clicking on add office hours automatically adds the hours to the term that the user is currently viewing, eliminating a step in the add office hours process.

Sam Adds Office Hours

1. The tabs remain as a visual reminder of what session the user is adding hours to.
2. By selecting the length, the available times are presented to the user with a start and end time, so the user doesn’t have to calculate it themselves. sam's available time slots
3. The only times in the dropdown are ones that will not interfere with the instructor’s teaching schedule. This prevents scheduling conflict errors.
4. Since Sam doesn’t have an office, his location is already chosen for him, eliminating mistakes.
5. The user has an opportunity to see what they’ve chosen before they submit.

Sam Can See His Scheduled Office Hours

1. Sam can now see his scheduled office hours on his homepage as confirmation.
2. If Sam wants to modify or delete his office hours, there are links to do so here.

Sam Adds More Office Hours

1. Since Sam already added his first time slot at 5:00PM – 5:45PM, his available times have updated and removed any times that would overlap with his teaching schedule and/or already scheduled office hours.Error prevention remove time conflicts

Sam Has Added More Office Hours

1. After submitting his office hours, Sam is taken back to his homepage, where he can now see the hours he has scheduled as confirmation.
2. If Sam wants to modify or delete his office hours, there are links to do so here.

Sam Changes His Office Hours

1. Sam can check his modified time before confirming the change.

Sam Confirms His Changes

1. The changes are reflected in Sam’s homepage.

Sam Deletes Office Hours

1. Sam clicks the X next to the office hours he wants to delete.
2. Sam must confirm deletion. The record he’s deleting is provided to reduce reliance on memory.

Office Hours Deleted Successfully

1. Sam can confirm the record has been deleted by looking at his homepage.