...
- The front page doesn’t have any questions from the forum. Isn’t redundant enough.
Design #2
Learnability:
- This design is very simple and clean cut.
- The front page shows a snippet of each one of the subsections
Visibility:
- The front is too long. A user might not scroll all the way down.
- The front page gives the spotlight to the reviews which is the the reason most students will come to our website.
- There are links at the bottom to the different pages of reviews/questions so that the user knows exactly what page he or she is on.
Efficiency:
- The user must go to the separate page to post a comment.
- The topics in the forum are divided by category so that a user can find what he or she is looking for quickly.
- No way to tag a review for easy searching later.
Error Prevention:
Maria searches for Yale on Campus Connect and gets to Yale’s main page.
She goes to the Photos page, which displays a map of Yale's campus. As she hovers over the campus, a status bar at the top of the map displays the name of the location and how many pictures are available for that location. When she clicks on a building that displays an icon, a callout bubble appears with the name of the building, a description if available, and a link to the photos for that location.
She clicks on the link to the photos in the callout bubble, the map slightly fades and an overlay with the photos appears on top.
She goes to the Reviews page to look for a review about the Hispanic community on campus. The Reviews page has a map, with pushpin icons showing the location of people who wrote the reviews, so that Maria can get the different perspectives based on different dorms and living groups on campus. Above the map there are also hash tags showing the categories of the reviews. She clicks on the "#culture_groups" tag, and the left panel shows the reviews while the map updates dynamically showing the location of the original posters of the reviews in this specific category.
She goes to the Forum page to post a question about the Hispanic clubs, associations and events on campus. The Forum page also has hash tags at the top showing the topics of the questions. Maria clicks on the #cultural_groups tag to see if anyone has asked a question similar to her. The questions are displayed in the panel on the left and when she clicks on one of them, the replies appear in the right panel. These replies are sorted based on how many people have found them useful. Maria doesn't see any relevant questions, so she posts a new question herself.
Aaron logs on to Campus Connect and goes to Yale’s main page. He then goes to the Forum page and posts a reply to Maria’s question.
Learnability:
- This design uses hash tags, which users would be familiar with from existing applications, especially Twitter
-
Visibility:
- As the user hovers over different buildings on the map in the photos page, the status bar displays how many pictures are available for that location. When the user clicks on the building, they can see more detailed information about the location and how many photos are available.
- Hash tags at the top of the Forum and Reviews pages allow the user to quickly understand what topics are currently being discussed
- The push pins on the Reviews and Photos pages allow the user to easily visualize
Efficiency:
- The hash tags allow the user to quickly access reviews and questions specific to what they are looking for
-
Error Prevention:
- - This is the only design that had order to the Forum section thus preventing some errors.