微信小程序設(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í)。
更多微信小程序開發(fā)教程,可以關(guān)注hi小程序。第二部分:如何開通一個(gè)小商店