Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Corrected links that should have been relative instead of absolute.

...

Max Powers decides to navigate to virtual tour section so he can see what the house is like. The page looks like this:

Image Added

The page immediately gives a quick overview of the entire house by showing how many floors there are. The site gives some general details for each of the floor, which help Max better pick which one he might be interested in looking at. He clicks on the fifth floor since it has bedrooms listed and it expands on the same page:

Image Added

This gives him a slightly more detailed view, with some facts about the floor. He hovers of the floorplan and decides to click on a bedroom:

Image Added

A picture of the room pops up and provides him with slideshow navigation where he can scroll through multiple pictures of the room. This gives him an easy way to see the house visually while knowing the purpose of each room and where it's physically located.

Scenario 2:

Since, Michael is a Brother of Phi Kappa Sigma, he knows to click the crest on the homepage in order to access the internal site.

When he clicks on it, it expands and asks him to log-in with his credentials.

When he's authenticated he goes to manage his house jobs. It has a navigation bar which allows him to move between weeks. It also has an are which describes his specific house job and it's due date. He can mark his job as completed and the server will record his submissions.

Image Added

This same tabbed interface allows his to use the room reservation system. He can visually see what rooms are reserved on a timeline as well as group by room below. He can click on each of the horizontal bars, which represent reservations, to get more details such as who reserved it, why, and when they did it. The system will automatically display as much information on the bar itself, but will truncate itself when space becomes limited (similar to the functionality of hipmunk.com).
Image Added

Analysis

The design sacrifices consistency for functionality. Since there are two main types of users, it provides them with two different interfaces. The internal website for house jobs and room reservations uses one consistent interface while the public-facing section uses a design with separate considerations. The different aspects of the site are presented in the way most suitable for their data and draw heavily for implementations used in familiar web applications.