Exam Planner Express

Exam Planner Express is a responsive website and app designed to allow college students with disabilities to coordinate and schedule proctored exams.

project overview

The problem

College students with disabilities often need to coordinate with instructors and disability services offices in order to schedule an exam. This take time and organization that busy students are often short on.


The goal

Create a streamlined, easy-to-use product that allows students to coordinate their exams and communicate directly with instructors and the disability services.


My role

Designer and Researcher

user research

Problem statement

Kevin is a college student with a learning disability who needs an easier process for scheduling proctored exams because he is busy with his studies and personal life.

initial design

Sitemap

Desktop Design Wireframe


The initial designs were created with access and simplicity in mind. We wanted to highlight the primary feature - exam scheduling - and the initial prototype demonstrated a simple user flow for that task.

Mobile Web Design Wireframe

The page elements were oriented for a vertical scroll, while maintaining emphasis on the main feature.

Prototype

usability research

Navigation

Participants were unable to navigate Home during the scheduling process, so we replaced the “resource” navigation button with a “home” button.



Design Emphasis

Participants were slow to find navigation buttons and felt design was sterile, so we decided to use more color to indicate the organization of the pages and highlight buttons.

final design

Desktop Design Mockups

Mockups were redesigned using findings from the usability study including added color and illustration, improved navigation, and a notification feature.


Additional "resource" pages were designed and linked to the prototype.

Mobile Web Design Mockups

The mobile web designed paralleled the desktop design, but has pared-down design elements and we replaced some text with icons.

Prototype

take aways & next steps