Difference between revisions of "Wiki Team/Roadmap/Wiki skin redesign"

From Sugar Labs
Jump to navigation Jump to search
Line 25: Line 25:
  
 
Please use this space to share, respond to, and refine comments, in context within the topical areas.
 
Please use this space to share, respond to, and refine comments, in context within the topical areas.
 +
==== Systems ====
 +
* MediaWiki 1.16 beta has been announced, http://lists.wikimedia.org/pipermail/mediawiki-announce/2010-March/000089.html, with new features supporting skin changes. They also will be introducing features to support a new default skin, Vector, developed by the [http://usability.wikimedia.org/wiki/Main_Page Wikimedia Usability Initiative]. It would probably server us to base any major changes on the pending default software and skin. See the reference for the many engineering and usability features that will be enabled.
 
==== Linkbar ====
 
==== Linkbar ====
  

Revision as of 11:02, 13 March 2010

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.

Systems

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?

Color

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.