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

1928次閱讀

底部標(biāo)簽欄

底部標(biāo)簽欄通常用于首頁(yè)橫向視圖導(dǎo)航的切換,它始終固定在屏幕底部,不隨頁(yè)面滾動(dòng)隱藏。

1.png


元素解構(gòu)

2.png

1、容器
2、標(biāo)簽選項(xiàng)


容器

3.png

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


標(biāo)簽選項(xiàng)

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

4.png

1、圖標(biāo)
需要開發(fā)者自行上傳選項(xiàng)在選中和非選中的圖標(biāo);
圖標(biāo)格式png,尺寸為81*81px,大小限制40kb。
2、選項(xiàng)名稱
選項(xiàng)名稱在選中態(tài)默認(rèn)黑色,支持自定義;
每個(gè)選項(xiàng)名稱最多5個(gè)中文字符,超出截?cái)唷?br/>


交互行為

點(diǎn)擊底部標(biāo)簽時(shí),用戶屏幕可以切換至與其關(guān)聯(lián)內(nèi)容;點(diǎn)擊當(dāng)前頁(yè)面所在標(biāo)簽,則無(wú)反應(yīng)。

5.png


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

百度智能小程序入口有哪些?哪里可以進(jìn)入百度智能小程序?

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

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

怎樣做好百度智能小程序體驗(yàn)設(shè)計(jì)(1)

本文由夫唯SEO特訓(xùn)營(yíng)編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來(lái)超過(guò)五萬(wàn)學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動(dòng)搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報(bào)名時(shí)間7月1日-7月15日,請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會(huì)互聯(lián)網(wǎng)技術(shù)。

  • 搜外會(huì)員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營(yíng)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會(huì)員SEM競(jìng)價(jià)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營(yíng)推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.135931 Second , 41 querys.