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

1571次閱讀

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


流程明確簡單

考慮使用場景的復(fù)雜性和移動設(shè)備屏幕大小的適配問題,建議一次只引導用戶做一件事情,幫助用戶聚焦當前任務(wù),快速順利完成操作,這樣的話可以避免出現(xiàn)任務(wù)路徑以外的內(nèi)容打斷用戶流程。

1-6.png


請勿在用戶瀏覽目標已經(jīng)明確的情況下(藍線),強行引導用戶中斷原目標流程(紅線)。


因此開發(fā)者在設(shè)計百度智能小程序的界面時,應(yīng)該利用現(xiàn)有接口或其他易操作的選擇控件來改善用戶體驗,盡量減少用戶輸入。



層次感

移動設(shè)備屏幕尺寸相對小,一屏展現(xiàn)的信息非常有限。

在設(shè)計百度智能小程序時,請注意在頁面展現(xiàn)時突出一個重點,幫助用戶快速理解,避免頁面上出現(xiàn)其它與用戶的決策和操作無關(guān)的干擾因素,降低篩選信息的難度。


信息設(shè)計重點明確

設(shè)計界面信息時,請注意根據(jù)內(nèi)容的重要程度設(shè)計其層級主次,以幫助用戶更簡單地獲取所需要的信息和做出判斷??梢酝ㄟ^更大的字體、更強的文字體量、更明顯的顏色等為內(nèi)容賦予更強的展現(xiàn),詳見布局排版。


正確案例

字體有粗有細,大號加粗的標題最突出。

2-1-1.png


錯誤案例

所有信息都強,分散閱讀時的注意力,影響信息傳遞。

2-1-2.png


正確案例

上下排版使需要使的重點信息更突出。

2-2-1.png


錯誤案例

主次信息的混排、冗余

2-2-2.png


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

Processed in 0.861649 Second , 318 querys.