Web App 和原生 App 的區(qū)別(閱)

從使用場景上着倾,WAP用戶面臨比APP用戶更嚴(yán)峻的問題:

1捅彻、頁面跳轉(zhuǎn)更加費(fèi)力,不穩(wěn)定感更強(qiáng)

思考點(diǎn):如何減少跳轉(zhuǎn)(扁平結(jié)構(gòu)爷抓、頁面布局技巧)势决,增加數(shù)據(jù)及展示的流暢流程及穩(wěn)定性(技術(shù))

2、更小的頁面空間(由于瀏覽器的導(dǎo)航本身占用一部分屏幕空間)蓝撇,更大的信息記憶負(fù)擔(dān)

移動(dòng)設(shè)備的屏幕要小得多果复。這種如同透過門縫進(jìn)行的閱讀增加了認(rèn)知的負(fù)擔(dān)。人腦的短期記憶是不穩(wěn)定的渤昌,用戶在滾動(dòng)屏幕的過程中需要臨時(shí)記憶的信息越多虽抄,他們的表現(xiàn)就會(huì)越差。

——《貼心設(shè)計(jì):打造高可用性的移動(dòng)產(chǎn)品》

思考點(diǎn):排版更清晰独柑、信息更簡練 (可在APP基礎(chǔ)上去掉一些豐富迈窟、復(fù)雜的視覺表現(xiàn))

3、導(dǎo)航不明顯忌栅,原有底部導(dǎo)航消失车酣,有效的導(dǎo)航遇到挑戰(zhàn)

思考點(diǎn):如何有效的提供導(dǎo)航?有哪些形式索绪?

4湖员、交互動(dòng)態(tài)效果收到限制,影響一些頁面場景瑞驱、邏輯的理解破衔。

思考點(diǎn):比如登錄注冊(cè)流程的彈出、完成及異常退出钱烟,做好文字提示晰筛。

針對(duì)以上困境嫡丙,解決方法總結(jié)如下。

首先读第,從APP到WAP版曙博,在產(chǎn)品上,最明顯且核心的:

1怜瞒、精簡功能父泳,只將核心的任務(wù)實(shí)現(xiàn),非核心的枝節(jié)可考慮刪減吴汪。

2惠窄、做好新的WAP導(dǎo)航.

3、補(bǔ)充從WAP站對(duì) 下載APP 的引導(dǎo)漾橙。

>> WAP導(dǎo)航怎樣設(shè)計(jì)杆融?

一、常見的幾種WAP導(dǎo)航樣式

1.1頂部底部導(dǎo)航的設(shè)計(jì):

常見WAP導(dǎo)航設(shè)計(jì)

1.2導(dǎo)航快捷鍵設(shè)計(jì):

美團(tuán):頂部欄固定位置

淘寶:懸浮圓圈–可展開的按鈕

優(yōu)酷:非首屏?xí)r頁面右側(cè)懸浮

導(dǎo)航快捷方式

二霜运、有效的導(dǎo)航設(shè)計(jì)

1脾歇、基本的快捷導(dǎo)航中包括 返回常用頁面(如 首頁 我的 等)的快捷方式

2、出現(xiàn)深層架構(gòu)時(shí) 及時(shí)補(bǔ)充返回重要層級(jí)頁面的快捷方式

3淘捡、情境式導(dǎo)航藕各,方便用戶快捷跳轉(zhuǎn)到ta想去的頁面,如購買結(jié)束時(shí)提供查看訂單詳情的按鈕焦除。

ps:WAP頁更加需要畫頁面跳轉(zhuǎn)的流程圖激况,摸清各個(gè)頁面的入口,尤其是頁面返回的流程膘魄;有些簡化的返回按鈕誉碴,可以特殊注明返回到的頁面

>>怎樣引導(dǎo)用戶下載APP?

一、在哪里出現(xiàn)引導(dǎo)瓣距?

一般 首頁黔帕、核心任務(wù)的頁面(如 電商WAP的商品詳情頁 、視頻WAP的視頻觀看頁)

二蹈丸、引導(dǎo)下載APP有哪些形式成黄?

1、頁面頂部放置下載條

2逻杖、頁面底部懸浮層引導(dǎo)

3奋岁、融合在頁面首屏中

4、下載按鈕形式

5荸百、底部foot里含: 客戶端下載入口

下載APP引導(dǎo)

其次闻伶,在設(shè)計(jì)WAP版上,有以下小技巧可以參考:

1够话、從頁面布局上減少跳轉(zhuǎn):使用交互技巧隱藏文字(eg 騰訊視頻)

利用展開收起按鈕 減少頁面跳轉(zhuǎn)??

2蓝翰、取消float浮層光绕,增大展示空間(eg:大眾點(diǎn)評(píng))

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

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

3畜份、頁面中對(duì)圖片進(jìn)行縮械省(因情況而異)的處理、精簡一些標(biāo)簽導(dǎo)航的視覺展現(xiàn)

視覺微調(diào)

技術(shù)上注意點(diǎn):

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

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)蚓挤、跳出頁面等。

5)避免動(dòng)效與瀏覽器的交互沖突

6)按順序 異步加載

eg: 騰訊視頻

騰訊視頻 異步加載
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末剩失,一起剝皮案震驚了整個(gè)濱河市屈尼,隨后出現(xiàn)的幾起案子册着,更是在濱河造成了極大的恐慌拴孤,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件甲捏,死亡現(xiàn)場離奇詭異演熟,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)司顿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門芒粹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人大溜,你說我怎么就攤上這事化漆。” “怎么了钦奋?”我有些...
    開封第一講書人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵座云,是天一觀的道長。 經(jīng)常有香客問我付材,道長朦拖,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任厌衔,我火速辦了婚禮璧帝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘富寿。我一直安慰自己睬隶,他們只是感情好锣夹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著理疙,像睡著了一般晕城。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上窖贤,一...
    開封第一講書人閱讀 51,754評(píng)論 1 307
  • 那天砖顷,我揣著相機(jī)與錄音,去河邊找鬼赃梧。 笑死滤蝠,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的授嘀。 我是一名探鬼主播物咳,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼蹄皱!你這毒婦竟也來了览闰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤巷折,失蹤者是張志新(化名)和其女友劉穎压鉴,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锻拘,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡油吭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了署拟。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片婉宰。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖推穷,靈堂內(nèi)的尸體忽然破棺而出心包,到底是詐尸還是另有隱情,我是刑警寧澤馒铃,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布蟹腾,位于F島的核電站,受9級(jí)特大地震影響骗露,放射性物質(zhì)發(fā)生泄漏岭佳。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一萧锉、第九天 我趴在偏房一處隱蔽的房頂上張望珊随。 院中可真熱鬧,春花似錦、人聲如沸叶洞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽衩辟。三九已至螟炫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間艺晴,已是汗流浹背昼钻。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留封寞,地道東北人然评。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像狈究,于是被迫代替她去往敵國和親碗淌。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容