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

QQ小程序頂部操作菜單

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

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

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

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

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

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

二、界面：明辨主次，突出重點

界面層級清晰

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

界面操作清晰

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

小程序多按鈕操作

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

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

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

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