TYPE
Human-Computer Interaction Design
ROLE
Project Manager, User Researcher, User Interface Designer
TOOLS
Adobe Illustrator, Adobe Photoshop, Adobe Dreamweaver, Adobe After Effects, Adobe Premiere Pro
The SFU Course Enrollment System project is a conceptual redesign of an existing system, which seeks to improve the course enrollment process for university students at SFU. Here, only the enrollment system was focused, which is a subset to a larger system called the Student Information System.
![sfu course enrollment system prototype A](./img/sfu2.gif)
![sfu course enrollment system prototype B](./img/sfu3.gif)
![sfu course enrollment system prototype A mobile image](./img/sfu2-m.png)
![sfu course enrollment system prototype B mobile image](./img/sfu3-m.png)
OBJECTIVE
Course enrollment is often the most stressful time for students and so changes had to be made to enhance efficiency.
To learn about methods of Human-Computer Interaction design principles, the SFU SIS Enrollment System was chosen as a case study. As a student, the system is frustrating to use, especially when there is an additional factor of stress to try to get into all the courses necessary for an academic term so one can graduate. This is due to low visual queries and cues. First, heuristic evaluation was done individually to understand the issues. Next, I facilitated user study sessions of the old system, where the team recruited various levels of users from pending SFU students to graduates.
![persona](./img/sfu4.jpg)
![sketches](./img/sfu5.jpg)
Afterwards, I led brainstorming sessions within the team to ideate potential ideas from layouts to specific user interface components that helps solve user pain points discovered in the user testing session of the old system. This included offering calendar components so students can easily view their weekly course schedules all at once as a means of preview to plan their term, as well as prevent conflicting schedules when planning.
![feature prioritization](./img/sfu6.jpg)
![brainstorming session](./img/sfu7.jpg)
![paper prototype A](./img/sfu8.jpg)
![paper prototype B](./img/sfu9.jpg)
Eventually, I helped produce user interface elements of two new prototypes and I facilitated another user testing session again to identify comparison results of the old system.
![time took to complete task results graph](./img/sfu10.png)
![vvalue of calendar results graph](./img/sfu11.png)
![ease of use results graph](./img/sfu12.png)
![eaiser course strategization results graph](./img/sfu13.png)
![original interface to A/B](./img/sfu14.jpg)