Looks pretty cool! A couple quick notes:
The section edit + dropdown menu only appear on hover; this feels very odd on a tablet as you have to actively tap to make it appear (on iPad) or it may not work at all (on Windows 8.1). I like the idea of 'edit' being in the fixed header that's consistently visible instead...
On small screens like phones I've been seriously considering suggesting we show a fixed section header -- this sample article has relatively short sections but many are ....lllloooonnnngggg.... especially in really big articles. In a small window or on a smaller-screen tablet, those are going to easily spill larger than a screen height and it may feel odd to scroll up to find the current section-edit button.
Once you scroll past the menu items, the sidebar seems to be wasted space especially on a small window. Any plans to have it collapse if the window/screen size is smaller? Snapping a browser window to half the screen is *really easy* to do on current Windows and Linux versions, and seems like something I'd expect people doing research to do.
-- brion
On Mon, Jan 13, 2014 at 8:46 PM, Brandon Harris bharris@wikimedia.orgwrote:
I’ve made some fairly significant changes to the Static Header/NavMod prototype. You can play with it here:
http://unicorn.wmflabs.org/navmod/ Changes below. Note that most icons are placeholders. === New Changes === * Added "watch" button to button ribbon * Shadow only appears on scrolling; disappears and turns to solidborder when not moving. * Added icons to article action elements * Turned "more" action into a single pulldown * Edit buttons now have secondary pull down for additional actions (edit source, insert image, etc.) * Section edit link buttons are now standard "white" color until hover, where they turn blue. * Targeted sections now have a slight border in addition to light color fill * Removed border from Table of Contents * Left aligned TOC header * Search placeholder text is now replaced with article title on scroll * All menu items now have icons (placeholders, mostly)
=== Bugfixes === * Fixed issue with hoverstate on H2 sections and striping (setbackground color to transparent rather than white) * Fixed border radius issues with internal button ribbon
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design