Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: update design

...

After GR4, we basically scrapped our entire codebase and decided to start fresh. Our largest concerns in the site redesign were consistency in browsing behavior, clear and emblematic icons, calling out the major behaviors available to users and minimalism.

Page layout

Image Added

The image above shows a typical view of the main homepage. The layout has three main components to it(starting at the top of the page): the account/search bar(red), the navigation pane(where the logo isblue)and the content pane(green). The former two are reused on every page of the site and the content pane changes according to where you are currently located on the site.

The account/search bar and navigation pane are shared with all pages on the site and the content pane's contents change depending on the part of the site you are currently accessing.

Account/Search Bar

As pointed out in our early computer prototype, it made more sense to have an always-present search bar in a consistent location. We attempted to be consistent with the placement of the search bar with other websites and placed this in the upper right of our application.

...

We chose not to allow for autocomplete in our search bar despite our TA's suggestion for it. This decision was made because we perform full-text search over everything in our website and it was not clear whether populating a person's name in autocomplete would result in a link to the person's profile(Facebook-esque) or to their reviews.

Navigation Pane

The navigation was created in response to our prototype testing and heuristic evaluation reports that we needed to callout the major functions of our site more. We made decided that the primary functions of our site were to cataloging favorite reviews, View Suggested Reviews, Alter your Reviews and Post Reviews. Contacting a user for additional information fell out of browsing through reviews and so was removed from this part of the interface.

The links themselves have a hover attribute so you know they are more than just text. Further when you click on them in addition to redirecting they clicked on one becomes highlighted with the same tone as the hover color to give additional visibility to where the user is located.

Content Pane

The content pane is the primary location of information put on the site. It's contents vary depending on the page being viewed. The pages Specific features are listed below.in Pages

Pages

Image Added
The recommended page presents the user with a set of reviews that Jobious believes would be valuable to them. This ranking is based on the user's major, other favorites they have marked, other reviews they have viewed and who they have contacted.

We decided that the correct level of encapsulation for presenting these to the user was at the review level as this is a review driven site. This will possibly result in multiple reviews of the same company, however it is likely that only a few results for a company will impact your decision and we are trying to get to those immediately.

There is also the ability to favorite each review from this page by clicking on the star next to the review. This will cause the star to turn golden and any view of this view the star will be gold. Further it will be visible from the user's favorite page

Image Added
Exhibits the same display and navigation behavior as Recommended page because during our computer prototyping we were criticized for changing the interface so radically between browsing methods.Image Removed

Favorites

In an attempt to maintain consistency between browsing behavior, the favorites page mirrors the format of the Recommended page except that it only shows reviews that the particular user has previously favorited.

In an attempt at error prevention unfavoriting a review does not immediately remove it from the page as the icon is large and it is possible to errantly click on it. Instead the gold favorite icon goes to gray. Then when the user leaves the page and comes back it is no longer shown.

My Reviews


This page lists all of the reviews that the logged in user has added to the site following in the format of the Recommended page. The link from each of these takes the user to the View Review page where they may modify their responses as they are the poster.

Post Review


Posting a review is a simple form that uses widgets that are common to the web. See be.

We chose to do a side-by-side data entry method because comments during computer prototyping were that we had too much white space that did not serve a purpose.

View Review


There are three functions of this page: read the user's account of their time at the company, view the score and send a comment to the user.

...

The second task of contacting a user we decided to only provide a the poster's email. This is primarily for two reasons. First it maintains the minimalism of our site as recreating the inbox is not something that provides much functionality over email. Additionally, if you graduated you will probably not be visiting Jobious as often as the undergraduate body so you are unlikely to check your messages on Jobious(and we hate the 'You have a message!' emails) but you will likely check your email inbox multiple times a day. Secondarily, this site is designed to be closed to MIT students and alumni. When looking for information about a position while in the job hunt you may also be trying to solicit contacts within the company from the reviewer, in which case having a known working email to forward is far more valuable than a closed system.

The fields are editable when viewed by the original poster.

Registration and Account Updating

...