I just love this Google I/O 2013 talk on human perception and
cognition, and its implications for interactive and visual design. It
is accessible, but with a lot of information and applies very well to
us I think.
I'm sure that many designers know all about this and some have
probably seen the clip before, but it is also very good for
developers, because many of these things we know subconsciously, but
it's not really part of our vocabulary.
https://www.youtube.com/watch?v=z2exxj4COhU
DJ
Hi all,
In the interest of closer collaboration, Jon and Matt have merged a patch
to upstream new mw-ui-input styles, which I believe originated in Flow.
It's at https://gerrit.wikimedia.org/r/#/c/149173/
I'm glad we merged this sooner rather than later, since it means there are
fewer Flow-specific overrides on top of mediawiki.ui and it forces us to
have a cross-team discussion. However, with the new input styles going out
on desktop search, log in, and create account there are some design issues
we need to resolve.
1. This appears to have caused a regression, where the CAPTCHA input
field on create account is not styled correctly. It's now way too small for
the container.
2. We now have multiple indicator styles showing up. In form fields, the
blue bar on the left appears. On elements like page links and checkboxes,
the softer blue outline appears. This mixed experience is distracting.
3. The left-aligned blue bar is way too close to the cursor, and makes
it harder to see where it is. In an RTL language like Hebrew, the blue bar
overlaps entirely with the cursor.
You can see all of these by checking out the relevant forms on Beta Labs
right now. You can see the previous forms on English Wikipedia, or via the
style guide (which hasn't been updated yet):
http://tools.wmflabs.org/styleguide/desktop/section-3.html
Overall, the issues identified lead me to believe this new input indicator
is the wrong way to go for now. This is particularly true when you consider
that previously one input indicator was applied to all elements
consistently, and with the new style you see both the blue outline and the
new in-field indicator depending on which element type you're selecting.
I'm okay updating form-by-form with mediawiki.ui, but the forms themselves
cannot be sloppy like this.
On a related issue, but not caused by the latest updates: we need to sort
out what the type styles are for forms and buttons. Right now I am getting
the system font of Lucida Grande. That doesn't appear to meet the spec,
according to the Trello card mocks like https://trello.com/c/8FOi1X1x and
https://trello.com/c/4TfdOik8. Let's update so at least we're using the
plain sans-serif, so the user is not getting a mix of different sans-serifs
on one form.
--
Steven Walling,
Product Manager
https://wikimediafoundation.org/
Hi, designers.
Are the official colors for the Wikimedia world described somewhere? I
guess that they are, for the WMF logo and others, #900, #069 and #396,
but I can also find some of them that show #AC2D1F, #005C93 and #007B4F
(the old ones?), like the horizontal version for the WMF logo.[1]
Should I update this logo? Official colors are #900, #069 and #396?
Thanks in advance.
[1] https://commons.wikimedia.org/wiki/File:Wmf_logo_horiz_pms.svg
--
David Abián
@d_abian - [[es:User:Abián]]
http://davidabian.com/
Wikimedia España
http://www.wikimedia.es/
Sorry for cross-posting, but wanted to make sure folks knew that we were
releasing this. This was tested as part of the typography refresh, but we
didn't want to put it out with the initial release because it needed more
testing. Like typography refresh, the design goals here are consistency
across devices and simplifying the reading interface to increase emphasis
on the content.
---------- Forwarded message ----------
From: Nick Wilson (Quiddity) <nwilson(a)wikimedia.org>
Date: Tue, Jul 22, 2014 at 2:45 PM
Subject: [Wikitech-ambassadors] Thumbnail style update
To: Coordination of technology deployments across languages/projects <
wikitech-ambassadors(a)lists.wikimedia.org>
Greetings all,
There's an upcoming change to the thumbnail styling in Vector that we'd
appreciate your assistance translating and announcing.
The primary change is to remove the "box" border, which will bring the
clean style that was recently added to <gallery> to all our thumbnails,
plus consistency with our mobile view and the images on most Main Pages.
It will be arriving on non-Wikipedias on August 12, and on Wikipedias on
August 14, so there's additional time to acclimate. The design team will be
available to discuss this, and other updates and ideas, with anyone
interested at Wikimania in 2 weeks.
Please see documentation and details, at
https://www.mediawiki.org/wiki/Thumbnail_style_update
Much thanks,
Quiddity
--
Nick Wilson (Quiddity)
Community Liaison
Wikimedia Foundation
_______________________________________________
Wikitech-ambassadors mailing list
Wikitech-ambassadors(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-ambassadors
--
Steven Walling,
Product Manager
https://wikimediafoundation.org/
Sounds good.
Adding design mailing list.
On Mon, Jul 21, 2014 at 2:02 PM, Steven Walling
<steven.walling(a)gmail.com> wrote:
> On Mon, Jul 21, 2014 at 1:20 PM, Jon Robson <jdlrobson(a)gmail.com> wrote:
>
>> http://en.wikipedia.org/wiki/Special:UserLogout might be an obvious
>> place (closest to the action)... although not sure how discoverable.
>>
>> Do you want to logout everywhere <YES> <NO>
>> [] Remember this decision
>>
>> It seems like we could split this into 2 features though in the
>> interest of getting things done. Right now I'm interested in just
>> fixing the logout behaviour - in this day and age to many people are
>> using too many different devices and this experience seems very
>> broken.
>
>
> This seems potentially overcomplicated. Other sites doing this (Facebook,
> Google, others) don't put this kind of "close all sessions" option directly
> on logout. Let's get some input here from the UX team.
> _______________________________________________
> Wikitech-l mailing list
> Wikitech-l(a)lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
--
Jon Robson
* http://jonrobson.me.uk
* https://www.facebook.com/jonrobson
* @rakugojon
