On Wed, Apr 11, 2012 at 11:07 AM, Philip Chang <pchang@wikimedia.org> wrote:
Lindsey just posted the first draft of the new mobile navigation UI:

http://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation#Initial_menu

Please look at Design Comps in particular. The wireframes are also useful. For example, the initial view is with the search bar open.

These are awesome!

Looks like a good design language that can stay fairly consistent across most small-screen platforms, and should scale up to tablets (iPad, Android tablets, Blackberry PlayBook) reasonably well.

A couple of things to consider for tablets:
* style, positioning of callout menus

Right now the search, 'read in', history, & saved pages lists all show on a left-hand column. We should probably plan to have them show close to where they're triggered -- so with the new slide-in menu design that might be search on the right and the others on the left.

Also we should consider animation transitions; lack of smooth transitions is one of the complaints against our new iPhone app -- iOS is usually rich in animated transitions to make you feel like you're smoothly moving from one part of the UI to the next. We can do things like the slide-in menu with some animation on iOS and skip the animation on Android, for instance, if we know it's going to be too slow on Android or not be supported. (Ideally, CSS animations should work nicely on Android 3 & 4. In theory. :)

-- brion