Versions Compared

Key

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

...

Satisfaction could be decreased by existing efficiency problems, and limitations when it comes to number of labels we want to have, but the visual aspect of this design is really great. As is using Safari history which is where this design originally came from. :D

Design 3

When Nikola arrives to MyWeb, he will see something similar to the first two designs. Because Nikola is a new user, he will need to register an account on MyWeb to procceed. He will need to click the register button on the page, and he will register and log in just like on the other examples. Once he is logged in, he can see the general layout, which is the following:

Image Added
Note that the navigation is mostly done on the left column. There are “tabs” on the top. The rest of the page is devoted to displaying bookmarks, which he can scroll horizontally. To scroll, Nikola can either press the arrow buttons on the bottom or press the background and drag left and right. Now, Nikola clicks the the Import bookmarks button, and sees the following modal pop-up:
Image Added
He can follow the on screen instructions to import bookmarks from multiple sources. Nikola will then organize his bookmarks using the tags features. To add a tag to a bookmark, Nikola can hover his mouse over any particular bookmark, and 4 “options” appear on the image, shown below:

Image Added

If he hovers over any of the 4 options, it shows in words what that options do. Nikola will need to hover over the “plus” sign to see that he can add tags by pressing that: Image Added

Then the following modal pop-up shows:

Image Added

He will have to go through all of his bookmarks and categorize them using the labels/tags. Once he is done, he decides to share the 6.813 link with a friend. First, he creates a new tab (presses the “plus” sign near the tabs at the top), and then types in 6.033 in the search box. Doing that displays everything that contains 6.033 in a name or in a tag. Now, he shares the bookmark with a friend by clicking the "S", using the following pop-up:

Image Added

The other options on the corners are delete (the X) and add to favorite (the star).

If Nikola clicks on favorites or any of the tags on the sides, it opens a new tab with all the bookmarks relevant to that category. Nikola decides to click on “Friends” to see everything his friends shared with him (which opens a new tab), and clicks on the STS.001 bookmark (which opens in a new browser tab). Finally, realizing that he has to review 6.006 material for 6.046, he searches for 6.006 in MyWeb and visits that bookmark.

Analysis:
Learnability:
We feel that this interface is generally pretty good in aspects of learnability. The interface on the right is somewhat similar to Gmail tags, which the user might have seen. Furthermore, the tabbed browsing also likely provides familiarity for many users. The bookmarks themselves provide affordances (being boxed) that indicate that it is clickable. Some bad aspects of learnability is that it might be difficult to discover how to add or remove tag to bookmarks.

Efficiency:
This interface has both good and bad parts of efficiency. The search, for example, makes finding bookmarks very efficient. Adding a bookmark is also pretty efficient, as is switching between tabs. Adding tags to bookmarks, however, can be inefficient as you have to add tags individually to each bookmark.

Visibility:
Most of the screen real estate is devoted to showing the bookmarks, and pretty large images of it, so in that respect, visibility is good. Also, the most important labels and tabs are visible. Some bad aspects of visibility is that it might be hard to discover how to add tags to a bookmark.

Error Correction:
The most important part of error correction in this design is the tabbed browsing. If you are unsure of what you are looking for, you can open a new tab, search for what you want, and if you don’t find it, you can go back to the tab you were looking at. Another aspect is feedback during search that gives suggestions as you type. One bad part about error correction is that it is relatively easy to click on a bookmark, so once you click, it opens a new tab/window in your browser, making you have to close that to return to what you were working on. Furthermore, it is easy to open an extra tab for a different label/different shared person.