Wiki Team/Roadmap/Wiki skin redesign

This is a Redesign idea workshop page - Please contribute your ideas!

Design goals

From Bernie in this discussion thread, "I'd like our linkbar to be:

1. consistent in style across all webapps (maybe also in content)
2. reminiscent of Sugar's UI elements or colors
3. in harmony with the look of all our sites
4. maybe well detached from the rest of the page (like the gnome one)
5. written in very tidy html + css for easily maintainability
6. free of frames/iframes, marquees and non-standard html crap
7. perfectly readable in text-only browsers, even without css
8. ordered the same way across all sites (= easy to memorize)
9. wrapping nicely on small screens

These are just my personal wishes, not strict requirements. ...

wiki-devel test design

http://wiki-devel.sugarlabs.org/

Design discussion

Please use this space to share, respond to, and refine comments, in context within the topical areas.

Linkbar

1. Consider using a larger/different typeface to better distinguish these inter-site links from the personal wiki navbar links on the same, top line and on the right of the page.
2. Link sites - drop people, add translate, ideas?

Underscores on links

• show on hover only - like the Wikipedia MonoBook and Vector skins, I prefer not to clutter the content area with lots of horizontal lines that interfere with the typeface descenders, make reading the text more difficult, and tire the eyes.

The bottom-border underscores move them below the descenders (at many resolutions), so this is an improvement in readability. The excess of horizontal lines in the content text remains an issue in my opinion.

[edit] section links

• left or right position - I find the left position of these links, just preceding the section title, interferes with the clarity of reading and scanning the titles. I prefer that the [edit] section links be moved to the right like in the MonoBook and new Wikipedia Vector skins.
• contrast - I also suggest that they be slightly less dense or grayed from the rest of the text, so that they are easier to ignore when one is concentrating on reading the content on a page.
• underscores - like the other non-direct content links, if they only show an underscore when hovered with the mouse pointer, there will be less unessential 'ink' on the page that distracts, tires the eyes, and changes the graphic feel of the page.