Scenario
Paul Williams is a rising Senior in 6-3 at MIT. He has just finished a summer internship at Facebook where he was allowed to plan his own summer project and given significant freedom as to its design and implementation. It went live on the site at the end of the summer and now 25 million users regularly use the feature he implemented. Realizing this is a rarity, he wanted to tell other people about his positive experience so Paul goes to Jobious to post a review about his experience. After logging in, he navigates to the review submission page and completes a survey about his internship.
After posting his review, he wonders what steps people make did after they had this internship. He searches for the Facebook software internship he held and begins reading the reviews, most of which describe an experience similar to his. He doesn't recognize any of the names of students that held the internship in previous years, but they have listed their contact information. Using this he sends Charlie Williams, a recently graduated alumnus who held the Facebook internship the year before Paul and now works for Amazon in the electronic services division, a message saying he would like to know more about the positions that will be open to him. Charlie and Paul exchange messages a few times trading both stories about their time at Facebook and commentary about the next steps in both of their careers, leading Paul to apply for a position at Amazon as per Charlie's recommendation.
Designs
Minimal
Tree
The tree design is based up the idea that the mouse is the main way of interacting with application.
Home/Best Matches
On login the user is presented with the positions that we have automatically matched to their profile preferences.
All Jobs and Filter
This view is accessible by clicking the All Jobs link in the top of the page. This view allows the user to click navigate to positions by major or to filter the large number of positions using the ranking metrics or keywords.
Reviews of the Position and Contact Holders of Position
The user uses the tree representation and/or the breadcrumbs at the top of the page to find the position in which the user is interested. Once they have found a position, they can contact users who have posted reviews if the review was not posted anonymously by clicking on the user's name. This will provide an email address and a launch the preferred client of the user.
Post Review
This allows the user to post a review. In order to post a review you must first navigate to the position page as shown in the first 2 thumbnails. Once you have found the company position that you have had, clicking on the plus sign allows you to post a review of it by bringing up the contextual dialog to fill in your review of the positon.
By forcing the user to navigate to the position we ensure that we do not post myriad of reviews stored in different locations about the same position.
Minimalist Design
This sketch design is the “minimalist” approach for a UI of our idea. The main goal in designing it was to minimize the amount of effort needed for any one action the user would like to carry out. It also minimizes the amount of different pages and windows the user has to navigate through when doing these actions.
Shown here is the “dashboard” or user’s homepage seen right after the user has successfully logged in.
PICTURE
At the top is our universal search bar. This allows the user to simply type in anything they wish to search for (it also has auto-complete suggestions) and hit the search button (or hit enter). The results will then populate the big window in the bottom left (also shown in the picture). These listed posts have a title describing the type (interview/internship/job), position, and company along with an overall rating of the position. There is also the option to “favorite” the post if the user wants to add this particular post to his favorites list by simply clicking the star to the far left. Along with searching, clicking either the “Recommended” or “Favorites” in the Nav-Bar (underlined in the box to the far right) will also populate the main window with posts accordingly. Clicking on any of these posts will simply display that post in the window.
Clicking “Messages” in the Nav-Bar will update the window as shown below:
PICTURE 2
The main window is simply updated to display the user’s past messages with other users. Each entry has the username of the other person, a subject (if any), and a preview of the message. Clicking on any of these messages will display the message in the main window.
Clicking “Profile” in the Nav-Bar will update the window as shown below:
PICTURE 3
This is simply an edit profile page. The user can update their name, DOB, majors, interests, etc.
Clicking “Post Review” will just popup our generic review posting form. This is similar in all of the different design approaches we have.
Clicking “Advanced Search” will allow the user to add more parameters to their search such as specific Class Years, Majors, etc.
Scenario:
From the descriptions above it is clear how our user “USERNAME HERE” would sign in and easily complete each of HIS/HER tasks. After logging in successfully HE/SHE could do a general search using the universal search bar or a more advanced search using “Advanced Search” and get a list of potential posts. While skimming through them HE/SHE could select the one she likes and open it. After reading the details and wanting to follow up with the user who created it, HE/SHE simply clicks the users name from the post and sends them a message. Posting a review is also very straightforward, the user just has to click “Post Review” in the Nav-Bar and fill in the form.
GOOD/BAD
The obvious good point overall about this design is its very simple. Almost every action the average user would want to do is only one click away. As a result this interface should be very easy to learn and interact with. It is clear how to search, or get to the user’s favorite posts, or update their profile.
In terms of visibility, everything is located on one main page. All the different actions that the user would want are located in the Nav-Bar to the right, which is always visible.
This design is also very efficient. Every common user action is only one click away. The only issue currently about efficiency involves the user wanting to open multiple posts at once. This interface does not allow the user to compare and contrast posts without opening a new window.
There are very few errors that the user is even able to make. One obvious error would involve using the search bar and entering incorrect search terms, however, these faults fall completely on the user. In an effort to help reduce these errors, we provide auto-complete suggestions.