FYI:
http://multimedia-alpha.wmflabs.org/wiki/Lightbox_demo
Open a lightbox, click on the settings/cog icon near the top right of your screen, and be amazed.
That is all.
(warning: alpha quality, don't expect it to be perfect, meant for testing by our developers and designers, but no reason not to let y'all try it!)
Hi Mark,
Good job. Here is a list of some small design details to consider (some of those you may be already be aware of):
- The disabled version of the dialog should have an indicator of the disabled status (more details are available on the design notes of #836 https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/836). In our testing sessions that helped users to immediately identify the current status. - Buttons at the bottom of the dialog should use mw-ui classes https://tools.wmflabs.org/styleguide/desktop/section-2.html (that will add details such as border radius and styling for hover/active states). They are also placed next to each other which should not be the case (that may be solved when applying the mw-ui classes). - For the green confirmation dialog, the bottom shadow should be dark green (#00634E). - In general the logic of clicking outside to close the dialog and confirmation popups, works quite well. However, when a confirmation dialog is open, and the user clicks on the cog again, the settings panel should be opened (in addition to closing the confirmation popup as we currently do).
Pau
On Wed, Oct 8, 2014 at 10:48 PM, Mark Holmquist mtraceur@member.fsf.org wrote:
FYI:
http://multimedia-alpha.wmflabs.org/wiki/Lightbox_demo
Open a lightbox, click on the settings/cog icon near the top right of your screen, and be amazed.
That is all.
(warning: alpha quality, don't expect it to be perfect, meant for testing by our developers and designers, but no reason not to let y'all try it!)
-- Mark Holmquist Software Engineer, Multimedia Wikimedia Foundation mtraceur@member.fsf.org https://wikimediafoundation.org/wiki/User:MHolmquist
-----BEGIN PGP SIGNATURE----- Version: GnuPG v1.4.10 (GNU/Linux)
iQIcBAEBAgAGBQJUNaMSAAoJEEPl+wghkjzx+K4P/AnwD2Gl8l5qwaLoyOaG35tF MEjE9RaINBGbEhn3xN7YfV2LsjUfvY8vGkHhI74MiimcwETZ/nxMQ4aL6sqBNKNq Yr0CwF5L32mL68ktZbYXJon7jGcMzYcUGjFe741841YhOoT4lkF3CHMrJMUu+Gxf 2DeB5Zh/PPblfWYZldzm+I2XFCwB0Ogv/PjVx8YQF8PeISl383BAksouiPovNFr7 xWWVn6ur/RqE0bhjwdNOOE2x21Bm0bCU07w3MobQZF35n94fCdrRup4eehTkJUmM OuI7Uxex/HpSNrwx/5B2bDkjSKcOS2GtzM0QTskzEiCJ47xZmS0VJYl0GFTIVKuD dAN2oSIECJCnXX0tIcIC6ja1hC7YFaT52+wtMC2s/TLrDnbELyvz7ky1S4EUK2bj oXkfqVV9xbMvdz/Bn1uWe5gHr46V78irJaGNrKurRYwxFVHPo/P6bg5W6k2WFb+h 7JSYzkNDjMSQFjDE4ha+7GlVzyfJY6jAoP1lj6eJdP9OSaxaLfHnfXGjC1OQAk9u xboaLXm7BrzhOwnU2owUhn1GXL94ADMOnFiLieyg8guX339YUflKC3Hsbz7HMXef lVVEEQqUrAvkgneZ7p+u9Nvp699LJQleRFZGzLpZbAYIN0pqTaPJkucmwQOmHtac YYxgaffRxrxeoqtMQZoQ =j+gh -----END PGP SIGNATURE-----
Multimedia mailing list Multimedia@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/multimedia
On Thu, Oct 09, 2014 at 09:54:32AM +0200, Pau Giner wrote:
- The disabled version of the dialog should have an indicator of the
disabled status (more details are available on the design notes of #836 https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/836). In our testing sessions that helped users to immediately identify the current status.
Done.
- Buttons at the bottom of the dialog should use mw-ui classes
https://tools.wmflabs.org/styleguide/desktop/section-2.html (that will add details such as border radius and styling for hover/active states). They are also placed next to each other which should not be the case (that may be solved when applying the mw-ui classes).
Done.
- For the green confirmation dialog, the bottom shadow should be dark
green (#00634E).
Done.
- In general the logic of clicking outside to close the dialog and
confirmation popups, works quite well. However, when a confirmation dialog is open, and the user clicks on the cog again, the settings panel should be opened (in addition to closing the confirmation popup as we currently do).
Done.
Deploying to alpha now.
multimedia@lists.wikimedia.org