October 26, 2006

Yahoo! Bookmarks Beta (or Alpha)

Yahoo! has released it fourth or fifth public bookmarking site, Yahoo! Bookmarks Beta to go along with Yahoo! Bookmarks, del.icio.us, and two versions of Yahoo! MyWeb. This new version seems aimed at being a long needed replacement for the relatively ancient Yahoo! Bookmarks. But, as the post on Better Bookmarks, Better Toolbar this new Bookmarks will do away with Yahoo! MyWeb, as MyWeb will be bundled into del.icio.us. This for me seems really odd as MyWeb2 was much better with the social network than del.icio.us has been. I am going to focus on the new Bookmarking site, because there are some things I like, but there are things that are quite broken and should have been caught with a decent quality assurance test or a decent interaction design heuristic test (some of the things that are broken have been broken in MyWeb 2 for months and it seems to have been imported here). I am normally a big fan of what Yahoo! does, but this release is horribly bumpy and would to be better suited with an Alpha moniker.

Y! Bookmarks Beta Good Things

Yahoo! Bookmarks has been needing an overhaul for years. It is great to see that the six or seven year old product is finally getting attention. Keeping the folder metaphor is good for those that have lived in that realm is a good thing and including tagging as well is a great step forward for this product (oddly, an odd interface for adding tags is used, but that is for later and a rather minor thing compared to the bigger bumps). Having the video for an introduction is a great step forward and would have been a great asset for MyWeb 2 (not so sure it would help adoption with del.icio.us as its interface seems to be a stopping point for regular people using the web) as it would illustrate the lightbulb moment for people to understand why MyWeb 2 is important and useful.

The basic interaction design improvements are very good, with the drag and drop (there are usability/accessibility limitations with drag-and-drop and it would seem like the click-and-stick would have been much better, but that is another long post). The three view options for the bookmarks is helpful too as it provides a nice visual interface with helpful information or ones that are more scannable for people. The layout of the full view is a really nice improvement over the existing MyWeb 2 interface. Another great step forward is the URLs are readable links in the status bar not the hash or unfriendly to human links that were in MyWeb 2.

The URLS overall are well designed in Bookmarks Beta. They can be guessed and edited easily. This is a wonderful change from MyWeb 2.

Bookmark Homepage Oddities

As mentioned above there are some (many) places that need help or some attention to detail in the new Bookmarks. I am using screen captures to help illustrate the points and the images are on Flickr and notations are there. Some of this seems snarky at times, but I am rather shocked that so many details and blatant errors made it public. I am a huge Yahoo fan, for a long list of reasons, but this does get me to question the attention to detail and care that goes into design and development. This was likely hundreds of hours of work by a team and a lot of testing. Just really surprised.

bookmarks_home_default_sort

