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