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

1563次閱讀

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


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

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

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

流程明確簡單

用戶架構(gòu)清晰

做到這兩點以后,我們還要做到每一步操作都能提供及時的反饋。


用戶架構(gòu)清晰

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

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

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

1-1.png


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

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


正確案例

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

1-2-1.png



錯誤案例

沒有具體信息,用戶容易搞混

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



正確案例

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

1-3-1.png


錯誤案例

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

1-3-2.png


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

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

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


1-4.png


3、在進行百度智能小程序界面自定義時請注意信息可讀性。



正確案例

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

1-5-1.png


錯誤案例

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

1-5-2.png


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

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

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

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

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


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

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

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

百度智能小程序是什么?百度智能小程序注冊方法

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

本文由夫唯團隊編輯,如發(fā)現(xiàn)錯誤,歡迎通過客服微信反饋。

夫唯于2024年12月停止百度SEO研究和培訓(xùn)。道別信: 夫唯:再見了百度SEO!

2025年1月正式啟動Google SEO培訓(xùn)課程,一千零一夜帶領(lǐng)大家一起出海。

感興趣的同學(xué),請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo):讓大家獨立站出海不再“望洋興嘆”。

Processed in 0.766626 Second , 286 querys.