從使用場景上着倾,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ì):
1.2導(dǎo)航快捷鍵設(shè)計(jì):
美團(tuán):頂部欄固定位置
淘寶:懸浮圓圈–可展開的按鈕
優(yōu)酷:非首屏?xí)r頁面右側(cè)懸浮
二霜运、有效的導(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里含: 客戶端下載入口
其次闻伶,在設(shè)計(jì)WAP版上,有以下小技巧可以參考:
1够话、從頁面布局上減少跳轉(zhuǎn):使用交互技巧隱藏文字(eg 騰訊視頻)
2蓝翰、取消float浮層光绕,增大展示空間(eg:大眾點(diǎn)評(píng))
取消float浮層,同時(shí)在詳情尾部再次加上 “購買”按鈕
3畜份、頁面中對(duì)圖片進(jìn)行縮械省(因情況而異)的處理、精簡一些標(biāo)簽導(dǎo)航的視覺展現(xiàn)
技術(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: 騰訊視頻