微信小程序設(shè)計(jì)規(guī)范友好禮貌,小程序界面設(shè)計(jì)指南和建議

概要

基于微信小程序輕快的特點(diǎn)，我們擬定了小程序界面設(shè)計(jì)指南和建議。 設(shè)計(jì)指南建立在充分尊重用戶知情權(quán)與操作權(quán)的基礎(chǔ)之上。旨在微信生態(tài)體系內(nèi)，建立友好、高效、一致的用戶體驗(yàn)，同時(shí)最大程度適應(yīng)和支持不同需求，實(shí)現(xiàn)用戶與小程序服務(wù)方的共贏。

一、友好禮貌 

為了避免用戶在微信中使用小程序服務(wù)時(shí)，注意力被周圍復(fù)雜環(huán)境干擾，小程序在設(shè)計(jì)時(shí)應(yīng)該注意減少無關(guān)的設(shè)計(jì)元素對(duì)用戶目標(biāo)干擾，禮貌地向用戶展示程序側(cè)提供的服務(wù)，友好地引導(dǎo)用戶進(jìn)行操作。

1. 重點(diǎn)突出

每個(gè)頁面都應(yīng)有明確的重點(diǎn)，以便于用戶每進(jìn)入一個(gè)新頁面的時(shí)候都能快速地理解頁面內(nèi)容，在確定了重點(diǎn)的前提下，應(yīng)盡量避免頁面上出現(xiàn)其他干擾項(xiàng)影響用戶的決策和操作。

反例示意

此頁面的主題是查詢，卻添加了諸多與查詢不相關(guān)的業(yè)務(wù)入口，與用戶的預(yù)期不符，易造成用戶的迷失。

糾正示意

去掉任何與用戶目標(biāo)不相關(guān)的內(nèi)容，明確頁面主題，在技術(shù)和頁面控件允許的前提下提供有助于用戶目標(biāo)的幫助內(nèi)容，比如最近搜索詞等。

反例示意

操作沒有主次，讓用戶無從選擇

糾正示意

首先要避免并列過多操作讓用戶選擇，在不得不并列多個(gè)操作時(shí)，需區(qū)分操作主次，減輕用戶的選擇難度。

2. 流程明確

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

反例示意

用戶本打算進(jìn)行搜索，在進(jìn)入頁面時(shí)卻被突如其來的模態(tài)抽獎(jiǎng)框所打斷；對(duì)于抽獎(jiǎng)沒有興趣的用戶是非常不友好的干擾；而即便有部分用戶確實(shí)被“誘人”的抽獎(jiǎng)活動(dòng)所吸引，離開主流程去抽獎(jiǎng)之后可能就遺忘了原本的目標(biāo)，進(jìn)而失去了對(duì)產(chǎn)品真正價(jià)值的利用和認(rèn)識(shí)。