百度智能小程序底部標簽欄交互如何優(yōu)化

底部標簽欄

底部標簽欄通常用于首頁橫向視圖導航的切換，它始終固定在屏幕底部，不隨頁面滾動隱藏。

元素解構(gòu)

1、容器
2、標簽選項

容器

標簽導航欄容器可以放置2-5個標簽選項，每個標簽欄對應展現(xiàn)其相應的分類內(nèi)容。
容器顏色默認顯示白色，開發(fā)者也可以配置相應的顏色，配置時請注意整體頁面效果，設計側(cè)建議可以參考后文的個性定制章節(jié)。

標簽選項

標簽選項由圖標和選項名稱組成，根據(jù)用戶行為分為三個階段狀態(tài)：非選中態(tài)、點擊態(tài)和選中態(tài)。其中點擊態(tài)由小程序統(tǒng)一處理，其他由開發(fā)者自行定義。

1、圖標
需要開發(fā)者自行上傳選項在選中和非選中的圖標；
圖標格式png，尺寸為81*81px，大小限制40kb。
2、選項名稱
選項名稱在選中態(tài)默認黑色，支持自定義；
每個選項名稱最多5個中文字符，超出截斷。

交互行為

點擊底部標簽時，用戶屏幕可以切換至與其關聯(lián)內(nèi)容；點擊當前頁面所在標簽，則無反應。

閱讀本文的人還可以閱讀：

百度智能小程序入口有哪些？哪里可以進入百度智能小程序？

百度智能小程序開源聯(lián)盟是什么

百度智能小程序的流量為什么那么高，小程序如何引流？

怎樣做好百度智能小程序體驗設計（1）