GR2 - Designs
1. Scenario
2. Designs and Storyboards
2.1 Design Group 1
1 - Ultra Efficient
Our user analysis indicated that most users are interested in getting the reviews the fastest way possible. They want to see the ratings of a lot of classes at once so that they can compare different courses. Efficient users would like the option of an advanced search to filter the results.
2 - Rating
When a user clicks on a particular review to see it in more detail, the following page comes up. The page shows a quick summary of the review along with similar courses and prerequisites. A forum to discuss the course and the review is an important element of this design. Moreover, this design is also more friendly towards sharing the review by providing social media share buttons. The UI is easily learnable by all users.
3 - Survey
This design uses a tiled approach to show the reviews. When a user clicks on a review to rate, a dialog box asking for the users feedback pops up. This is one of the possible designs to collect user data that may be combined with the other UIs. While a tiled pattern is easy to learn, it is less efficient than the first design.
2.2 Design 2
1 - Discussion
The UI is focussed on making the website more interactive. The focus of the design are the reviews and comments following the reviews. It is easily learnable, and efficient for users who would prefer reading reviews and comments from other users much more than review summaries in terms of scores and stars.
2 - Rows
The UI is meant for efficient users who would like to see a snapshot of several courses at once, modify the search criteria, and get a sense of what the course is about via the course description. A highlight of this UI is the Compare option that allows users to compare several courses together.
3 - Mobile
This UI is designed for small screens (mobile phones). The UI takes advantage of the smartphone’s touch interface for easy navigation through the app, and presents the reviews in an efficient manner, again with the option of advanced search criteria.
2.3 Design 3
1 - Discussion
The UI is focussed on making the website more interactive. The focus of the design are the reviews and comments following the reviews. It is easily learnable, and efficient for users who would prefer reading reviews and comments from other users much more than review summaries in terms of scores and stars.
2 - Rows
The UI is meant for efficient users who would like to see a snapshot of several courses at once, modify the search criteria, and get a sense of what the course is about via the course description. A highlight of this UI is the Compare option that allows users to compare several courses together.
3 - Mobile
This UI is designed for small screens (mobile phones). The UI takes advantage of the smartphone’s touch interface for easy navigation through the app, and presents the reviews in an efficient manner, again with the option of advanced search criteria.