In this talk (min. 12), Jon Wiley from Google talks about the reactions to the Gmail redesign by their own Google employees, and how those reactions evolved from "turn it off, my eyes are bleeding" to "actually, it looks pretty good".

Pau


On Tue, Aug 26, 2014 at 6:35 AM, Sarah <slimvirgin@gmail.com> wrote:


On Mon, Aug 25, 2014 at 8:02 PM, Erik Moeller <erik@wikimedia.org> wrote:
> On Mon, Aug 25, 2014 at 7:33 PM, Sarah <slimvirgin@gmail.com> wrote:
>>
>> Hi Erik, I really love the WikiWand design. The big image at the top, the
>> larger images throughout, the pale-grey boxes for block quotes, white space,
>> larger fonts, different fonts. It's very clean and inviting.
>
>
> *nod* It's very nicely done. Though it's technically not a redesign but a
> separate site, so none of the change management issues come into play --
> users who don't like it simply don't go there, and their experience remains
> unchanged, therefore no calls for heads on sticks etc.
>
> We've made much more dramatic changes to the UX on mobile, where there's
> less user aversion to change. Check out the Night article on mobile. Note
> how images are already styled differently, and blockquotes are as well
> (different style of quotes, different typography). The measure is narrower,
> the font is larger, etc.
>
> We've been gradually porting over these changes to desktop, starting with
> the typography (which is now default everywhere). Changes to images are
> next, and we'll hopefully get to the quote styling soon. Edge cases and the
> 10% where things don't quite look right become much more important when
> going to desktop - hence moving carefully.
>
> That said, you could take the mobile quotation style and port it over
> locally.
> --
> Erik Möller
> VP of Engineering and Product Development, Wikimedia Foundation

​Hi Erik,

The mobile design looks fabulous, and I love that the block quotes have a different font.

​see​
that the  box I added today to Night around one of the block quotes – the one starting "He's just trying to make us pity him" – changed the font in the mobile article.

And again the images are interfering. You can see that the large quotation marks aren't showing up properly around the images.

There is something about the way images are presented on WP that causes a lot of problems, but I don't have the vocabulary to explain what I mean. But is there some way images can be "boxed off," so that no matter where they are placed they don't have these effects on the surrounding text?

For example, we could have a dedicated sidebar running down the right side of the article that is only for images, infoboxes, etc, and it could also be left empty, so that images c
​ould​
be placed near the text they relate to.
​Then no matter what we do to text, it wouldn't affect the images, and vice versa. ​
​A sidebar on the right​
 would have the added benefit of shortening the lines of text.

Sarah

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design




--
Pau Giner
Interaction Designer
Wikimedia Foundation