從無到有的阿里巴巴無線端設計，經(jīng)歷了由前期的產(chǎn)品定位、產(chǎn)品形態(tài)探索、無線需求場景腦暴、產(chǎn)品拆解、分合的產(chǎn)品思路討論、版本規(guī)劃到手機行為、手機平臺特性分析乃至信息架構的確定、細節(jié)的推敲…

無線端敏捷開發(fā)節(jié)奏快，如何低成本、有條不紊的迭代更新，版本規(guī)劃以及產(chǎn)品的拓展性考慮尤為關鍵。九宮格聚合的工具平臺形態(tài)和運營形態(tài)在我們客戶端的定位中必然共存，但一期內容不足功能較少，過渡期既要保證目前版本的充實和架構合理，又要考慮用戶習慣的延續(xù)和activity等的代碼模塊可復用。

在已有13年歷史的網(wǎng)站（培養(yǎng)了穩(wěn)定的用戶群以及培養(yǎng)了一定的用戶習慣）基礎上，實際上我們并非從零開始。B2B的業(yè)務屬性決定了無線場景的設計與網(wǎng)站的關聯(lián)性，而用戶使用時必然伴隨部分網(wǎng)站習慣的遷移，因此在基于無線場景和手機端特性設計的同時，我們也同時考慮用戶在網(wǎng)站端的認知映射。

作為項目owner，跟進后續(xù)流程的過程中有幾點經(jīng)驗值得highlight：

1. 關于視覺適配難

相比于iOS平臺， android硬件廠商眾多，屏幕分辨率五花八門， 且dpi不同，我們這樣做：

（1） 進行目標用戶群使用手機比例調研（可通過問卷投放等方式），選取一個主流分辨率和目標機（本項目中目標機為htc G7，分辨率480*800） ；

（2） 視覺設計過程中，實時在目標機并定期在其他分辨率手機上查看實際效果，并調整方案；

（3） 規(guī)范點九圖（九宮格）的切片尤為重要。.9.png不但能最大程度低成本、高還原度的適配到android的各個屏幕，更是設計師和開發(fā)同學之間的溝通工具，避免在視覺－前端這一環(huán)節(jié)的設計走樣。

2. 關于視覺切片資源文件大

由于功能模塊相對獨立的迭代開發(fā)，造成不同開發(fā)同學對于切片管理不統(tǒng)一，以至app文件大且運行過程中占用內存大，操作流暢度不佳的情況。在UI Check過程中，優(yōu)化切片資源包，替換掉不規(guī)則漸變和紋理，盡可能復用樣式，統(tǒng)一.9.png格式。

3. 關于UI Check

UI Check的目標不但是保證UI在開發(fā)環(huán)節(jié)的設計還原度，更是對設計方案的重要review。尤其手機操作流程性強，過程更為動態(tài)，轉場動畫、hover效果、gesture這些內容都需要高保真demo在真實的測試下確認調整和再優(yōu)化。

最后，產(chǎn)品更新和體驗優(yōu)化是一個永無止境的過程。之后我們除了拓展更多無線平臺（windows phone/iPad/…）以及新產(chǎn)品新功能追加，也會根據(jù)埋點數(shù)據(jù)和一手用研不斷在迭代過程中同步優(yōu)化體驗設計。敬請期待！

下面為項目總結ppt中的部分內容，方便大家有個更加直觀的了解：

文章作者：liuchenhuan

標簽： 阿里巴巴 手機 突Ф

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。