Discussion:
[Design] Some more unsoliciteds
Brandon Harris
2014-07-02 14:24:06 UTC
Permalink
Here's this, which appears to be a reskin, with a browser plug-in. Languages are front-and-center, which is nice. many texture. so color.

http://en.wikipedia.org.advanc.io/

And then there is this:

http://www.wikiwand.com/

which will "upgrade" Wikipedia for you if you want (I'm too scared to click that button, so let me know what happens). They have a nice ToC interaction - just scroll around in here and you'll see it: http://www.wikiwand.com/en/Ferrari_599_GTB_Fiorano






---
Brandon Harris, Senior Designer, Wikimedia Foundation

Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
Shahyar Ghobadpour
2014-07-02 15:08:04 UTC
Permalink
WikiWand is quite nice. Love the TOC. The font, not so much, but it's a
minor gripe.

--Shahyar


On Wed, Jul 2, 2014 at 10:24 AM, Brandon Harris <bharris at wikimedia.org>
Post by Brandon Harris
Here's this, which appears to be a reskin, with a browser plug-in.
Languages are front-and-center, which is nice. many texture. so color.
http://en.wikipedia.org.advanc.io/
http://www.wikiwand.com/
which will "upgrade" Wikipedia for you if you want (I'm too scared
to click that button, so let me know what happens). They have a nice ToC
http://www.wikiwand.com/en/Ferrari_599_GTB_Fiorano
---
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/design/attachments/20140702/f3daeee6/attachment.html>
May Tee-Galloway
2014-07-02 18:01:16 UTC
Permalink
The first one obviously knows his audience, the skins on top of color
options and list of languages to the left.

WIkiwand has this "we have detected recent edits
" which makes it feel like
a very lively page! The ToC is great. Typeface choice overpowers the layout
though.




On Wed, Jul 2, 2014 at 8:08 AM, Shahyar Ghobadpour <
Post by Shahyar Ghobadpour
WikiWand is quite nice. Love the TOC. The font, not so much, but it's a
minor gripe.
--Shahyar
On Wed, Jul 2, 2014 at 10:24 AM, Brandon Harris <bharris at wikimedia.org>
Post by Brandon Harris
Here's this, which appears to be a reskin, with a browser
plug-in. Languages are front-and-center, which is nice. many texture. so
color.
http://en.wikipedia.org.advanc.io/
http://www.wikiwand.com/
which will "upgrade" Wikipedia for you if you want (I'm too
scared to click that button, so let me know what happens). They have a
http://www.wikiwand.com/en/Ferrari_599_GTB_Fiorano
---
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/design/attachments/20140702/ee9f180e/attachment.html>
Jared Zimmerman
2014-07-02 18:22:19 UTC
Permalink
The first one hurts my eyes, the second one has some nice bits, but font
and colors are a bit over the top



*Jared Zimmerman * \\ Director of User Experience \\ Wikimedia Foundation

M +1 415 609 4043 \\ @jaredzimmerman <http://loo.ms/g0>



On Wed, Jul 2, 2014 at 11:01 AM, May Tee-Galloway <mgalloway at wikimedia.org>
Post by May Tee-Galloway
The first one obviously knows his audience, the skins on top of color
options and list of languages to the left.
WIkiwand has this "we have detected recent edits
" which makes it feel
like a very lively page! The ToC is great. Typeface choice overpowers the
layout though.
On Wed, Jul 2, 2014 at 8:08 AM, Shahyar Ghobadpour <
Post by Shahyar Ghobadpour
WikiWand is quite nice. Love the TOC. The font, not so much, but it's a
minor gripe.
--Shahyar
On Wed, Jul 2, 2014 at 10:24 AM, Brandon Harris <bharris at wikimedia.org>
Post by Brandon Harris
Here's this, which appears to be a reskin, with a browser
plug-in. Languages are front-and-center, which is nice. many texture. so
color.
http://en.wikipedia.org.advanc.io/
http://www.wikiwand.com/
which will "upgrade" Wikipedia for you if you want (I'm too
scared to click that button, so let me know what happens). They have a
http://www.wikiwand.com/en/Ferrari_599_GTB_Fiorano
---
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/design/attachments/20140702/56e6a11a/attachment.html>
Jon Robson
2014-07-02 18:32:05 UTC
Permalink
I really like having the table of contents available at all times. Is there
any reason we didn't explore using position fixed for the tablet table of
contents to make it available at all times?



On Wed, Jul 2, 2014 at 11:22 AM, Jared Zimmerman <
Post by Jared Zimmerman
The first one hurts my eyes, the second one has some nice bits, but font
and colors are a bit over the top
*Jared Zimmerman * \\ Director of User Experience \\ Wikimedia Foundation
On Wed, Jul 2, 2014 at 11:01 AM, May Tee-Galloway <mgalloway at wikimedia.org
Post by May Tee-Galloway
The first one obviously knows his audience, the skins on top of color
options and list of languages to the left.
WIkiwand has this "we have detected recent edits
" which makes it feel
like a very lively page! The ToC is great. Typeface choice overpowers the
layout though.
On Wed, Jul 2, 2014 at 8:08 AM, Shahyar Ghobadpour <
Post by Shahyar Ghobadpour
WikiWand is quite nice. Love the TOC. The font, not so much, but it's a
minor gripe.
--Shahyar
On Wed, Jul 2, 2014 at 10:24 AM, Brandon Harris <bharris at wikimedia.org>
Post by Brandon Harris
Here's this, which appears to be a reskin, with a browser
plug-in. Languages are front-and-center, which is nice. many texture. so
color.
http://en.wikipedia.org.advanc.io/
http://www.wikiwand.com/
which will "upgrade" Wikipedia for you if you want (I'm too
scared to click that button, so let me know what happens). They have a
http://www.wikiwand.com/en/Ferrari_599_GTB_Fiorano
---
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
--
Jon Robson
* http://jonrobson.me.uk
* https://www.facebook.com/jonrobson
* @rakugojon
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/design/attachments/20140702/999d8695/attachment-0001.html>
Brion Vibber
2014-07-02 19:56:35 UTC
Permalink
Post by Jon Robson
I really like having the table of contents available at all times. Is
there any reason we didn't explore using position fixed for the tablet
table of contents to make it available at all times?
I've been thinking that'd be a great thing for us to do on the apps when we
get to tablet optimization, too...

You'd have to make the list separately scrollable since the list may be
pretty long on some pages and overflow the page. This should be pretty easy
on modern versions of Safari, Android classic browser, Chrome, and Firefox,
but I don't know if it'll cover some obscurer browsers. (Do we worry about
Opera for tablet?)

Might also consider landscape versus portrait issues -- in landscape mode
on even a 7" tablet there's plenty of horizontal space for a ToC but in
portrait it's often a little cramped to always show a sidebar. I'd
recommend having the presence of a sidebar depend on the available width
(or make it slide-out when not wide enough).

-- brion
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/design/attachments/20140702/b52c3423/attachment.html>
Krinkle
2014-07-02 22:08:47 UTC
Permalink
I'm liking WikiWand a lot.

* Nice table of of contents indeed.

* Interesting use of well-performing transitions (for desktop) that smoothen the load (they start just after the first half is rendered so there's no visual building blocks like we have, it's delayed enough to avoid a rendering spree, but quick enough to not be an annoying delay).

* A fullscreen media viewer for thumbnails.

* Not being full-width near-edge fluid (imho a no brainer).

* No awkward sidebar that is empty when you scroll down and too prominent with things not used as much by readers when you scroll up.

It does seem to have those sidebar and top bar features (like Discussion, Edit, History) and toolbox sidebar (What links here etc.) too tucked away though.

— Krinkle
Post by Brandon Harris
Here's this, which appears to be a reskin, with a browser plug-in. Languages are front-and-center, which is nice. many texture. so color.
http://en.wikipedia.org.advanc.io/
http://www.wikiwand.com/
which will "upgrade" Wikipedia for you if you want (I'm too scared to click that button, so let me know what happens). They have a nice ToC interaction - just scroll around in here and you'll see it: http://www.wikiwand.com/en/Ferrari_599_GTB_Fiorano
---
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/design/attachments/20140703/a0a52452/attachment.html>
Loading...