微信小程序是在微信平臺(tái)上開發(fā)的應(yīng)用程序，其設(shè)計(jì)原則旨在為用戶提供有號(hào)、高效、一致的用戶體驗(yàn)，并支持各業(yè)務(wù)需求，實(shí)現(xiàn)用戶與程序的共贏。 重點(diǎn)突出 每個(gè)頁面都應(yīng)該有明確的重點(diǎn)，以便用戶能夠快速地理解頁

微信小程序是在微信平臺(tái)上開發(fā)的應(yīng)用程序，其設(shè)計(jì)原則旨在為用戶提供有號(hào)、高效、一致的用戶體驗(yàn)，并支持各業(yè)務(wù)需求，實(shí)現(xiàn)用戶與程序的共贏。

重點(diǎn)突出

每個(gè)頁面都應(yīng)該有明確的重點(diǎn)，以便用戶能夠快速地理解頁面內(nèi)容。同時(shí)，應(yīng)盡量避免其他干擾項(xiàng)影響用戶的決策和操作。

流程明確

為了讓用戶順暢地使用頁面，應(yīng)避免打斷用戶進(jìn)行某一個(gè)操作流程時(shí)出現(xiàn)用戶目標(biāo)流程之外的內(nèi)容。

導(dǎo)航明確，來去自如

導(dǎo)航是確保用戶在網(wǎng)頁中瀏覽跳轉(zhuǎn)時(shí)不迷路的關(guān)鍵因素。微信系統(tǒng)內(nèi)的所有小程序頁面會(huì)自帶微信提供的導(dǎo)航欄，統(tǒng)一解決“我在哪”、“我可以去哪”、“如何回去”等問題。

頁面內(nèi)導(dǎo)航

開發(fā)者可根據(jù)需要在頁面內(nèi)添加自有導(dǎo)航，并保持不同頁面間導(dǎo)航一致。考慮到手機(jī)屏幕尺寸的限制，小程序頁面的導(dǎo)航應(yīng)盡量簡單，對(duì)于一般線性瀏覽的頁面，僅使用微信導(dǎo)航欄即可。

減少等待，反饋及時(shí)

長時(shí)間的等待會(huì)引起用戶的不良情緒，即使加載和等待不可避免，應(yīng)及時(shí)給予用戶反饋，緩解等待的不良情緒。

啟動(dòng)頁設(shè)計(jì)

小程序的啟動(dòng)頁是展示品牌特征和加載狀態(tài)的重要頁面。除LOGO品牌展示外，其他元素如加載進(jìn)度指示由微信統(tǒng)一提供，無需開發(fā)者開發(fā)。

下拉標(biāo)示區(qū)

微信小程序頁面在下拉時(shí)會(huì)出現(xiàn)微信統(tǒng)一設(shè)計(jì)的標(biāo)示區(qū)，包括品牌名稱和小程序提示，用于強(qiáng)化品牌和用戶對(duì)小程序的產(chǎn)品感知。

加載反饋?zhàn)⒁馐马?xiàng)

若加載時(shí)間較長，應(yīng)提供取消操作，并使用進(jìn)度條顯示載入的進(jìn)度。載入過程中應(yīng)保持動(dòng)畫效果，避免用戶產(chǎn)生界面卡死的錯(cuò)覺。不要在同一個(gè)頁面使用多個(gè)加載動(dòng)畫。

異常可控，有路可退

在設(shè)計(jì)任務(wù)和流程時(shí)，需要格外注意異常狀態(tài)的設(shè)計(jì)，及時(shí)給予用戶必要的狀態(tài)提示和解決方案，使其有路可退。彈窗和結(jié)果頁面可作為異常狀態(tài)的提醒方式。

減少輸入

由于手機(jī)鍵盤區(qū)域小且密集，應(yīng)盡量減少用戶輸入，使用現(xiàn)有接口或其他易于操作的選擇控件來改善用戶輸入體驗(yàn)。

避免誤操作

手機(jī)屏幕觸摸精確度不如鼠標(biāo)，設(shè)計(jì)頁面時(shí)需考慮控件的熱區(qū)面積，避免由于可點(diǎn)擊區(qū)域過小或過于密集而造成誤操作。

利用接口提升性能

使用微信提供的標(biāo)準(zhǔn)控件庫和JS-SDK接口能夠提高頁面性能和操作效率，為用戶提供更快捷的服務(wù)。

統(tǒng)一穩(wěn)定

小程序應(yīng)注意不同頁面間的統(tǒng)一性和延續(xù)性，盡量使用一致的控件和交互方式，以減輕頁面跳動(dòng)所引起的不適感?？墒褂梦⑿盘峁┑臉?biāo)準(zhǔn)控件，以達(dá)到統(tǒng)一穩(wěn)定的目的。