...
Ben comes to the MIT Jobs website and since he is not an MIT affiliate, he clicks on the Non-MIT tab at the left. He is presented the interface on fig_2 with options to either sign in or to sign up on page 2.
fig_1
Ben is new to the site, so he proceeds to sign up by filling the form. On clicking “Sign Up” at the bottom of the page, his account is set up and he is taken to page 3presented with the interface in fig_2.
fig_2
From this page, Ben can view his previous posted positions and messages but since he is new to MIT Jobs, both of these are empty. To proceed to create his first job post, Ben clicks on the “Create Post” button at the top right. He is presented with the interface on page 4fig_3.
fig_3
He enters the specifications for the job he is posting by filling the displayed form that is displayed on that page. On clicking “Create Post”, he is returned to the interface on page 3fig_2. The post he has just created appears as the first post on the list of posts on the list of posts at the left. If he had earlier posts, Ben could browse them now, maybe see if some users have commented on the posts and if so respond to the comments. He could also view messages from applicants by clicking the message tab at the top of the page.
Alyssa, an MIT student, visits the MIT Jobs site to look for an internship for the summer. She clicks on the MIT tab at the left and is presented with the interface on page 1fig_4.
fig_4
She then clicks on the huge “Sign In with MIT Certificate” button at the center of the page. She is now presented with the interface at page on fig_5.
fig_5
The few tabs at the top allow her to transition between viewing all posts, posts she is keeping track of, updates to posts she is tracking and her messages. Since she is looking for an internship, Alyssa clicks on the “Browse” tab at the top left of the page so that she is within the set of all posts to MIT Jobs. She then adds some filters, say “internship”, “summer” and the set of posts that are displayed becomes more specific to her search. Eventually, she singles out Ben’s post as a potential good match. She clicks on the post and it is displayed in the right panel of the interface. she reads the specifications of the position and figures she fit the profile. She clicks the “follow” link at the bottom right so that she can get updates on the position. She also decides to send a message to Ben to express her interest in the post. She clicks the “Message” link at the bottom right. A textbox appears below the Job post with a “send” and “discard” button under it. She types her message and clicks “send” when she is done.
...
A few days later, Ben wants to view the interest his advertised position has attracted. He returns to the MIT Jobs website (fig_1) and clicks on the Non-MIT tab at left to be presented with the interface on page 2. since he already owns an account, Ben logs in by providing his username and password and clicking on “Sign In” at the top of the page. He is taken to the interface on page 3fig_2. He only has the one post that he created, but he can see that Alyssa’s message appears directly under the post. He also sees that the “Message” tab at the top of the page is bold and has “(1)” next to it. Below Alyssa’s message, there is a “reply” link that Ben clicks to produce a textbox with a “discard” and “send” buttons below it. He types his reply and clicks “send” to complete sending his response to Alyssa. He proceeds to click on the “Messages(1)” tab at the top of the page 3. he is then presented with the interface on page fig_6.
fig_6
He has only one message, the one send by Dragos. He clicks on the “reply” button and a textbox appears on the page with “discard” and “send” buttons below it. He types his message in the textbox and clicks “send” to send it to Dragos.
...
Dragos will see the message in his message inbox (fig_7), and know that the position is filled.