Re: [IAEP] wiki design
On Sat, 2010-03-13 at 12:55 -0700, Josh Williams wrote: On 3/13/10 9:53 AM, Bernie Innocenti wrote: MediaWiki 1.16 beta has been announced, http://lists.wikimedia.org/pipermail/mediawiki-announce/2010-March/89.html, with new features supporting skin changes. They also will be introducing features to support a new default skin, Vector, developed by the Wikimedia Usability Initiative, http://usability.wikimedia.org/wiki/Main_Page. Josh, we could upgrade wiki-devel to Mediawiki 1.16 beta (and maybe move your current changes to wiki-testing.sugarlabs.org). What do you think? Sounds like a good idea! Done. It's at http://wiki-devel.sugarlabs.org/ Do you notice any problem? -- // Bernie Innocenti - http://codewiz.org/ \X/ Sugar Labs - http://sugarlabs.org/ ___ IAEP -- It's An Education Project (not a laptop project!) IAEP@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/iaep
Re: [IAEP] wiki design
On Sat, 2010-03-13 at 11:27 -0500, Frederick Grose wrote: If we are going to make significant changes to the wiki skin, it would probably serve us to base those on the pending default MediaWiki software and skin. MediaWiki 1.16 beta has been announced, http://lists.wikimedia.org/pipermail/mediawiki-announce/2010-March/89.html, with new features supporting skin changes. They also will be introducing features to support a new default skin, Vector, developed by the Wikimedia Usability Initiative, http://usability.wikimedia.org/wiki/Main_Page. Josh, we could upgrade wiki-devel to Mediawiki 1.16 beta (and maybe move your current changes to wiki-testing.sugarlabs.org). What do you think? -- // Bernie Innocenti - http://codewiz.org/ \X/ Sugar Labs - http://sugarlabs.org/ ___ IAEP -- It's An Education Project (not a laptop project!) IAEP@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/iaep
Re: [IAEP] wiki design
On 3/13/10 9:53 AM, Bernie Innocenti wrote: On Sat, 2010-03-13 at 11:27 -0500, Frederick Grose wrote: If we are going to make significant changes to the wiki skin, it would probably serve us to base those on the pending default MediaWiki software and skin. MediaWiki 1.16 beta has been announced, http://lists.wikimedia.org/pipermail/mediawiki-announce/2010-March/89.html, with new features supporting skin changes. They also will be introducing features to support a new default skin, Vector, developed by the Wikimedia Usability Initiative, http://usability.wikimedia.org/wiki/Main_Page. Josh, we could upgrade wiki-devel to Mediawiki 1.16 beta (and maybe move your current changes to wiki-testing.sugarlabs.org). What do you think? Sounds like a good idea! Josh ___ IAEP -- It's An Education Project (not a laptop project!) IAEP@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/iaep
Re: [IAEP] wiki design
On 3/11/10 7:05 PM, Frederick Grose wrote: On Thu, Mar 11, 2010 at 12:03 PM, josh williams j...@tucson-labs.com mailto:j...@tucson-labs.com wrote: From what I could gather, Bernie was just making suggestions for what a site wide navigation could look like. I actually like Bernie's idea of making it more like google's universal nav. I think something like the following would work well: HomeWikiDownloadActivitiesMore The more link would be a drop down of all our other sub domains. At any rate I'm almost done with http://wiki-devel.sugarlabs.org/ - so any information on how to edit the main navigation would be very helpful. We can push the changes without changing the main nav once I get finished bug checking, but I think leaving it as it is makes the wiki more confusing than it needs to be. -- Josh (Dropping systems@ and adding marketing@, as this is more of a design discussion.) Thank you Josh for your contributions to Sugar Labs! No problem. Thank you for you input about the design and pointing me in the right direction! I must admit that I would prefer to see a bit more of the Sugar style elements maintained or added to the Sugar Labs wiki skin. The proposed skin at http://wiki-devel.sugarlabs.org/ has lost many of the style elements found in our product, Sugar, as expressed in The Sugar Interface/Controls http://wiki.sugarlabs.org/go/Human_Interface_Guidelines/The_Sugar_Interface/Controls. In particular, the bold strokes of the Sugar icons on the tabs, the dark background of the Sugar toolbar with gray-scale icons, and colors holding special meaning http://wiki.sugarlabs.org/go/Human_Interface_Guidelines/The_Sugar_Interface#Imbuing_Color_with_Meaning. I like that the proposed skin includes the single-line logo (hoping also that it can be placed so that it also works with the very common monobook skin and others). Among our sister sites, my favorites for header and navigation linkbars are http://translate.sugarlabs.org/ and http://git.sugarlabs.org/ (primarily because they both seem to use bold underline strokes on the event of mouse pointer hover, and their dark backgrounds remind me of the Sugar toolbar). I'd prefer that the bright colors of links carry 'special meaning' by being revealed on hover, indicating the appropriate time for user participation, that is a click of a mouse button. The current header navigation links at http://wiki.sugarlabs.org/ and most of the current tab links have this behavior, but need the bolder strokes and underscores of the translate and git headers. Having the descender on the 'g' hang over the bottom of the header area at the translate does add a bit of spice, even if it flirts with the Marketing Team's Logo guidelines http://wiki.sugarlabs.org/go/Marketing_Team/Logo. In the content areas, to keep a clean, uncluttered, and easy-to-read page (especially because of descenders on the typeface), I prefer to have the underscores appear on links only when they are activated by mouse hover. In the proposed skin, compare, for example, the greater ease of reading those links on the sidebar versus the links in the table of contents box. Thank you for considering the thoughts and preferences I've presented above. --Fred Thanks for your feedback, I've already made some changes based on your comments. I'm with you on having the underscores only appear on hover for the main content, but there's a really big usability problem there for color blind people or users with a grayscale monitor. If you go to http://sugarlabs.org on the XO and set the screen to gray scale it's extremely difficult to find links because there's no visual cue other than color. Josh ___ IAEP -- It's An Education Project (not a laptop project!) IAEP@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/iaep
Re: [IAEP] wiki design
(Dropping systems@ and adding marketing@, as this is more of a design discussion.) Thank you Josh for your contributions to Sugar Labs! I must admit that I would prefer to see a bit more of the Sugar style elements maintained or added to the Sugar Labs wiki skin. The proposed skin at http://wiki-devel.sugarlabs.org/ has lost many of the style elements found in our product, Sugar, as expressed in The Sugar Interface/Controlshttp://wiki.sugarlabs.org/go/Human_Interface_Guidelines/The_Sugar_Interface/Controls. In particular, the bold strokes of the Sugar icons on the tabs, the dark background of the Sugar toolbar with gray-scale icons, and colors holding special meaninghttp://wiki.sugarlabs.org/go/Human_Interface_Guidelines/The_Sugar_Interface#Imbuing_Color_with_Meaning . I like that the proposed skin includes the single-line logo (hoping also that it can be placed so that it also works with the very common monobook skin and others). Among our sister sites, my favorites for header and navigation linkbars are http://translate.sugarlabs.org/ and http://git.sugarlabs.org/ (primarily because they both seem to use bold underline strokes on the event of mouse pointer hover, and their dark backgrounds remind me of the Sugar toolbar). I'd prefer that the bright colors of links carry 'special meaning' by being revealed on hover, indicating the appropriate time for user participation, that is a click of a mouse button. The current header navigation links at http://wiki.sugarlabs.org/ and most of the current tab links have this behavior, but need the bolder strokes and underscores of the translate and git headers. Having the descender on the 'g' hang over the bottom of the header area at the translate does add a bit of spice, even if it flirts with the Marketing Team's Logo guidelineshttp://wiki.sugarlabs.org/go/Marketing_Team/Logo . In the content areas, to keep a clean, uncluttered, and easy-to-read page (especially because of descenders on the typeface), I prefer to have the underscores appear on links only when they are activated by mouse hover. In the proposed skin, compare, for example, the greater ease of reading those links on the sidebar versus the links in the table of contents box. Thank you for considering the thoughts and preferences I've presented above. --Fred For those interested in follow-up details, you may use this wiki page for sharing and collaboration, http://wiki.sugarlabs.org/go/Wiki_Team/Roadmap/Wiki_skin_redesign. (Josh has a new version of the skin to review at http://wiki-devel.sugarlabs.org/go/Sugar_Labs.) --Fred ___ IAEP -- It's An Education Project (not a laptop project!) IAEP@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/iaep
Re: [IAEP] wiki design
On Thu, Mar 11, 2010 at 12:03 PM, josh williams j...@tucson-labs.comwrote: From what I could gather, Bernie was just making suggestions for what a site wide navigation could look like. I actually like Bernie's idea of making it more like google's universal nav. I think something like the following would work well: HomeWikiDownloadActivitiesMore The more link would be a drop down of all our other sub domains. At any rate I'm almost done with http://wiki-devel.sugarlabs.org/ - so any information on how to edit the main navigation would be very helpful. We can push the changes without changing the main nav once I get finished bug checking, but I think leaving it as it is makes the wiki more confusing than it needs to be. -- Josh (Dropping systems@ and adding marketing@, as this is more of a design discussion.) Thank you Josh for your contributions to Sugar Labs! I must admit that I would prefer to see a bit more of the Sugar style elements maintained or added to the Sugar Labs wiki skin. The proposed skin at http://wiki-devel.sugarlabs.org/ has lost many of the style elements found in our product, Sugar, as expressed in The Sugar Interface/Controlshttp://wiki.sugarlabs.org/go/Human_Interface_Guidelines/The_Sugar_Interface/Controls. In particular, the bold strokes of the Sugar icons on the tabs, the dark background of the Sugar toolbar with gray-scale icons, and colors holding special meaninghttp://wiki.sugarlabs.org/go/Human_Interface_Guidelines/The_Sugar_Interface#Imbuing_Color_with_Meaning . I like that the proposed skin includes the single-line logo (hoping also that it can be placed so that it also works with the very common monobook skin and others). Among our sister sites, my favorites for header and navigation linkbars are http://translate.sugarlabs.org/ and http://git.sugarlabs.org/ (primarily because they both seem to use bold underline strokes on the event of mouse pointer hover, and their dark backgrounds remind me of the Sugar toolbar). I'd prefer that the bright colors of links carry 'special meaning' by being revealed on hover, indicating the appropriate time for user participation, that is a click of a mouse button. The current header navigation links at http://wiki.sugarlabs.org/ and most of the current tab links have this behavior, but need the bolder strokes and underscores of the translate and git headers. Having the descender on the 'g' hang over the bottom of the header area at the translate does add a bit of spice, even if it flirts with the Marketing Team's Logo guidelineshttp://wiki.sugarlabs.org/go/Marketing_Team/Logo . In the content areas, to keep a clean, uncluttered, and easy-to-read page (especially because of descenders on the typeface), I prefer to have the underscores appear on links only when they are activated by mouse hover. In the proposed skin, compare, for example, the greater ease of reading those links on the sidebar versus the links in the table of contents box. Thank you for considering the thoughts and preferences I've presented above. --Fred ___ IAEP -- It's An Education Project (not a laptop project!) IAEP@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/iaep
