Navigation
Little changed with respect to BibSonomy's menu navigation, though, due to extensive use of cascading style sheets (CSS), overall navigation is more consistent and obvious in comparison with the old layout.
Whenever a menu item is linked to a sub menu, a downward triangle is displayed left to the corresponding item.
The main menu realizes tab-like navigation: While visiting a certain page, the corresponding menu item is displayed in the front.
Tag clouds
The picture above also shows the new tag cloud representation: The higher a tag's frequency, the bigger its font size and more intense its color.
List views
Each list view which shows publications as well as bookmarks offers the possibility to expand one of it's columns. This feature can be found on the top right:
Double column view is restored by activating the '|' link at the same place.Quick-Post
You can tag any post displayed by your own by clicking on the star on the right of the corresponding entry in a list view. A solid blue star indicates that you already tagged the resource.
Internationalization
Internationalization of BibSonomy is still in progress. Whenever available, different languages can be chosen by clicking on the corresponding flag at the top right corner.
...and all the rest
Not each element's new layout has been introduced here (e.g. the new groups listing, just to mention one). Have a look by yourself and enjoy BibSonomy's new layout.
Errors tend to happen, though we try our best to avoid them. If you encounter any incorrectly rendered elements, please let us now by sending an email (see our contact page for further details).
.folke
Congratulations to the new layout! There are some very useful new functionalities. Of course there are some points I am not so happy with (as every creator of something new will hear):
ReplyDeleteI would have liked it even more if you would use a 100% width and height (the top right menu could be inside the blue box or under it so that the blue box starts at the top). Together with the more colerful styling (blue and green) and the javascript roll-over menu it makes the page much more unstable and it - just optically - seems not so robust as the old version. Finally the eye catching flag pictures in the top right finish this fancy look. To be honest: After my first look at the new bibsonomy I started looking for the "shopping basket" symbol because my eyes thought they were on a shopping site.
BTW: what is the reason for the blue stars next to each entry. I tag every entry from the beginning so if I have a look at my bibsonomy page I see a sea of stars...
Thank you!
It's good to see that people still work on improving Bibsonomy! Some suggestions:
ReplyDeleteI agree with Martin about the margins. It's a unnecessary waste of precious (and expensive!) pixels. When you remove the margin, you should remove the frame too.
Don't show stars when I'm in my own section. There they are redundant and misguide the users attention.
The green box looks messy: too many different font-styles, no use of padding for separating logical units.
The star is not a good icon because it doesn't tell what it's good for. The canonical symbol for adding stuff is the plus sign. A green check mark might be a good choice for labeling entries the user already has in his library.
Why is there the "copy" link /and/ the star? They seem to do the same thing.
For future revisions of the layout: 1.) Consider what the benefit of a change is for the user. 2.) Is the benefit large enough that the change is justified? After all you force power-users to relearn the visual patterns of the page. eBay was very smart when they didn't change their layout for many years (although it wasn't very polished).
Sorry for the criticism but I like Bibsonomy very much and that's why I care.
Cheers!
Re Titus on the star: The star icon is actually quickly becoming an icon to add things to "my bookmarks", eg. in Firefox and other programs/sites. So I think it's warranted here, though a plus might work just as well. However, I do agree that the star shouldn't be visible inside My Bibsonomy, there it's just confusing.
ReplyDeleteAlso, some bugs:
1. When clicking "post publication", "post bookmark" or "relations", we still have "my bibsonomy" showing the "current-tab" background (using Opera 9.63 on OSX Leopard).
2. When on the Home-tab, the drop-down with "search:all" is old kind, looks very out of place among all the new-style drop-down boxes (sorry for the vague terminology, but I assume you know what I mean).
Oh, BTW, just noticed mySearch (
ReplyDeletehttp://bibsonomy.org/advanced_search ).
The filter box there is fantastic! This is where my new bibsonomy shortcut goes (I type the url "bib" and end up at mySearch).
There's a typo on the front page first blurb:
ReplyDelete"Why dont you just try it yourself?"
Dont should be don't (apostrophe).
Thank you for your constructive feedback. It helps a lot to get advice from our users and we are happy to react to your comments.
ReplyDelete>I would have liked it even more if you would use a 100% width and height (the top right menu could be inside the blue box or under it so that the blue box starts at the top).
The blue box is part of our new layout. Changing this again would involve a lot more changes. In future, we are thinking of offering several layout styles, so that users can select the style they appreciate. A simple layout without margins would be one of these layouts.
> After my first look at the new bibsonomy I started looking for the "shopping basket" symbol because my eyes thought they were on a shopping site.
The basket item is at the top right of the new blue header bar :-) Seriously, other users complained about the old, rather steril, look. It is difficult to meet everybody's interest. Again, the best will be to offer several layouts.
> BTW: what is the reason for the blue stars next to each entry. I tag every entry from the beginning so if I have a look at my bibsonomy page I see a sea of stars...
Good point. We have removed the stars from a user's personal pages, so that those pages are very similar to the old ones and added a tooltip to explain the functionality of the star.
> The green box looks messy: too many different font-styles, no use of padding for separating logical units.
We added padding and will further look into how we can improve the layout of the green box.
>Why is there the "copy" link /and/ the star? They seem to do the same thing.
Yes, they do. We did not remove the "copy" link to give users the two options: using the older "copy" link or the new stars. It is difficult to know in advance, how users will adapt to the system and what way of interaction they prefer. This was our way to make the transition to the new layout easier. But we can remove the old copy link.
> Also, some bugs: 1. When clicking "post publication", "post bookmark" or "relations", we still have "my bibsonomy" showing the "current-tab" background (using Opera 9.63 on OSX Leopard).
This was resolved today.
> 2. When on the Home-tab, the drop-down with "search:all" is old kind, looks very out of place among all the new-style drop-down boxes (sorry for the vague terminology, but I assume you know what I mean).
It's true, the "search:all" drop-down is rather simple compared to the tab drop downs. We still think that it fulfills its purpose. Please let us know, if this is a major issue for you.
> "Why dont you just try it yourself?"
Resolved. Thank you!
Further fixes (many of them were mentioned in mails):
- Missing context help for new "copy" button
- Size of tags in tagclouds
- Bookmark XML output
- Broken layout on user page
- Layouts with low resolution
- Tabs for not-logged in users
We will work on the remaining issues. If you have more comments, please let us know (contact info). We are looking forward to improving the system.
the BibSonomy Team
functional new layout... not too pretty but funtional
ReplyDeletehttp://www.bibsonomy.org/RelationsHandler?do=insert gives me a 404 now (ie. when I try to Verzend (btw, why does it say Verzend instead of submit? Everywhere else is English.) a new relation)
ReplyDeleteDear Kevin,
ReplyDeletethanks a lot for this report - this was actually a bug on our side, we spotted and fixed the problem. Now everything should work as usual.
We also fixed the label of the "submit"-Button on http://www.bibsonomy.org/edit_tags - now everything is in English again. Please note that we are almost done with internationalization of the complete BibSonomy system (English+German), so soon also the edit-tag-page will be bilingual.
Hope this helped! If not, just give us a ring.
Wow. That was quick! Thank you guys :-)
ReplyDeleteit's nice to hear that bibsonomy is creating a new ways in improving like the new layout for better understanding to many.
ReplyDeletekeep it up guys.