On Tue, Jan 10, 2012 at 5:11 PM, Brion Vibber <span dir="ltr"><<a href="mailto:bvibber@wikimedia.org">bvibber@wikimedia.org</a>></span> wrote:<br><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
I was reading up on Android 3 & 4's 'action bar' (sorta replaces the older menu styles) and got inspired to make some mockups for a layout for the app that might fit in better on Android 3 (Honeycomb) tablets and Android 4 (Ice Cream Sandwich) phones.<br>
<br><a href="https://www.mediawiki.org/wiki/Mobile_mockups_for_Android_style" target="_blank">https://www.mediawiki.org/wiki/Mobile_mockups_for_Android_style</a><br><br>Any thoughts? I included a tablet mockup using sidebar space for keeping the search/history/saved pages lists open, and also experimented with a 'table of contents' drop-down (not fully pictured). These are just image mockups for now, nothing live or usable. :)<br>
<br><br>The split-style mockup (with bars at both top and bottom to make more items available) might also be a good base for an iOS design, where we'd need the toolbar space more actively since there's not a standard menu convention.<span class="HOEnZb"><font color="#888888"><br>
<br>-- brion</font></span></blockquote><div><br></div><div>I dislike the lighter color of the action toolbar though on mobile (the delineation between content and navigation is cleaner in the current Android app) and the fact that it makes the top toolbar more cluttered. Mostly all I want to do on mobile is search and read, and I think people are used to just scrolling down for more content, not using a TOC dropdown. </div>
<div><br></div><div>Personally I'd prefer the current style, except for in tablet view. I really like the tablet mockup since the lighter style and split screen is great for a device with more real estate.</div><div>
<br>
</div><div>We should usertest the difference between the two though, if we can. :) They're pretty subtle differences overall, so it might be good to get more opinions. Usertesting.com or <a href="http://usabilla.com">usabilla.com</a>?</div>
</div><div><br></div>-- <br>Steven Walling<div>Community Organizer at Wikimedia Foundation</div><div><a href="http://wikimediafoundation.org" target="_blank">wikimediafoundation.org</a></div><br>