一、導航：操作清晰，指引明確

QQ小程序頂部操作菜單

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

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

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

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

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

小程序頂部頁簽導航

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

界面層級清晰

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

界面操作清晰

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

小程序多按鈕操作

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

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

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

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