《
阿里巴巴無線端設(shè)計(jì) 用戶在網(wǎng)站端的認(rèn)知映射》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302349562013.htm
因?yàn)楣πK絕對(duì)獨(dú)破的迭代開發(fā)，造成不同開發(fā)同學(xué)對(duì)切片治理不統(tǒng)一，甚至app文件大且運(yùn)行過程中占用內(nèi)存大，操作流利度不佳的情形。在UI Check進(jìn)程中，優(yōu)化切片資源包，調(diào)換掉不規(guī)矩漸變和紋理，盡可能復(fù)用款式，同一,防止網(wǎng)頁Demo被那些賴賬的客戶盜用.9.png格局,防止ZBlog垃圾評(píng)論的5個(gè)方法。
作為項(xiàng)目owner，跟進(jìn)后續(xù)流程的過程中有多少點(diǎn)教訓(xùn)值得highlight：
（3） 標(biāo)準(zhǔn)點(diǎn)九圖（九宮格）的切片尤為主要。.9.png豈但能最大水平低本錢、高還原度的適配到android的各個(gè)屏幕，更是設(shè)計(jì)師跟開發(fā)同窗之間的溝通工具，防止在視覺－前端這一環(huán)節(jié)的設(shè)計(jì)走樣。
最后，產(chǎn)品更新和體驗(yàn)優(yōu)化是一個(gè)永無盡頭的過程。之后我們除了拓展更多無線平臺(tái)（windows phone/iPad/…）以及新產(chǎn)品新功能追加，也會(huì)依據(jù)埋點(diǎn)數(shù)據(jù)和一手用研一直在迭代過程中同步優(yōu)化休會(huì)設(shè)計(jì)。敬請(qǐng)等待,防止CSS樣式被掛網(wǎng)頁木馬！
在已有13年歷史的網(wǎng)站（造就了穩(wěn)固的用戶群以及培育了必定的用戶習(xí)慣）基本上，實(shí)際上我們并非從零開端。B2B的業(yè)務(wù)屬性決議了無線場(chǎng)景的設(shè)計(jì)與網(wǎng)站的關(guān)系性，而用戶應(yīng)用時(shí)必定隨同局部網(wǎng)站習(xí)慣的遷徙，因而在基于無線場(chǎng)景和手機(jī)端特征設(shè)計(jì)的同時(shí)，咱們也同時(shí)斟酌用戶在網(wǎng)站真?zhèn)�認(rèn)知映射。
--> [
網(wǎng)站建設(shè)之]阿里巴巴無線端設(shè)計(jì):用戶在網(wǎng)站端的認(rèn)知映射
無線端迅速開發(fā)節(jié)奏快，如何低成本、井井有條的迭代更新,問答系統(tǒng)里的內(nèi)容為王，版本規(guī)劃以及產(chǎn)品的拓展性考慮尤為要害。九宮格聚合的工具平臺(tái)形態(tài)和經(jīng)營(yíng)形態(tài)在我們客戶端的定位中必然共存，但一期內(nèi)容不足功能較少，過渡期既要保證目前版本的空虛和架構(gòu)公道，又要考慮用戶習(xí)慣的連續(xù)和activity等的代碼模塊可復(fù)用。
UI Check的目標(biāo)不然而保障UI在開發(fā)環(huán)節(jié)的設(shè)計(jì)還原度，更是對(duì)設(shè)計(jì)計(jì)劃的重要review。尤其手機(jī)操作流程性強(qiáng)，過程更為動(dòng)態(tài)，轉(zhuǎn)場(chǎng)動(dòng)畫、hover后果、gesture這些內(nèi)容都須要高保真demo在實(shí)在的測(cè)試下確認(rèn)調(diào)劑和再優(yōu)化。
（1） 進(jìn)行目標(biāo)用戶群使用手機(jī)比例調(diào)研（可通過問卷投放等方法），選取一個(gè)主流分辯率和目的機(jī)（本名目中目標(biāo)機(jī)為htc G7，辨別率480*800） ；
下面為項(xiàng)目總結(jié)ppt中的部門內(nèi)容，便利大家有個(gè)更加直觀的懂得：
比擬于iOS平臺(tái)， android硬件廠商眾多，屏幕分辨率形形色色， 且dpi不同，我們這樣做：
2. 關(guān)于視覺切片資源文件大
從無到有的阿里巴巴無線端設(shè)計(jì)，閱歷了由前期的產(chǎn)品定位、產(chǎn)品狀態(tài)摸索、無線需要場(chǎng)景腦暴、產(chǎn)品拆解、分合的產(chǎn)品思路探討、版本計(jì)劃得手機(jī)行動(dòng)、手機(jī)平臺(tái)特性剖析乃至信息架構(gòu)確實(shí)定、細(xì)節(jié)的斟酌…
1. 關(guān)于視覺適配難
（2） 視覺設(shè)計(jì)過程中，實(shí)時(shí)在目標(biāo)機(jī)并按期在其余分辨率手機(jī)上查看實(shí)際效果，并調(diào)整方案；
Tag：認(rèn)知 網(wǎng)站 用戶 無線 設(shè)計(jì) 阿里巴巴 認(rèn)知 網(wǎng)站 用戶 無線 設(shè)計(jì) 阿里巴巴 ,
門戶網(wǎng)站與大型網(wǎng)站的CSS架構(gòu)與組織;
3. 對(duì)于UI Check
(責(zé)任編輯：網(wǎng)站建設(shè))
阿里巴巴無線端設(shè)計(jì) 用戶在網(wǎng)站端的認(rèn)知映射相關(guān)文章