Brion, thanks for these comments.
Not sure what you mean about the lefthand column. Hard to describe visual
things verbally, I know...
Regarding animation, Lindsey is working on a Keynote version that will show
the animations in action. Having said this, slower phones and feature
phones will need to display roughly similar screens without animation, so
that is a primary consideration as we nail down this overall design.
Or we might drastically simplify for feature phones.
Also, the iOS browser presents a different challenge because of the toolbar
that is already present.
Phil
On Wed, Apr 11, 2012 at 11:21 AM, Brion Vibber <bvibber(a)wikimedia.org>wrote;wrote:
On Wed, Apr 11, 2012 at 11:07 AM, Philip Chang
<pchang(a)wikimedia.org>wrote;wrote:
Lindsey just posted the first draft of the new
mobile navigation UI:
http://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation#Initial_me…
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
--
Phil Inje Chang
Product Manager, Mobile
Wikimedia Foundation
415-812-0854 m
415-882-7982 x 6810