一、導(dǎo)航：操作清晰，指引明確

QQ小程序頂部操作菜單

QQ小程序頂部導(dǎo)航的右側(cè)會(huì)有官方統(tǒng)一提供的操作控件，開發(fā)者不可以對其位置和樣式進(jìn)行自定義。開發(fā)者可根據(jù)具體需求修改導(dǎo)航的其他部分。 小程序?qū)Ш讲僮鳎海?）點(diǎn)擊“更多”出現(xiàn)功能菜單選項(xiàng)；（2）點(diǎn)擊“關(guān)閉”退出當(dāng)前小程序；（3）點(diǎn)擊“返回”默認(rèn)返回上一層級。 小程序官方導(dǎo)航

QQ小程序頂部操作菜單配色規(guī)范

QQ小程序?yàn)殚_發(fā)者提供了深淺兩套配色方案，開發(fā)者可根據(jù)自己的品牌風(fēng)格選擇適應(yīng)的配色方案。開發(fā)者在自定義時(shí)要保證信息的可讀性。

QQ小程序頁簽導(dǎo)航規(guī)范

頁簽導(dǎo)航由一組文字或圖標(biāo)混排組成的，是用于在不同頁面間切換的交互控件，可簡稱為頁簽。小程序主要適用場景有兩類：主導(dǎo)航、頂部頁簽。每個(gè)導(dǎo)航最少2項(xiàng)，同時(shí)顯示不超過5項(xiàng)。不得使用兩行頁簽。顯示不下時(shí)，最右側(cè)顯示半個(gè)，暗示用戶滑動(dòng)。各頁簽項(xiàng)的默認(rèn)態(tài)顏色需一致，指示器和頁簽文字/icon使用同一顏色。詳見導(dǎo)航組件。

小程序頂部頁簽導(dǎo)航

二、界面：明辨主次，突出重點(diǎn)

界面層級清晰

開發(fā)者在設(shè)計(jì)每個(gè)頁面時(shí)都要確保（1）用戶能夠辨析視圖內(nèi)的主次信息；（2）同一視圖內(nèi)的信息層級不宜過多；（3）拉開主次信息的層次。

界面操作清晰

減少無關(guān)的設(shè)計(jì)干擾，突出鼓勵(lì)性操作，方便用戶快速理解，進(jìn)行決策和操作。 小程序界面設(shè)計(jì)規(guī)范

小程序多按鈕操作

三、流程：減少冗余，避免分心

流程明確 開發(fā)者需要保證用戶更加流暢的操作，避免不符合用戶預(yù)期、打斷用戶操作的流程出現(xiàn)。 流程體驗(yàn)不流暢，分心用戶操作。 過分挽留用戶，與用戶預(yù)期不符。

四、操作：降低成本，智能幫助

智能幫助 在很多場景中，為了提高輸入效率，開發(fā)者可以利用現(xiàn)有能力來減少用戶輸 入的成本，提升用戶體驗(yàn)。