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

1530次閱讀

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


流程明確簡(jiǎn)單

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

1-6.png


請(qǐng)勿在用戶瀏覽目標(biāo)已經(jīng)明確的情況下(藍(lán)線),強(qiáng)行引導(dǎo)用戶中斷原目標(biāo)流程(紅線)。


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



層次感

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

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


信息設(shè)計(jì)重點(diǎn)明確

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


正確案例

字體有粗有細(xì),大號(hào)加粗的標(biāo)題最突出。

2-1-1.png


錯(cuò)誤案例

所有信息都強(qiáng),分散閱讀時(shí)的注意力,影響信息傳遞。

2-1-2.png


正確案例

上下排版使需要使的重點(diǎn)信息更突出。

2-2-1.png


錯(cuò)誤案例

主次信息的混排、冗余

2-2-2.png


本篇文章是系列文章的第3篇,接下來會(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ì)(2)

怎樣做好百度智能小程序體驗(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年來超過五萬學(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.146504 Second , 41 querys.