Valid HTML 4.01 Strict Valid CSS! powered by Blosxom

Sat, 09 Jun 2007

Experimental tabbing on packages.d.o

Too make the pages for single packages on packages.debian.org less loaded with information I experimented today with changing the layout to a "tabbed" one, so that information is spreaded over several sub pages. Currently this is implemented with Javascript, but if people really like it I would probably implement it on the server side too. Please check it out and tell me what you think.

Created 2007-06-09 by Frank Lichtenheld, category /en/devel/debian. permanent link, 5 comment(s)

Robert Hopson wrote


I like it; it took me a moment to spot the "tabs" - perhaps a little graphical work on them to make them look more tabby would help. There is also a flicker on page load that I think could be fixed, but nice work.

Np237 wrote


I'm no web expert, but I thought it was possible do such things with only CSS, without the need for JS. (Not sure all browsers handle it fine, though.)

Stefan Huehner wrote


I find this new layout quite an improvement. Especially for src-packages with lots of binary packages (i.e. linux-2.6) its far more useable with the binaries hidden on the search resulst and the pts, bts etc links directly available on the details page.

nion wrote


I like the idea however some graphics artist should give them a bit more eyecandy look :)

Anonymous wrote


As a UI construct, tabs make sense whenever you expect that most users won't need some of the information, and you divide the information into tabs based on what you expect people to want at the same time. In this case, I think most users will want to see both the package description and dependencies, so you've added an extra click to see that. On the other hand, I do think most users won't need to see the download links, so splitting them onto a separate tab makes sense. I also agree with the other comments suggesting that you need a more tab-like style, rather than just links.

comment...

 
Name:
URL/Email: [http://... or mailto:you@wherever] (optional)
Title: (optional)
Comments:
Save my Name and URL/Email for next time