B端設(shè)計:提示圖標(biāo)中蘊藏的奧義

2024-2-20    博博

你是否和我一樣,曾經(jīng)有兩個圖標(biāo)擺在我面前,我卻傻傻分不清楚,隨便亂用,他們就是?和 i兩個小家伙。

 

 

含義:

在系統(tǒng)頁面當(dāng)中,i 圖標(biāo)通常代表信息(information),而 ? 圖標(biāo)代表幫助(help)。

運用場景:

i 圖標(biāo)(信息):通常用于提示用戶可以獲取額外信息或詳細(xì)說明的地方。例如,在表單輸入框旁邊的i圖標(biāo)可以提示用戶懸?;螯c擊以獲取有關(guān)該字段的更多信息。

?圖標(biāo)(幫助):通常用于提供用戶幫助和解答疑問。例如,在應(yīng)用程序的菜單中,可以使用?圖標(biāo)來提供關(guān)于如何使用該功能或應(yīng)用程序的幫助文檔鏈接。

這些圖標(biāo)的使用可以幫助用戶更好地理解和使用應(yīng)用程序,提供額外的信息和幫助,從而提升用戶體驗。

 

i 圖標(biāo)和 ?圖標(biāo)的意思確實很相近,但它們在UI設(shè)計中有著微妙的區(qū)別。下面是它們的區(qū)別和如何判斷該用哪個的方法:

1. 區(qū)別:

- i 圖標(biāo)(信息)通常用于提供有關(guān)特定項目或字段的額外信息、解釋或提示。它強調(diào)的是提供信息。

- ?圖標(biāo)(幫助)則更傾向于提供整體上的幫助和支持,通常用于指示用戶可以獲取額外的幫助文檔、FAQ(常見問題解答)或聯(lián)系支持團
隊。它強調(diào)的是提供幫助和解答疑問。

2. 如何判斷該用哪個:

- 如果需要提供特定項目或字段的額外信息或解釋,可以使用i圖標(biāo)。

- 如果需要提供整體上的幫助和支持,可以使用?圖標(biāo)。

 

 

簡單總結(jié)一下

i 側(cè)重點是提供信息,詳細(xì)的說明,重點提示。

? 側(cè)重點是幫助提示,對疑問的解釋,如何使用該功能。

以上列舉出來的實例在提示圖標(biāo)的應(yīng)用上不會有太大的分歧,其場景都很明確也容易區(qū)分。

但是有一類場景會讓人有些摸不著頭腦,爭議點比較大(如下圖)

上圖所展示的,對于系統(tǒng)內(nèi)一些專業(yè)名詞的解釋,該使用哪種符號每個設(shè)計師和產(chǎn)品經(jīng)理處理的方式不一樣,甚至?xí)l(fā)現(xiàn)同一個系統(tǒng)下出現(xiàn)兩種符號同時使用的情況的場景(如:釘釘后臺管理頁面)

在這些特定的詞匯旁邊的提示圖標(biāo),所表達(dá)的潛在含義是:這是么?以及對這些字段的拓展解釋。

同時我也問了一些大廠的朋友,這種地方是個仁者見仁智者見智的場景,所以此處可以對于圖標(biāo)的運用可以靈活一些。

在實際應(yīng)用中,可以根據(jù)具體情況來判斷使用哪個符號。但最重要的是保持一致性和符合用戶習(xí)慣,確保用戶能夠直觀地理解并使用這些符號。


作者:齊天大碩
來源:站酷

藍(lán)藍(lán)設(shè)計(www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至:

日歷

鏈接

個人資料

存檔