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 <[email protected]> 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 > [email protected] > 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 > [email protected] > https://lists.wikimedia.org/mailman/listinfo/multimedia > > -- Pau Giner Interaction Designer Wikimedia Foundation
_______________________________________________ Multimedia mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/multimedia
