阿里巴巴中国站手机客户端项目总结

     <p style="text-align:center;"><a><img title="无线项目总结-banner" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/2e1cb27eb6c5a11e2cf5293bb00795f6.jpg" width="680" height="240" /></a></p>    <p>        原文链接：<a href="/misc/goto?guid=4959517361009638298">http://liuchenhuan.net/?p=701</a></p>    <p>        从无到有的阿里巴巴无线端设计，经历了由前期的产品定位、产品形态探索、无线需求场景脑暴、产品拆解、分合的产品思路讨论、版本规划到手机行为、手机平台特性分析乃至信息架构的确定、细节的推敲…</p>    <p>        无线端敏捷开发节奏快，如何低成本、有条不紊的迭代更新，版本规划以及产品的拓展性考虑尤为关键。九宫格聚合的工具平台形态和运营形态在我们客 户端的定位中必然共存，但一期内容不足功能较少，过渡期既要保证目前版本的充实和架构合理，又要考虑用户习惯的延续和 activity 等的代码模块可复用。</p>    <p>        在已有 13 年历史的网站（培养了稳定的用户群以及培养了一定的用户习惯）基础上，实际上我们并非从零开始。B2B 的业务属性决定了无线场景的设计与网站的关联性，而用户使用时必然伴随部分网站习惯的迁移，因此在基于无线场景和手机端特性设计的同时，我们也同时考虑用 户在网站端的认知映射。</p>    <p>        作为项目 owner，跟进后续流程的过程中有几点经验值得 highlight：</p>    <p>        <strong>1. 关于视觉适配难</strong></p>    <p>        相比于 iOS 平台， android 硬件厂商众多，屏幕分辨率五花八门， 且 dpi 不同，我们这样做：</p>    <p>        (1) 进行目标用户群使用手机比例调研(可通过问卷投放等方式)，选取一个<strong>主流分辨率和目标机</strong>(本项目中目标机为 htc G7，分辨率 480*800) ；</p>    <p>        (2) 视觉设计过程中，实时在目标机并定期在其他分辨率手机上查看实际效果，并调整方案；</p>    <p>        (3) 规范<strong>点九图</strong>(九宫格)的切片尤为重要。.9.png 不但能最大程度低成本、高还原度的适配到 android 的各个屏幕，更是设计师和开发同学之间的沟通工具，避免在视觉－前端这一环节的设计走样。</p>    <p>        <strong>2. 关于视觉切片资源文件大</strong></p>    <p>        由于功能模块相对独立的迭代开发，造成不同开发同学对于切片管理不统一，以至 app 文件大且运行过程中占用内存大，操作流畅度不佳的情况。在<strong>UI Check</strong>过程中，<strong>优化切片资源包</strong>，替换掉不规则渐变和纹理，尽可能复用样式，统一.9.png 格式。</p>    <p>        <strong>3. 关于 UI Check</strong></p>    <p>        UI Check 的目标不但是保证<strong>UI 在开发环节的设计还原度</strong>，更是对设计方案的重要 review。尤其手机操作流程性强，过程更为动态，转场动画、hover 效果、gesture 这些内容都需要高保真 demo 在真实的测试下确认调整和再优化。</p>    <p>        最后，产品更新和体验优化是一个永无止境的过程。之后我们除了拓展更多无线平台(windows phone/iPad/…)以及新产品新功能追加，也会根据埋点数据和一手用研不断在迭代过程中同步优化体验设计。敬请期待！</p>    <p>        下面为项目总结 ppt 中的部分内容，方便大家有个更加直观的了解：</p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/9e622b9c6e6aaaee2b8ee0ef506a7738.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/1edcf11e6485f73855416d1710c03bfc.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/eac0404c50f5a9e3e924202024e8e444.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/dd51287fa149b3673b04609ae1718331.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/90b8f1e04e24c65d714195195ac9dec9.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/5bd91903464c6dbabfd361c06b187d88.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/447d3c85dbb8be75efdb244349ec57bd.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/01856a4840ca67fff00511afd9292864.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/8e343746e751336e9c311a0686b4bc17.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/469b2af91b3699a6d89801ac0a9926c1.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/1c2cbd8316061a8cd278ba588a0be595.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/6c74c4abd441320dc0f993a0300597c0.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/a62607a96aee0325e64241aa96c5afe1.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/806dd3ceff9cc276103f625ec6a4ae1e.jpg" width="950" height="594" /></p>    <p style="text-align:center;"><img border="0" alt="阿里巴巴中国站手机客户端项目总结" src="https://simg.open-open.com/show/dcb88006cd714496ea49fd76b93f8630.jpg" width="950" height="594" /><br /> </p>    <div id="come_from">     来自:     <a id="link_source2" href="/misc/goto?guid=4959517361009638298" target="_blank">liuchenhuan.net</a>    </div>    <p style="text-align:center;"></p>