與應(yīng)用程序相比，微信小程序的產(chǎn)品屬性更強(qiáng)，雖然內(nèi)容不如應(yīng)用程序豐富，但由于其的特性滿足了用戶的及時(shí)性需求。在小程序界面的設(shè)計(jì)中，小程序不需要用戶沉浸體驗(yàn)的產(chǎn)品，而是快速滿足用戶需求，界面看起來(lái)清晰，功能設(shè)計(jì)更簡(jiǎn)單，對(duì)用戶來(lái)說(shuō)就是以最少的文字說(shuō)明產(chǎn)品。為了避免用戶在使用小程序時(shí)，注意力受到周圍復(fù)雜環(huán)境的干擾，小程序應(yīng)該在設(shè)計(jì)時(shí)，減少不相關(guān)的設(shè)計(jì)元素，以免對(duì)目標(biāo)用戶造成干擾。


微信小程序每個(gè)頁(yè)面都應(yīng)該有清晰的焦點(diǎn)，以便用戶每次進(jìn)入新頁(yè)面時(shí)都能快速了解頁(yè)面內(nèi)容，在確定關(guān)鍵點(diǎn)的前提下，盡量避免頁(yè)面上與用戶決策和操作無(wú)關(guān)的其干擾因素。為了用戶平滑地使用小程序頁(yè)面，當(dāng)用戶執(zhí)行操作過(guò)程時(shí)，應(yīng)該通過(guò)避免除用戶的目標(biāo)過(guò)程之外的內(nèi)容來(lái)中斷用戶的使用，一但用戶進(jìn)入小程序頁(yè)面，有責(zé)任和義務(wù)清楚明確地告知用戶去哪里，用戶能夠在頁(yè)面中自由查找而不會(huì)迷糊。小程序?qū)Ш绞谴_保用戶在瀏覽網(wǎng)頁(yè)時(shí)不會(huì)迷糊的最關(guān)鍵因素，導(dǎo)航需要告訴用戶當(dāng)前的位置，去哪里，如何返回等等。微信在小程序中沒(méi)有提供統(tǒng)一的導(dǎo)航欄樣式。

開(kāi)發(fā)人員可以根據(jù)需要設(shè)計(jì)小程序主頁(yè)和輔助頁(yè)面的界面導(dǎo)航。建議在左上角的所有副頁(yè)面都返回上一頁(yè)操作。微信iOS用戶還可以通過(guò)界面邊緣向右滑動(dòng)返回上一級(jí)別的小程序或微信頁(yè)面。Android用戶可以通過(guò)使用物理返回鍵實(shí)現(xiàn)相同的目標(biāo)。小程序的所有頁(yè)面，包括小程序嵌入式網(wǎng)頁(yè)和插件，微信都會(huì)將菜單放在右上角，開(kāi)發(fā)人員無(wú)法自定義其內(nèi)容，但可以選擇兩種基本顏色以適應(yīng)頁(yè)面設(shè)計(jì)風(fēng)格。當(dāng)開(kāi)發(fā)人員設(shè)計(jì)界面時(shí)，可以保留菜單區(qū)域的空間。如果需要在此區(qū)域附近放置交互式元素，需要注意交互式事件是否會(huì)發(fā)生沖突以及操作是否易于使用。

開(kāi)發(fā)人員可以從微信提供的兩套配色方案中選擇合適的解決方案，以滿足可用性要求，適應(yīng)小程序頁(yè)面設(shè)計(jì)風(fēng)格，也可以根據(jù)自己的功能設(shè)計(jì)需求的導(dǎo)航，并保持不同頁(yè)面之間的導(dǎo)航一致，指向清晰，有返回的方法。受手機(jī)屏幕大小的限制，小程序頁(yè)面的導(dǎo)航應(yīng)盡可能簡(jiǎn)單。建議開(kāi)發(fā)人員的導(dǎo)航風(fēng)格和微信官方小程序菜單風(fēng)格保持不同以區(qū)分。開(kāi)發(fā)人員可以為選項(xiàng)式頁(yè)面添加標(biāo)簽頁(yè)欄，標(biāo)簽頁(yè)欄可以固定在頁(yè)面的頂部或底部，方便用戶在不同頁(yè)面之間切換。標(biāo)簽數(shù)量不得少于兩個(gè)且不超過(guò)五個(gè)，為確保用戶點(diǎn)擊這個(gè)區(qū)域，建議的標(biāo)簽數(shù)量不超過(guò)四個(gè)。