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 https://en.m.wikipedia.org/wiki/Night_%28book%29 looks fabulous, and I love that the block quotes have a different font.
I see that the quote https://en.wikipedia.org/w/index.php?title=Night_%28book%29&diff=prev&oldid=622808906 box I added toda https://en.wikipedia.org/w/index.php?title=Night_%28book%29&diff=prev&oldid=622808906y 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