In terms of icons please please please collaborate on that before coding something up.
In mobile we have done a lot of this with icon classes and icons.less [1] to try to standardise on sizes and icons - it would be great to upstream that to core as a mw-ui-icon
At the very least please look at how we are doing icons in core and let's see if we can come up with some shared understanding of how icons should work.
I'm also hoping to converge on Flow with this and I tried to make a start to a mediawiki ui icon library in a patch for core to put the watchlist settings on the watchlist page which was apparently controversial [2] although to me seems like a no brainer.
[1] https://git.wikimedia.org/blob/mediawiki%2Fextensions%2FMobileFrontend.git/6... [2] https://gerrit.wikimedia.org/r/#/c/139872/
On Wed, Jun 25, 2014 at 6:27 PM, Steven Walling swalling@wikimedia.org wrote:
Hi all,
This is a heads up about some of the things the Growth team is thinking about and working on with mediawiki.ui.
We're in the process of adding optional icon support for mediawiki.ui buttons, with browser support down to IE8.[A] We're going to get rid of the text shadow on the default mediawiki.ui buttons.[B] It's distracting and doesn't increase readability. We don't use gradients in the colored buttons for similar reasons. We need to do some tweaking of the design of the default mediawiki.ui button.[D] We're designing the second iteration of the anonymous editor signup invitation UI to A/B test.[E] When looking at these, you can see that the default mediawiki.ui button ("continue editing") almost seems disabled. We should talk about ways to improve on this design, such as darkening the text color or giving the default button a background color.
This may come up in the WMF UX team's weekly design review as well, but I wanted to give a heads up about these issues since the library is in MediaWiki core.
A. https://bugzilla.wikimedia.org/show_bug.cgi?id=55535 B. https://bugzilla.wikimedia.org/show_bug.cgi?id=61940 C. These are viewable at https://en.wikipedia.org/wiki/Crocodilia?gettingStartedReturn=true if you're logged in D. See style guide: http://tools.wmflabs.org/styleguide/desktop/section-2.html E. https://www.mediawiki.org/wiki/Anonymous_editor_acquisition/Signup_invites_v...
-- Steven Walling, Product Manager https://wikimediafoundation.org/
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design