知識分享,Web APP與原生APP交互設(shè)計有什么區(qū)別?(2)

來源:jianshu 作者:ChM_CuoreAzzurro 學習:5184人次

2、取消float浮層,增大展示空間(eg:大眾點評)

取消float浮層,同時在詳情尾部再次加上 “購買”按鈕。

知識分享,Web APP與原生APP交互設(shè)計有什么區(qū)別?

浮層的轉(zhuǎn)換處理。

3、頁面中對圖片進行縮。ㄒ蚯闆r而異)的處理、精簡一些標簽導航的視覺展示。

知識分享,Web APP與原生APP交互設(shè)計有什么區(qū)別?

視覺微調(diào)。

技術(shù)上注意點:

1)各手機瀏覽器的兼容測試

2)底層服務(wù)的調(diào)取(能調(diào)取,但只有當其是核心功能時才保留 eg:新浪、美團等皆去掉了頭像上傳功能)

3)注意離線數(shù)據(jù)存儲,減少數(shù)據(jù)請求頻率。

4)考慮保存用戶的哪些數(shù)據(jù):設(shè)置、個人數(shù)據(jù)、閱讀錨點、跳出頁面等。

5)避免動效與瀏覽器的交互沖突

6)按順序 異步加載 eg: 騰訊視頻

知識分享,Web APP與原生APP交互設(shè)計有什么區(qū)別?

騰訊視頻異步加載。

雖然Web App目前處于比較尷尬的地位,我們是由于原APP客戶端中一些頁面需要分享出去才開啟制作Web App版。

但是不得不承認,基于Web的輕APP 更新迭代起來更方便,隨著H5技術(shù)的成熟和發(fā)展,也許以后就是基于H5的Web App的天下了 0.0

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!