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(a)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(a)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(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/multimedia
--
Pau Giner
Interaction Designer
Wikimedia Foundation