As a follow-up to the prototype sent Friday, here is an updated version with new icons:<div><br></div><div><a href="http://jonrobson.me.uk/wikipedia/experiments/nav/index-final2.html">http://jonrobson.me.uk/wikipedia/experiments/nav/index-final2.html</a></div>
<div><br><div><br></div><div>The visual design is still not final, but the icons are getting closer to final.</div><div><br></div><div><br></div><div>Thanks to everyone who posted comments on the feedback page, which is here:</div>
<div><br></div><div><a href="https://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation/Initial_menu_feedback">https://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation/Initial_menu_feedback</a></div><div><br>
</div><div>Thanks.</div><div><br></div><div>Phil</div><div><br></div><div><br><div class="gmail_quote">On Fri, Apr 27, 2012 at 3:27 PM, Philip Chang <span dir="ltr">&lt;<a href="mailto:pchang@wikimedia.org" target="_blank">pchang@wikimedia.org</a>&gt;</span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div>Hi All,</div><div><br></div><div>In our ongoing effort to upgrade the UI for all of our Wikipedia mobile projects, we are converging on a design approach that achieves the initial design objectives, which are:</div>
<div>

<br></div><div>* to separate the article-specific actions from more general actions</div><div>* to provide a flexible and rational way to add new functions going forward</div><div>* to not change the way search is prominently displayed and accessible in the current UI</div>


<div><br></div><div>You can find the link to the project page at the end of this email.</div><div><br></div><span style="border-collapse:collapse;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><div>
This week we created a working prototype of the new navigation UI. The idea is to look at this in an Android phone browser.</div><div><br></div><div><a href="http://jonrobson.me.uk/wikipedia/experiments/nav/index-final.html" style="color:rgb(17,85,204)" target="_blank">http://jonrobson.me.uk/wikipedia/experiments/nav/index-final.html</a></div>


<div><br></div><div>Please note that this is rough and only certain actions are supported, which are:</div><div><br></div><div>- open Main Menu</div><div>- activate Search</div><div>- open Article Action Bar</div><div>- open Table of Contents</div>


<div><br></div><div>Also, please note that the visual design is not yet final.</div><div><br></div></span><span style="border-collapse:collapse;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><div>
In order to simplify communication, let&#39;s use the following terminology:</div><div><br></div><div>* Article Page (the view of the article with the search bar across the top)</div><div>* Search Bar (the toolbar at the top of the Article Page)</div>


<div>* Search Field (the rectangle where a search is initiated)</div><div>* Main Menu (what is revealed as the full-screen menu on the left)</div></span><span style="border-collapse:collapse;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px">* Main Menu Button (the W that causes the Article Page to slide to the right)</span><span style="border-collapse:collapse;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><div>


* Article Action Bar (the toolbar that comes down from the search bar)</div><div>* Submenu (the screen or step that appears after selecting a menu function)</div><div><br></div></span><span style="border-collapse:collapse;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><div>


Let us know what you think!</div><div><br></div><div><br></div><div>As background about this project, please see:</div><div><br></div><div><a href="https://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation" target="_blank">https://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation</a></div>


<div><br></div><div>The section Initial menu covers the current design work.</div><div><br></div><div>Prior feedback on icons and hiding of toolbars has been collected on that page. Going forward, please use this page:</div>


<div><br></div><div><a href="https://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation/Initial_menu_feedback" target="_blank">https://www.mediawiki.org/wiki/Mobile_design/Wikipedia_navigation/Initial_menu_feedback</a></div>

<div><br>
</div><div>But if you are not comfortable with editing a wiki page, please respond by email.</div><div><br></div><div>Thanks.</div><div><br></div><div>Phil</div></span><span><font color="#888888"><div><br>
</div>-- <br>Phil Inje Chang<br>Product Manager, Mobile<br>
Wikimedia Foundation<br><a href="tel:415-812-0854" value="+14158120854" target="_blank">415-812-0854</a> m<br><a href="tel:415-882-7982%20x%206810" value="+14158827982" target="_blank">415-882-7982 x 6810</a><br><br>
</font></span></blockquote></div><br><br clear="all"><div><br></div>-- <br>Phil Inje Chang<br>Product Manager, Mobile<br>Wikimedia Foundation<br><a href="tel:415-812-0854" value="+14158120854" target="_blank">415-812-0854</a> m<br>
<a href="tel:415-882-7982%20x%206810" value="+14158827982" target="_blank">415-882-7982 x 6810</a><br><br>
</div></div>