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

1558次閱讀

為了進(jìn)一步的規(guī)范百度智能小程序平臺(tái),百度的產(chǎn)品經(jīng)理從代碼包、物料提交等方面對(duì)開(kāi)發(fā)者規(guī)范機(jī)制作都做了很多要求,但是對(duì)于怎樣做好百度智能小程序體驗(yàn)設(shè)計(jì)很多人卻不知道怎么辦,今天,我就來(lái)給大家就講一下怎樣做好百度智能小程序體驗(yàn)設(shè)計(jì),希望大家能夠從中學(xué)習(xí)到知識(shí)。


關(guān)鍵點(diǎn)1:易用性

用戶在日常使用手機(jī)使用我們的百度智能小程序時(shí),由于使用場(chǎng)景非常豐富和多樣化導(dǎo)致用戶的注意力容易極其容易分散,一旦分散就容易導(dǎo)致小程序的關(guān)閉。

開(kāi)發(fā)者在設(shè)計(jì)百度智能小程序的使用流程時(shí)一定要注意三點(diǎn):

流程明確簡(jiǎn)單

用戶架構(gòu)清晰

做到這兩點(diǎn)以后,我們還要做到每一步操作都能提供及時(shí)的反饋。


用戶架構(gòu)清晰

想要構(gòu)建出好的使用流程推薦各位開(kāi)發(fā)者使用統(tǒng)一縱向?qū)Ш健?/p>

百度智能小程序框架通過(guò)頂部的導(dǎo)航欄可以為小程序配備統(tǒng)一的頁(yè)面縱深導(dǎo)航能力。

開(kāi)發(fā)這個(gè)也很簡(jiǎn)單,開(kāi)發(fā)者只需要標(biāo)記定義“首頁(yè)”即可,就可以給你一鍵解決。

1-1.png


百度智能小程序的使用流程圖:紅線為前進(jìn)路徑、灰線為關(guān)閉路徑、藍(lán)線為逐級(jí)返回路徑。

百度智能小程序的頂部導(dǎo)航欄位置是固定的,他可以幫助用戶定位“當(dāng)前位置”,頂部導(dǎo)航欄名稱顯示了百度智能小程序頁(yè)面的核心內(nèi)容,用戶看到頂部導(dǎo)航欄就知道自己在哪個(gè)環(huán)節(jié)。


正確案例

一眼就可以看到自己想買的航班以及信息

1-2-1.png



錯(cuò)誤案例

沒(méi)有具體信息,用戶容易搞混

1-2-2.png1-2-2.png



正確案例

顏色舒適不炸眼,適合閱讀

1-3-1.png


錯(cuò)誤案例

顏色過(guò)于鮮艷且不美觀,會(huì)導(dǎo)致可讀性變差。

1-3-2.png


架構(gòu)橫向的同級(jí)信息可以使用頁(yè)內(nèi)標(biāo)簽欄。

1、底部標(biāo)簽的導(dǎo)航欄通常在首頁(yè)使用,常駐屏幕底部,提供小程序2-5個(gè)頂層視圖以供快速切換。

2、用戶在頁(yè)面標(biāo)簽欄切換時(shí),頁(yè)面標(biāo)簽欄不隨頁(yè)面滑動(dòng),但是卻可在當(dāng)前視圖內(nèi)瀏覽更多同層級(jí)的內(nèi)容。


1-4.png


3、在進(jìn)行百度智能小程序界面自定義時(shí)請(qǐng)注意信息可讀性。



正確案例

顏色舒適不炸眼,適合閱讀

1-5-1.png


錯(cuò)誤案例

顏色過(guò)于暗淡艷且不美觀,會(huì)導(dǎo)致可讀性變差。

1-5-2.png


本篇文章是系列文章的第2篇,接下來(lái)會(huì)給大家講解百度智能小程序體驗(yàn)設(shè)計(jì)里的設(shè)計(jì)規(guī)范和常用組件、設(shè)計(jì)原則和設(shè)計(jì)資源,請(qǐng)點(diǎn)擊鏈接查看:

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

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

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

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


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

百度智能小程序接入自然搜索的步驟解析(3)

百度智能小程序在搜索引擎里的展現(xiàn)方式是怎樣的?

百度智能小程序是什么?百度智能小程序注冊(cè)方法

百度智能小程序值得做嗎?怎么找百度智能小程序二維碼?

本文由夫唯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.163744 Second , 52 querys.