Versions Compared

Key

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

...

Nikola then decides to organize his bookmarks -- he categorizes them with either tags or folders. He will then look at all of the classes he is taking this term, and rename the 6.813 bookmark to “The best class at MIT.” He will then share the 6.813 bookmark with a friend who is thinking about adding the class. Nikola's friend shared a website for STS.001, a class Nikola is considering adding. He moves the STS.001 website to his own bookmarks. He then realizes that he does not want to add that class, so he removes the class website from MyWeb. Nikola will then open the 6.046 website through the 6.046 bookmark to work on his problem set. Realizing that he forgot concepts from 6.006, Nikola searches for his past classes and visit the 6.006 website to review that material.  Nikola then logs out.

Design 1

Nikola lands toon myweb.mit.edu and can see the following page

...

From this page, Nikola can either sign up(register for the service if he hasn’t used it before) or log in(if he is already a member of MyWeb). He can also get some basic information about the service and the way how he could interact with it. There is also a small video tutorial that he can click onview.

First The first time Nikola lands on the page, he will click on the to sign up, which will open the soft pop-up
for him to register, like on the following image: Name is an optional field, but email and password, as well as confirm password are mandatory. Nikola can also choose to import bookmarks from his other browsers into MyWeb.

...

When the “My bookmarks” tab is selected, the bar shows folders. Each of the folders can have sub folders and its own settings. Folders can be collapsed and expanded by a click on the little arrow to the left of their name. There is one folder that contains all the bookmarks independent of their folder origins. Nikola can easily add a new folder by pressing the hyperlink “add new folder”. Right click on the folder name opens up a context menu in which Nikola can select delete  "delete" in order to delete a folder.

He can search through his bookmarks by typing into the Search box which searches through the bookmarks in the current folder. Click Clicking on any of the bookmarks opens a new tab with the content of the page.

...

Pressing the “pencil” icon next to any of the elements opens the settings window. In the settings window, Nikola can reset the name of the folder/bookmark and make it belong to a different folder. He can also share his bookmarks by entering the email addresses of the people that can view the bookmark.

...

Nikola can navigate through different tabs in the “main page”. If he clicks on the tab “My Friends”, that tab is going to be highlighted and the bar on the left side as well as the content of the page is going to change. Bar The bar on the left side contains a list of Nikola’s friends. The content of the page shows all of the bookmarks that are currently shared with Nikola. Click Clicking on a different friend changes the content of the page to only display only the bookmarks that a selected person has shared with Nikola. If user Nikola wants to save this shared linked into one of his private folders, he can drag and drop the bookmark to the My bookmarks tab. That bookmark will show up in the "All" folder, but the user can later specify its special directory, if wantedneeded.

Users can press a “pencil” button next to a friend whose information they want to edit.

Similarly, if Nikola switches to the tab “Other bookmarks”, the bar on the left is going to change. Bar The bar on the left is going to contain categories such as "Most popular" and "Recommended. Content " The content in the middle is going to depend on the category that is selected, but it is going to show the most popular bookmarks as the default landing default.

Users can press a “pencil” button next to a friend whose information they want to edit.

Friend information contains friend’s name (optional), email address (mandatory) and a phone number (optional). If Nikola changes his password, he will get a pop up that makes him confirm the change or cancel it. This way, we are making error less probable.

...