...
The Login Page simply consists of the Phi Kappa Sigma crest and a login form, making the page as simple as possible.
Clicking on the user's name in the main navigation tab bar takes you to the edit profile page, where the user can change his account information. All fields except for the last two password fields are pre-filled since these are unlikely to change and to speed up the editing process.
House Job Page
Within the House Job tab we chose to present the house jobs as a list for each week of a month. To navigate through the weeks a simple "Previous, This, Next Week" link system was implemented. A list of the house jobs was the most efficient way to present all jobs to the user. There are usually around 10 to 15 jobs a week, and to present this on a calendar would have created a cluttered interface, while one job at a time would have been very inefficient to see all jobs for a week. Within this list any job that belonged to the user would have a specific symbol and color to depict that it was completed or not.
To help obey Fitt's Law, the whole row that pertained to a user job could be clicked on the change the status of that job. Along with this change in status was also a change in color (green for complete and red for incomplete) and a change in symbol. The final design change we had for this tab was the new placement of the symbol on a user house job.
...
The Room Reservation tab has greatly changed from our paper prototype design. Instead of having a persistent form, used to reserve a room, the form is now only visible after the user has clicked on the "Rerserve a Room" button.
Another design decision that was made based on feedback from the heuristic evaluations was the position of the list of reserved rooms and the form described above. The final design now has the list above the form, which creates a more efficient user experience. Users are now able to log on and quickly view the upcoming events without first encountering an empty form and being required to scroll down to iew view the list.
The final design changes that this tab had were adding a few functionalities to the reserved rooms list. As a user hovered over an event the row would now change color providing the affordance that it could be selected. Similar to the user house job row, each reserved room row obeyed Fitt's Law and could be clicked anywhere on to display all information.
Administration Page
The final page of SkullWeb is not a page that the majority of users will see or interact with, it is the Administration Page. For this reason, the Admin tab was designed with efficiency and control as the main goals. While still provding a clean and basic design, this tab includes many more links and options that the previous pages did not present.
...