百度智能小程序提示框如何優(yōu)化和個(gè)性定制

1555次閱讀

個(gè)性定制

提示框中,可個(gè)性定制樣式的只有操作區(qū)的按鈕文案顏色。
如默認(rèn)樣式所示,我們將“確認(rèn)”按鈕使用更高調(diào)顯眼的藍(lán)色,“取消”按鈕使用低調(diào)的黑色,以在視覺展現(xiàn)上有主次之分,引導(dǎo)用戶操作。若兩個(gè)按鈕都同等重要,也可以使用同一顏色,此時(shí)沒有主次之分。


正確

使用默認(rèn)提示框樣式

10-2.png


注意

需兩個(gè)按鈕都使用強(qiáng)展現(xiàn),則沒有主次。

10-2.png


對(duì)于不可逆的重要操作,建議其按鈕使用紅色,警告用戶此操作的重要性。


正確

需要用戶重點(diǎn)關(guān)注的不可逆操作,可使用警示紅。

11-1.png


錯(cuò)誤

不應(yīng)調(diào)換確定執(zhí)行按鈕的位置,會(huì)導(dǎo)致交互操作邏輯不一致。

11-2.png


開發(fā)者還可以在按鈕文字顏色上適合使用品牌色。但請(qǐng)注意,過多顏色并存,可能會(huì)影響用戶判斷。


正確

在強(qiáng)引導(dǎo)按鈕使用品牌色,與小程序整體風(fēng)格更一致。

12-1.png


錯(cuò)誤

多種強(qiáng)調(diào)色共用,則按鈕沒有主次。

12-2.png


用色上除了注意按鈕主次展現(xiàn)、品牌外,還需要考慮是否與行業(yè)常用于特殊狀態(tài)的顏色沖突,如紅色、淺灰色等。


錯(cuò)誤

淺灰色常用于表達(dá)按鈕不可用,此時(shí)會(huì)影響用戶判對(duì)于可用性判斷。

13-1.png


錯(cuò)誤

紅色系常用于表達(dá)警示,此時(shí)可能使用戶緊張。

13-2.png


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

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

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

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

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

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

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

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

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

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

Processed in 1.118148 Second , 387 querys.