知識(shí)分享,Web APP與原生APP交互設(shè)計(jì)有什么區(qū)別?(2)
2、取消float浮層,增大展示空間(eg:大眾點(diǎn)評(píng))
取消float浮層,同時(shí)在詳情尾部再次加上 “購(gòu)買”按鈕。
浮層的轉(zhuǎn)換處理。
3、頁(yè)面中對(duì)圖片進(jìn)行縮。ㄒ蚯闆r而異)的處理、精簡(jiǎn)一些標(biāo)簽導(dǎo)航的視覺(jué)展示。
視覺(jué)微調(diào)。
技術(shù)上注意點(diǎn):1)各手機(jī)瀏覽器的兼容測(cè)試
2)底層服務(wù)的調(diào)取(能調(diào)取,但只有當(dāng)其是核心功能時(shí)才保留 eg:新浪、美團(tuán)等皆去掉了頭像上傳功能)
3)注意離線數(shù)據(jù)存儲(chǔ),減少數(shù)據(jù)請(qǐng)求頻率。
4)考慮保存用戶的哪些數(shù)據(jù):設(shè)置、個(gè)人數(shù)據(jù)、閱讀錨點(diǎn)、跳出頁(yè)面等。
5)避免動(dòng)效與瀏覽器的交互沖突
6)按順序 異步加載 eg: 騰訊視頻
騰訊視頻異步加載。
雖然Web App目前處于比較尷尬的地位,我們是由于原APP客戶端中一些頁(yè)面需要分享出去才開啟制作Web App版。
但是不得不承認(rèn),基于Web的輕APP 更新迭代起來(lái)更方便,隨著H5技術(shù)的成熟和發(fā)展,也許以后就是基于H5的Web App的天下了 0.0
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論