重點突出,流程明確
設(shè)計小程序界面信息時,重點突出主要信息和操作
設(shè)計任務(wù)流程時,一次只做一件事情
移動設(shè)備使用場景復(fù)雜,用戶注意力易分散。設(shè)計智能小程序時,為了幫助用戶聚焦當(dāng)前任務(wù)并且快速順利完成,設(shè)計智能小程序的任務(wù)流程時,應(yīng)明確當(dāng)前主要任務(wù)操作,并且避免出現(xiàn)任務(wù)路徑外的內(nèi)容打斷用戶流程。
導(dǎo)航清晰,反饋及時
成都小程序開發(fā)導(dǎo)航
合理地設(shè)計清晰的導(dǎo)航,能使智能小程序的信息架構(gòu)和瀏覽體驗提升
當(dāng)用戶進入智能小程序開發(fā),我們需要清晰地告知用戶當(dāng)前的位置,確認(rèn)用戶在瀏覽頁面時不迷路,從而更舒適愉悅地使用智能小程序開發(fā)。
智能小程序框架已具備頁面導(dǎo)航能力,開發(fā)者只需要標(biāo)記定義“首頁”即可,無需額外開發(fā)成本。
頂部導(dǎo)航欄
幫助用戶定位“當(dāng)前位置”,并指示“可往何方”和“可歸何處”
固定頂部,不隨頁面滑動。
自定義配置:文字內(nèi)容(字號固定)、背景顏色(請關(guān)注并保證其可讀性和可用性)。
底部標(biāo)簽欄
用于架構(gòu)同級信息
通常不隨頁面滑動,用戶切換可在當(dāng)前頁面瀏覽更多的內(nèi)容。同一頁面不可出現(xiàn)兩組底部分類標(biāo)簽導(dǎo)航欄疊加。
標(biāo)簽數(shù)量不得少于2個,不得超過5個。每個選項字?jǐn)?shù)建議保持一致且不超過4個中文字符,以保證不同手機屏幕尺寸,標(biāo)簽點擊區(qū)域的易用性。
通常在首頁底部固定展現(xiàn)。
自定義配置:圖標(biāo)樣式(大小固定)、文字內(nèi)容和顏色(字號固定)、背景顏色(請關(guān)注并保證其可讀性和可用性)。