GR6 - User Testing Image Added

Design

For the most part, our final design followed the overall proposed design, which includes a grid containing eight semesters of courses and each semester containing a button to add new classes. Next to the grid is a panel, which allows for editing selected courses. Our initial vision for the interface involved a direct manipulation of courses, making it easy to shuffle around and add prospective courses while allowing for a visible handle on the course map. The entire application prefaced by a user login screen.-insert- direct manipulation
-insert login screen-

Demonstration of the Direct Manipulation feature:

Image Added
Login Screen:
Image Added
Those three features (grid, panel, direct manipulation) were the driving motivation for other design decisions we needed to make. One of the more notable undertakings was the concept of autoscrolling. Without a very high resolution monitor, it is impossible to fit an entire course map onto the screen and maintain readability. As a result, we needed to embed our course map into a scroll viewer. Mixing a scroll viewer and direct manipulation creates a  demandsfor autoscrolling when the user tries to drag a course to the left or right of the visible area. Through several iterations, we were successful in implementing effective autoscrolling.

...