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

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)可以提示用戶懸停或點擊以獲取有關(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)特定項目或字段的額外信息、解釋或提示。它強(qiáng)調(diào)的是提供信息。

- ？圖標(biāo)（幫助）則更傾向于提供整體上的幫助和支持，通常用于指示用戶可以獲取額外的幫助文檔、FAQ（常見問題解答）或聯(lián)系支持團(tuán)
隊。它強(qiáng)調(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è)計(yvirxh.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ā)

日歷

鏈接

個人資料

存檔