You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

GR6-User Testing

Design:

See → GR5-Implementation

Implementation:

Evaluation:

Briefing

"You heard about a new website for managing bookmarks from your friends and you decide to check it out. You land on a page that you are seeing right now. We will give you a few tasks that aim to test this user interface. Please think aloud and feel free to explore the interface."

(We believe that our landing page does a very good job of explaining to the users what MyWeb is all about so we kept our briefing short and simple.)

Tasks

The tasks we gave to users were divided into three main categories as specified in our previous reports:

  1. Creating and Managing the Account on MyWeb
  2. Interacting with my MyWeb
  3. Sharing

Each of these three main categories is divided into sub-tasks that we gave to users. 

“Creating and Managing the Account on MyWeb” task contained:

  • Sign up for MyWeb
  • Import bookmarks from Firefox
  • Import bookmarks additionally from Chrome (once user is already logged in)

“Interacting with my MyWeb” task contained:

  • Tell us what you think you are seeing now (given immediately after sign up/log in)
  • Create a new folder and name it “Classes”
  • Add a bookmark for 6.813 stellar page to folder Classes.
  • Create a new folder, name it “MIT” and move your bookmark for 6.813 from folder Classes to folder MIT.** 
    • Would you expect the bookmark to be present in both folders or only in MIT?
  • Remove folder Classes
  • Find all the bookmarks that contain word “stellar” in their name** 
    • What do you expect that search does? 
    • Where does it search?
  • View all the bookmarks you have

“Sharing” task contained:

  • Share 6.813 stellar page bookmark with your friend Jovana. 
    • What do you need to know for this task?
    • How would you obtain it?

Observations

User

Creating and Managing an Account

Interacting with MyWeb

Sharing the Bookmarks

User #1

  • Easily found the way to sign-up
  • Had no trouble importing bookmarks during sign-up                                  
  • Even though we changed the place of our import bookmark option, user couldn't find it for a long time. He was basically clicking randomly on buttons, so I told him to leave the action for later                                  
  • He asked how could he log out, because it's not obvious. Well, he can't because we forgot to include log out button at the top. If we had more time, this is one thing we would certainly improve!!                                                                                                                                                                                                                                                                              
  • He had no trouble adding/deleting folders
  • However, when adding bookmarks he would first add them to the folder All and then drag and drop them into folder classes. Good thing about this: he easily figured out how to drag and drop. Bad thing: he though that since all the bookmarks ar ein the All folders, that's the place for them to be, while in Classes folder, since there was nothing shown or written, he just didn't know what to do. Easy fix for this would be to write in the empty space of an empty folder: "This folder is currently empty. Add more bookmarks to it!" or something along those lines.
  • When dragging and dropping a bookmark, he didn't get any feedback about whether the bookmark was transfered or not. What made him more confused, is the fact that when he dragged and dropped, he would stay in the same folder he was at, and the bookmark would still be there, so it seemed as though, even though he drags and drops, nothing really changed. He needed to click to that other folder to realize that the bookmark showed up there too. He said that was unexpected and that that way we treated out folders more like labels, which wasn't clear in our name at all. Fix would be to when transferring a bookmark, it is deleted from the current folder so the user would have some feedback from it!
  • Searching was quite easy to figure out, but he had some confusions: he though it's searching inside of the folder he's in right now, even though our search searches all the bookmarks.
  • He loved the bookmark animation but said it wasn't completely straightforward that you can move them around with arrows, especially if you've never used safari before where the similar concept shows up.
  • Once he opened "Add bookmarks" he realized where import bookmarks was hiding all along! :)
  • He had trouble figuring out how to share a bookmark. He was trying to drag and drop it to the contacts section, and then to the name of the person he wanted to share with. Seemed to him that i should be similar to folder implementation. Also he commented that "Share" didn't really look like button, which made him less probable to click on it.
  • He liked the feedback he got from sharing a bookmark, but he wasn't completely sure what was shared? The front bookmark? Or some other bookmark?                 
  • He would like to be able to share the folder                                                                                                                                                                                                   

User #2

  • When creating an account was not sure whether the "Name" box asks for the actual name or the username.
  • Is not sure how to import more bookmarks when already logged in.
  • When adding a new bookmark, thought of putting the link to the webpage in the "Name" box instead of the URL box. 
  • When moving a bookmark from one folder to the other by drag and drop, was not sure whether the bookmark gets removed from the original folder or just copied to the new one.
  • Could easily find how to share a bookmark
  • Was not sure if it was possible to share a folder.
  • Expected an alert/confirmation when hitting the "share" button.

User #3

  • Tried to click on the website description steps from the intro page.
  • Was actually able to import more bookmarks when already logged in.
  • Thought that the search box searches in the Web and not through the bookmarks. 
  • Expected some feedback that the URL worked when adding a new bookmark.
  • When trying to view all the folders, tried to select all the folders or do an empty search instead of selecting the "All" folder.
  • Took some time to locate the share button
  • Realized how share works once the button was located.
  • Was unclear about the function of the share button, i.e. does it share a bookmark or the folder the user is in?

Usability problems and solutions

We discovered some usability problems with our interface. Some were there because we didn't have time to implement every possible detail we have planned on time, some were there because we forgot to implement them, but some brought to table new ideas and solutions, different than user testing input on our paper prototype. Here we try to summarize usability problems we have discovered through our user testing, TA suggestions, and some that we have noticed ourselves.

Usability problems

Possible solutions

No possibility of loggin out. ONCE YOU"RE IN, WE ARE NOT LETTING YOU OUT, MUAHAHAAH :)

We forgot to add sign out button to the corner of our app, so that would be a quick and effective fix

Not obvious how to Share.

MAke Share button look like button and make it more obvious so it pops out on the page

No feedback when the bookmark is dragged and dropped

Implement folder behavior, so when the bookmark is transfered from one folder to the other, it simply disappears from the first one and shows up in the next one. Bookmark disappearing after it has been dragged and dropped should be good enough feedback for users to conclude that it has been transfered to another folder. The question is, what to do when they are transferring things from All folder? Probably just move the transfered bookmark to the end of the line in All

Visibility issue: Unable to find Import bookmarks unless user saw it previously inside of the "Add Bookmark"

Maybe change the name to Add/Import bookmarks? This would make a button bigger but it would solve some bigger problems

When the folder is created, not sure what to do with it

Instead of having gaping empty space in the middle of the page, we could write (In a similar way as we did for failed search) "This folder is currently empty. Add more bookmarks to it!" or something along those lines. It would guide user through the interface better and make more sense of what is going on.

Not sure where the search is actually searching

Add advanced search field next to our current search (as implemented by google and many others :)) where user can select a desired search folder or any other option if he wanted.

Reflection:

  • No labels