Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

In this design, Ben comes to the website (Figure 1) and clicks on the “Sign Up” button.

(Figure 2_1)

Clicking on this button opens the sign up form (1aFigure 2_2), as an overlaid page on the original site. Ben enters his details into the form and clicks on “Sign Up”.

(Figure 2_2)

The home screen Ben sees is the home page for non-MIT affiliates (Figure 2.b_3).

(Figure 2_3)

He clicks on the “Create Post” button on the top right, which takes him to the page to create post (5Figure 2_4). He enters all the relevant details about the post and then clicks the “Save” button at the bottom. This takes him back to his home screen.

Image Added
(Figure 2_4)

Alyssa comes to the website (Figure 2_1) and clicks on the “MIT Student” button. Using her MIT certificates, she is logged into the website and sees the home page for MIT affiliates (Figure 2.a._5).

(Figure 2_5)

She clicks on the “Browse Posts” button, which shows him all posts in the form of icons displaying the job title, job type and job group (3.aFigure 2_6).

(Figure 2_6)

On this page, hovering over a post icon, displays a brief description of the post. Clicking anywhere on the post or its description opens the post description page (4.b-1Figure 2_7).

(Figure 2_7)

Alyssa clicks on the “Send Message” link on the bottom of the page, which takes her to the page to create messages (4.a-2Figure 2_8). She writes the message and sends it to Ben. This takes her back to her home screen (Figure 2.a_5).

(Figure 2_8)

On Ben’s home page, the “Messages” button will now be highlighted to indicate that he has new messages. He clicks on the button, and is taken to his messages page (3.bFigure 2_9). The new message is highlighted to indicate it is unread. 

(Figure 2_9)

Ben hovers over this message to see a brief description, and then clicks on it to view the message (4.a-1Figure 2_10). Ben reads on the message and then clicks on “Reply”, which takes him to the “Create Message” page (4.a-2Figure 2_8). He sends Alyssa his reply, and they set up a time to meet.

(Figure 2_10)

Dragos also comes to the website (1) and clicks on the “MIT Student” button, and is logged in to his home page using his MIT certificates (2.a.). He clicks on the “Browse Posts” button, and hovers over Ben’s posting. In the description displayed, he clicks on “Follow”.

...