When I first came to the new Bookmarks Home page I was surprised to see all of the content. My expectation was it was going to be my old bookmarks that were included in My Yahoo! pages, which I update and are extensions of bookmarks from 1999. There was no clue on the page that the content had come from MyWeb 2, it took some digging and the "imported delicious" in my tags was the clue. There is no explanation how the bookmarks would be integrated into My Yahoo (I don't want my 2,400 some MyWeb bookmarks in My Yahoo).

The interface on Bookmarks Beta, while nice is difficult to find the sorts and folder/tag view modification as the typeface is very small. The "Sort by:" does not state was the default sort is. The sort is a toggle between date and title (presumably title by alphabetical sort, but my assumptions seem to be off on many things on the site).

The tools bar with view selection, add, edit, move, send, and delete was a little confusing. Some of the tools relate to making a check box selection in the bookmarked items, but that is not clear. While, other tools are not related (view selector and add). I easily understood view, add, edit, and delete were. Move has an icon that indicates moving out of a folder, but I was not clear where a "move" would put the selected items. Was it going to a folder, into My Yahoo sidebar, into del.icio.us, etc. Where was it moving things to? Send had similar problems as one could send by e-mail (should it state e-mail instead?) Why not use the really helpful convention in Yahoo! Local, which is really clear as to where things can be sent? Lastly, I found out that deleting something from Bookmarks removes the item from MyWeb 2 and that should not happen, unless it is made clear in the page that your bookmarks are being pulled from that repository, which Bookmark Beta fails to do.

Edit Bookmarks Broken

edit_form

The Edit Form page was where I began to think that the Bookmark Beta was more an Alpha. I had first thought it was my using Firefox 2 as a browser, but the same if not worse problems also exist in my Safari browser. The edit bookmark screen is missing labels for the form fields, but it is also missing the existing content. It seems that this could be caused by relying on JavaScripting rather than a server generated page, as this page does not degrade well at all. Additionally the tag fields are empty, where the tag I want to edit should be. If the tag had been in the text box field I would have had a far more painful time separating the multi-term tag into its intended single term tags. Yahoo MyWeb 2 did this really well with a convention called commas. The social bookmarking site, Raw Sugar also uses this common convention and has wonderful affordance for assisting people with their comma separate string of tags. Having text box fields limits the ability for scaling, even if the interface populates the screen with a new text box when the five offered are filled it is still a really clumsy interaction it seems (I know Yahoo! test the living daylights out of their interfaces, which is a great thing, and I would love to know how this interface ended up in the public). Oddly, the one thing missing from this screen is the ability to add this bookmark into a folder. The new Bookmark tool is keeping the folders or is it not? Should not all of the possible interactions be available from the edit view?

Additionally, in a second view of the bookmark edit screen you will see the selected entry is not next to the bookmark edit screen. This likely means that the item being edited, if selected from the lower portion of the page, will not be anywhere near the editing box. There really must be closer. There is a lot of JavaScript being used on the page already, why not hide the items not selected for editing to provide a better proximity for people editing?

Bookmark Search Missing Items or Poor Sort

Y! Bookmark Beta Search Results

I tried "Search bookmarks" to get "tech" items. This search is supposed to query tags, titles, descriptions, etc. The resulting set was missing the first item from my default view, which is tagged "tech" is not in this set returned. This set is set for a sort order by date, which should put the item at the top of the returned set. This was something I really wanted to try in search as a similar returned set has been the result in MyWeb 2 and del.icio.us for at least a couple months. The algorithm is horribly off or the the sort is off. The good thing in the Bookmark Beta is it lets you know the sort order (the state in the default result is called out correctly),and lets you select a different sort order. Unfortunately, the search is broken as it is elsewhere. When I ran the search on tags (in the tag view portion of the page) the proper result set was returned with the most recently added item with a "tech" tag right at the top of the date order sort.

The labeling of the page and the type of search is missing from the page. The heading for the results states "Search Results 1-10 or 572", but it does not say what type of search I just ran. A proper heading should be should be "Search Your Bookmarks Results 1-10 of 572".

Add Bookmark Screen

Y! Bookmark Beta Add Bookmark Screen

This page has few oddities. The thing that stands out on this add bookmark page is the "My Tags" area. In the folder view of that content object you can drag-and-drop an item into a folder. The convention has been set that there is a drag-and-drop connection between that content object and my bookmarks. But in the tag view you can not drag one of the 20 tags into an empty (or filled) tag text field. The convention that was set, does not extend.

More troubling is the "My Tags" content object has find functionality stating "Type Tag here" in the text field next to the find button. When I have the add screen open I am not expecting that to take me to a new screen. Since the add tag interface does not have type ahead from by tag set, I would think had been hopeful that I could drop in a tag and have other related tags I have used on bookmarks would surface. What does get returned is a tag search result page and my add bookmark screen is blown away. I realize that the convention for what happens with tag search/find is already set, but since the convention for drag-and-drop is broken from folders, other things could be emergent as well.

All My Tags

Y! Bookmark Beta All My Tags

This page is held back by poor labeling with the "All Tags" label, but it is actually "All My Tags" or some similar convention, as they are not all the tags from all of the users. The tags are semantically well structured in the XHTML as they are an unordered list, which is easy to parse mechanically or for accessibility reasons. The layout of the tags would benefit from having the list be full justified, which would provide a little more space around the tags leading to easier scanning of the page full of tags.

It is odd that the page has a handful of weighted tags, the flat list of tags alphabetically is easier to scan than a weighted tag cloud but these five tags that are most often used seems to be rather odd. I am quite happy not to see a full tag cloud.

Recommended Bookmarks

Y! Bookmark Beta Recommended Bookmarks

The Recommended bookmarks tab is the old unuseful default page from MyWeb 2, also known as the Interesting Today page. Ironically, there has never been anything interesting on this MyWeb 2 page. Yahoo Bookmarks has a really good clue as to what I find interesting (or any other person using the tool) or pay attention to, it is our bookmarks. We make an explicit statement each time we bookmark something as to what we have an interest in. This can easily be paired to find people who have bookmarked the same items (this identifies people who may be good sources for new bookmarks to recommend) and what vocabulary they have used to call that bookmark something (if they use the same terms to describe the bookmark it can be easily and most often correctly deduced that we do really have similar interests) and we have a few similar matches like this that person, their terms, and bookmarks can be used to build a list of things I would be interested in. If you take that list and parse it against things I have already bookmarked you will have a killer list of things to recommend me that I will care about. This can be server intensive, but the matching and pairing does not need to be done on the production server for the bookmarks, it can be chugging away in the background and serving up recommendations. This flows directly out of the presentation I have given to Yahoo! Tech Dev and have had many long discussions about at Yahoo! Since this is part of a public presentation I give all of competitors to Yahoo! have the information and most are putting it to use in various ways.

Wrap-up

Some of this seems harsh, but it is a public release by Yahoo! with a Beta moniker thrown on to it. But, much of this information Yahoo! already has as they have asked for the feedback before and received it. Things just don't get fixed. Some of these things are minor, but others are not details, they are big glaring errors. Yahoo has some of the best brains, designers, and developers on the planet and they should be producing products, even with Beta moniker that are not this rough. This is much closer to a Google product that is launched and is really rough around the edges and will likely not get fixed. At least I know with Yahoo things normally get ironed out, or at least they did.

None-the-less this has promise and it should be more accessible to regular people than MyWeb 2, but it seems really silly to throw out MyWeb 2 as it does many things better than del.icio.us, but del.icio.us does many things insanely well. Seeing the two products mixed will be a really tough challenge as it could easily break the fan base in del.icio.us or make a social bookmarking site like MyWeb 2 less approachable by putting a more geek-centric del.icio.us interface on it.

[I have added a follow-up to this focusing on the Yahoo! Roadmap for Social Bookmarking.]



Web Mentions

This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike License.