在產(chǎn)品界面中信息交互過(guò)程中，信息最為常見(jiàn)的四種載體：圖形、文字、音頻、視頻（全景圖、gif圖、動(dòng)效圖在大類(lèi)暫時(shí)可算圖形，不作細(xì)分），而圖、文占據(jù)了絕對(duì)的比重，所以需要重點(diǎn)關(guān)注圖、文信息的識(shí)別體驗(yàn)。

根據(jù)美國(guó)哈佛商學(xué)院有關(guān)研究人員的分析資料表明，人的大腦每天通過(guò)五種感官接受外部信息的比例分別為：視覺(jué)83%、聽(tīng)覺(jué)11%、嗅覺(jué)3.5%、觸覺(jué)1.5%、味覺(jué)1%（數(shù)據(jù)暫不涉及短視頻直播領(lǐng)域）在群核體系下的產(chǎn)品，圖和文分別是有哪些？

在界面中以圖形化的形式表達(dá)動(dòng)作、品牌、說(shuō)明等信息，讓用戶(hù)能直觀的感知到信息的含義，圖形的類(lèi)型有：動(dòng)作執(zhí)行類(lèi)操作、品牌示意、輔助說(shuō)明、圖例展示4大類(lèi)型；
在界面中以文字的形式表達(dá)信息，主要文案的類(lèi)型有：動(dòng)作命令、解釋說(shuō)明、專(zhuān)業(yè)名詞、標(biāo)點(diǎn)符號(hào)。

如何提升以上幾個(gè)類(lèi)型的信息識(shí)別體驗(yàn)：直觀的圖形提升信息識(shí)別的準(zhǔn)度和效率、規(guī)范的文案提升信息表達(dá)的精準(zhǔn)度。

直觀的圖形提升信息識(shí)別的準(zhǔn)度和效率
以下幾個(gè)案例是項(xiàng)小組試點(diǎn)探索驗(yàn)證信息表達(dá)優(yōu)化如何對(duì)業(yè)務(wù)有效的驗(yàn)證，可以直觀理解圖形的準(zhǔn)度和效率對(duì)業(yè)務(wù)指標(biāo)有哪些影響。
案例1:工具入口的圖形化表達(dá)用戶(hù)從工作臺(tái)進(jìn)入到設(shè)計(jì)工具，純文本的表達(dá)用戶(hù)很容易產(chǎn)生疑惑，在不改變業(yè)務(wù)邏輯的情況下，進(jìn)行圖形化表達(dá)。

用戶(hù)進(jìn)入到下一步的成功率相比原版提升了10.2%，因此可以說(shuō)明圖形化信息表達(dá)更有助于用戶(hù)識(shí)別并進(jìn)行下一步?jīng)Q策。案例2:模型專(zhuān)題
群核下的設(shè)計(jì)工具，以專(zhuān)題化的形式聚類(lèi)商家、平臺(tái)推薦的模型是基本的運(yùn)營(yíng)動(dòng)作，如下圖，原本以真實(shí)效果圖的方式展示模型專(zhuān)題，用戶(hù)難以感知是方案還是模型。通過(guò)封面圖形的優(yōu)化：將核心的模型類(lèi)型展示出來(lái)，用戶(hù)能夠預(yù)見(jiàn)里面的內(nèi)容。

僅改版封面后，UV環(huán)比提升120.4%，此案例可以說(shuō)明更精準(zhǔn)的信息識(shí)別體驗(yàn)?zāi)軌蛑I(yè)務(wù)指標(biāo)的增長(zhǎng)。
案例3:對(duì)象菜單鼠標(biāo)偏好設(shè)置在設(shè)計(jì)工具中，選擇對(duì)象喚出菜單，在酷家樂(lè)工具中可以設(shè)置為鼠標(biāo)左鍵點(diǎn)擊即喚出菜單（僅展示圖標(biāo)），也可以鼠標(biāo)右鍵喚出菜單（圖標(biāo)文字結(jié)合）。

用戶(hù)可以自定義偏好，但上線很長(zhǎng)時(shí)間很多還是不知道如何修改，在對(duì)提示進(jìn)行圖形化調(diào)整后，發(fā)現(xiàn)切換點(diǎn)擊數(shù)據(jù)提升了300%，因此可以說(shuō)明更精準(zhǔn)直觀的信息能直接影響用戶(hù)的行動(dòng)決策。
案例4:產(chǎn)出圖紙的操作
在酷家樂(lè)工具中定制用戶(hù)用戶(hù)完成設(shè)計(jì)后，可以直接自動(dòng)產(chǎn)出圖紙，但由于之前操作入口的信息過(guò)于相似，用戶(hù)難以決策點(diǎn)哪個(gè)是自己需要的，或很容易產(chǎn)生誤操作，經(jīng)過(guò)調(diào)研發(fā)現(xiàn)用戶(hù)很容易混淆圖紙類(lèi)型從而生成對(duì)自己無(wú)用的圖紙。

在新版優(yōu)化中圖形化的表達(dá)了圖紙類(lèi)型的差異，即便增加了流程步驟數(shù)，最終用戶(hù)點(diǎn)擊圖紙的UV提升了15%，此案例可以說(shuō)明，更精準(zhǔn)有效的對(duì)象表達(dá)能吸引更多用戶(hù)來(lái)使用此功能，對(duì)業(yè)務(wù)產(chǎn)生直接效果。
案例5:戶(hù)型命令圖例
戶(hù)型繪制和調(diào)整是酷家樂(lè)工具的必經(jīng)之路，由于對(duì)象間用2D圖形圖例表達(dá)比較難辨識(shí)出來(lái)準(zhǔn)確意思，因此設(shè)計(jì)做了圖形信息的優(yōu)化，讓命令更為直觀，更高效的拾取命令操作。

上線后通過(guò)問(wèn)卷調(diào)研用戶(hù)滿(mǎn)意度相比舊版提升了21.66%，因此可以證明，更精準(zhǔn)的圖形輔助用戶(hù)更高效的使用工具操作。

規(guī)范的文案提升信息表達(dá)的精準(zhǔn)度
在界面交互中，文案作為信息傳遞的載體，占據(jù)的比重是最大的，在群核的產(chǎn)品中，我們規(guī)范了文案的表達(dá)提升信息表達(dá)的精準(zhǔn)度，之前有針對(duì)工具文案做了梳理。
結(jié)合人設(shè)和語(yǔ)氣確定，以及酷家樂(lè)定義“善解人意、理想、直率”的文案原則，在工具操作中我們梳理了以下幾類(lèi)比較容易出現(xiàn)問(wèn)題的場(chǎng)景，試圖通過(guò)文案來(lái)提升信息表達(dá)的精準(zhǔn)度，從而讓用戶(hù)更流暢的進(jìn)行界面交互。
動(dòng)作命令：結(jié)合直率的文案原則，簡(jiǎn)潔高效的描述命令動(dòng)作

解釋說(shuō)明：結(jié)合理性、直率的原則，精煉的去解釋內(nèi)容

專(zhuān)業(yè)名詞：結(jié)合善解人意和直率原則，避免讓用戶(hù)產(chǎn)生多重疑惑，專(zhuān)業(yè)名稱(chēng)平民化、通用化

作者：酷家樂(lè)UED
來(lái)源：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢～希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司