四、交互操作規(guī)范
1、站點(diǎn)功能導(dǎo)航按鈕設(shè)置
(1)功能按鈕設(shè)置要固定并要符合用戶瀏覽習(xí)慣,與頁(yè)面中其它內(nèi)容模板(廣告)之間要有著明顯的間隔;
(2)站點(diǎn)功能按鈕要真實(shí)可用,操作簡(jiǎn)便,不能出現(xiàn)誘導(dǎo)信息及引導(dǎo)用戶點(diǎn)擊跳轉(zhuǎn)到第三方站點(diǎn)的內(nèi)容。
(3)頁(yè)面左側(cè)或者右側(cè)懸浮功能按鈕不能過大,避免影響用戶瀏覽體驗(yàn)。
左圖正面示例:功能返回鍵放置合理,右圖反面示例:功能鍵放在目錄中,影響了用戶體驗(yàn)
2、咨詢按鈕
(1)同一頁(yè)面咨詢功能鍵只能出現(xiàn)一次;
(2)咨詢功能鍵可放置在頁(yè)面底部或者嵌入在站點(diǎn)左側(cè)或者右側(cè),也可以懸浮在頁(yè)面中,但面積不能超過該屏面積的10%;
(3)咨詢功能鍵在用戶未主動(dòng)點(diǎn)擊的情況下,對(duì)話窗口不能自動(dòng)彈出。
正面示例:該頁(yè)面咨詢功能鍵放置合理
正面示例:咨詢功能鍵浮在該頁(yè)面右側(cè),占用面積合理。
3、文本操作/圖片交互
(1)內(nèi)容頁(yè)在的文本內(nèi)容要支持復(fù)制,頁(yè)面鏈接可點(diǎn)擊;
(2)頁(yè)面圖片要支持放大或縮小操作;
(3)支持雙手按捏圖片,可自如由放大縮小;
(4)在該頁(yè)面中多張照片的情況下,支持左右滑動(dòng)圖片。
正面示例:圖片支持點(diǎn)擊調(diào)起大圖、左右滑動(dòng)切換圖片
五、服務(wù)規(guī)范
1、站點(diǎn)登錄便捷
站點(diǎn)登錄入口清晰明顯、登錄方式便捷,而且還支持授權(quán)登錄,例如百度、QQ、微信、微博等帳號(hào)登錄,還可以長(zhǎng)期保持登錄狀態(tài),避免多次重復(fù)登錄給用戶帶去不好的體驗(yàn)。
正面示例:支持多種登錄方式,既支持授權(quán)登錄,也支持手機(jī)號(hào)登錄,符合用戶體驗(yàn)要求。
2、定位服務(wù)
當(dāng)站點(diǎn)或者小程序給用戶提供的服務(wù)有定位需求的時(shí)候,要給用戶提供支持自動(dòng)定位服務(wù),而且定位服務(wù)還要做到準(zhǔn)確無誤。
反面示例:不支持自動(dòng)定位,用戶體驗(yàn)差
3、站點(diǎn)及小程序功能要完備
(1)H5站點(diǎn)及小程序向用戶提供服務(wù)的時(shí)候,提供的功能要完善可用,給用戶設(shè)置有效的反饋途徑,使用戶有便捷、完整全流程的服務(wù)體驗(yàn),例如電商類站點(diǎn)、小程序都要設(shè)置搜索、客服、支付、購(gòu)物車、訂單查詢、退換貨等基本功能。
(2)大部分電商類站點(diǎn)或小程序都需要具備完善的支付功能,因此電商類站點(diǎn)或小程序都要具體支付功能,例如微信支付或支付寶支付。
正面示例:功能完備,具有客服咨詢、購(gòu)物車、購(gòu)買等功能
正面示例:該小程序支持多種在線支付方式,簡(jiǎn)化了支付流程
4、服務(wù)交互
服務(wù)界面排版清晰且整潔,結(jié)構(gòu)布局合理,色調(diào)一致,網(wǎng)站頁(yè)面及和控件用戶自由切換自如。
正面示例:界面整體排版清晰,布局合理,色調(diào)一致
5、信息查詢功能
支持用戶登錄后可查詢?cè)搸ぬ?hào)的歷史消息,例如快遞配送信息、歷史購(gòu)買記錄查詢等,用戶歷史記錄信息保存完整。
