如何有效地設(shè)計(jì)信息?

3 評(píng)論 5669 瀏覽 64 收藏 10 分鐘

隨著信息的增多,信息越多,我們就會(huì)越困惑,導(dǎo)致理解復(fù)雜。信息設(shè)計(jì)的最終目標(biāo)即將信息更清晰有效的進(jìn)行呈現(xiàn),那么該如何進(jìn)行有效的信息設(shè)計(jì)?我們可以從以下三個(gè)步驟去開展信息設(shè)計(jì),希望對(duì)你有所啟發(fā)。

人類對(duì)信息的處理能力是有限的,如果信息過于復(fù)雜,就會(huì)制造困惑,導(dǎo)致理解無能。反之,如果對(duì)信息進(jìn)行組織與設(shè)計(jì),讓其具有一定的順序和結(jié)構(gòu),那么理解起來就更容易。

作為產(chǎn)品設(shè)計(jì),應(yīng)該具有信息處理的能力,使其能更好的幫助和引導(dǎo)用戶做決策。

產(chǎn)品界面是由各種信息組合在一起的,如何進(jìn)行有效的信息設(shè)計(jì),設(shè)計(jì)師可以從人類處理信息的每一個(gè)階段發(fā)力,去思考、去落地設(shè)計(jì)。人類處理信息通常分為5步:獲取信息、感知與理解、記憶與思考、加工和組織、輸出和反應(yīng)。

  • 獲取信息:通過產(chǎn)品獲取信息的方式通常有視覺、聽覺兩種。對(duì)應(yīng)在產(chǎn)品設(shè)計(jì)中即界面設(shè)計(jì)和聲音反饋,比如鍵盤的設(shè)計(jì),我們不光是需要提供有序的排列,便于輸入,還需要給到按鍵聲音反饋,告知操作有效;
  • 感知與理解:將感受到的信息與內(nèi)部知識(shí)儲(chǔ)備對(duì)比,形成理解。理解即我們的閱讀能力,包含信息呈現(xiàn)方式是否容易獲得,信息結(jié)構(gòu)是否足夠精簡容易閱讀,信息的的表述方式是否讓用戶易理解
  • 記憶與思考:人的記憶是非常有限的,米勒定律強(qiáng)調(diào)將信息分塊可以更有效的在大腦保留信息;
  • 加工和組織:人在獲取信息并記憶后會(huì)在大腦里再加工強(qiáng)化信息,例如信息分類、排序、刪減、概括、解釋。產(chǎn)品設(shè)計(jì)沒辦法控制他人大腦,但是我們可以為大腦強(qiáng)化信息做準(zhǔn)備工作,提前的將信息進(jìn)行分類、排序、刪減、概括等,減輕大腦負(fù)荷,加深信息印象;
  • 輸出和反應(yīng):大腦儲(chǔ)備信息后,遇到同樣或近似信息出現(xiàn)時(shí),會(huì)自動(dòng)做出相應(yīng)的行為或者語言的反應(yīng)。這對(duì)應(yīng)的是我們產(chǎn)品的操作,比如我們看到箭頭就知道這里是可以點(diǎn)擊跳轉(zhuǎn)或者展開。

信息設(shè)計(jì)的最終目標(biāo)即將信息更清晰有效的進(jìn)行呈現(xiàn),我們可以從以下三個(gè)步驟去開展信息設(shè)計(jì)。

一、判斷信息是否合理

1、信息是否能夠?yàn)橛脩魶Q策提供幫助

當(dāng)我們拿到一個(gè)需求時(shí),上面可能是由各種圖文信息組成,我們首先需要去思考的是這些信息是否能夠真的為用戶決策提供幫助。

例如下圖是發(fā)車管理列表頁展示的卡片信息,發(fā)車管理一方面是為了關(guān)注發(fā)車的車輛是否有晚點(diǎn)風(fēng)險(xiǎn),另一方面對(duì)到車車輛排隊(duì)和運(yùn)行情況分析,把控交件效率。很明顯產(chǎn)品經(jīng)理提供的卡片信息是不足以滿足用戶的訴求的。

熟悉的業(yè)務(wù)設(shè)計(jì)師可以快速判斷需求給到的信息合不合理,不熟悉業(yè)務(wù)場(chǎng)景的設(shè)計(jì)師,我們可以學(xué)會(huì)多問,從大向小,聚焦的提問。首先了解這個(gè)需求整體解決什么問題,其次這個(gè)功能解決什么問題,最后落點(diǎn)在具體的信息為什么要這么展示,能夠幫助用戶做什么。

2、信息獲得是否可行

很多時(shí)候我們受已有條件或技術(shù)實(shí)現(xiàn)限制,產(chǎn)品設(shè)計(jì)會(huì)略顯理想化,但是這是正常的。

例如下圖,一開始我們?cè)O(shè)想用戶可以通過貨物件量、重量、監(jiān)控三個(gè)數(shù)據(jù)綜合判斷裝發(fā)情況,以應(yīng)對(duì)裝發(fā)不同的特殊場(chǎng)景。但是實(shí)際上從技術(shù)角度,我們對(duì)于貨物重量的數(shù)據(jù)獲取和監(jiān)控實(shí)時(shí)展示實(shí)現(xiàn)上都存在問題(具體原因就在這此贅述)。作為設(shè)計(jì)師一方面對(duì)于信息展示實(shí)現(xiàn)的可行性,需要有一定的判斷,這主要源于自身經(jīng)驗(yàn)的積累;除此之外還需要深入了解業(yè)務(wù),和本公司的業(yè)務(wù)相關(guān)的產(chǎn)品,把控信息獲取的可行性,以免頻繁改稿。

二、信息組織與設(shè)計(jì)

確保信息合理后,設(shè)計(jì)師需要對(duì)信息進(jìn)行進(jìn)一步處理。一切的處理必須源于對(duì)于業(yè)務(wù)的理解,從用戶場(chǎng)景出發(fā)。主要可以從以下幾個(gè)方面進(jìn)行思考。

1、信息分類:根據(jù)信息的特征、屬性、邏輯關(guān)系等進(jìn)行分類

2、保證信息閱讀能力:

  • 信息呈現(xiàn)方式是否容易獲得:重點(diǎn)信息要著重突出,可以用字體大小&字重、顏色、圖形等加強(qiáng)視覺效果。
  • 信息結(jié)構(gòu)是否足夠精簡容易閱讀:信息需要提煉,盡量以最剪短的文字說清楚內(nèi)容,降低用戶理解成本。如下圖例1,字段長且重復(fù),我們可以提取公共信息(上次保養(yǎng),下次保養(yǎng))作為標(biāo)題,并且橫向?qū)Ρ龋屝畔⒊尸F(xiàn)更清晰;例2是我們經(jīng)常會(huì)拿到一些冗長的標(biāo)題、提示或者說明文字,需要耗時(shí)閱讀、反復(fù)理解,因此設(shè)計(jì)師需要精簡句子,直達(dá)詞意。 

  • 信息的的表述方式是否讓用戶易理解:B端用戶是一群專業(yè)的用戶,我們需要用用戶熟悉的語言去表述字段意思,不能濫用同理心,停留在我作為小白能不能看懂。

3、信息的命名和統(tǒng)一:信息命名需要準(zhǔn)確反應(yīng)信息內(nèi)容,以下是遇到過產(chǎn)品文案的3個(gè)問題,大家一定要避免 (歡迎評(píng)論補(bǔ)充別的,一起避坑…)

  • 多個(gè)地方同一內(nèi)容命名不統(tǒng)一,增加用戶理解和記憶成本。
  • 跳轉(zhuǎn)新頁面標(biāo)題命名要和進(jìn)入觸點(diǎn)的命名不關(guān)聯(lián),跳轉(zhuǎn)后用戶迷失,不知道自己操作是否正確。
  • 同一個(gè)產(chǎn)品,同一個(gè)流程,同一個(gè)文案代表兩個(gè)意思,超級(jí)離譜!但是確實(shí)也是遇到過。

4、信息說明:對(duì)于復(fù)雜的功能、文案提供輔助說明,降低用戶理解成本。

5、信息表達(dá):通常拿到需求的時(shí)候我們可能是文字形式居多,但是我們需要基于用戶場(chǎng)景目標(biāo),去合理選擇一些圖形、圖表表達(dá),讓用戶能夠更直觀獲取信息。

例如下圖錯(cuò)發(fā)可以細(xì)分為錯(cuò)發(fā)類型->責(zé)任類型->操作設(shè)備三個(gè)層級(jí)類型,用戶想要查看某一個(gè)班組在某一天的錯(cuò)發(fā)情況,為了能夠讓用戶更直觀的發(fā)現(xiàn)哪一種錯(cuò)發(fā)類型數(shù)量最多,且這個(gè)錯(cuò)發(fā)類型里哪一種責(zé)任類型的錯(cuò)發(fā)更多。增加顯示錯(cuò)發(fā)類型的總量,并且按由多到少排序,責(zé)任類型由于最多會(huì)有30幾種,因此采用可視化的方式顯示責(zé)任類型排名,減輕閱讀壓力。

6、信息安全與隱私:對(duì)于敏感信息,需要做隱藏和顯示,避免信息外泄。例如密碼、身份證、銀行卡等信息。

7、……

三、驗(yàn)證是否滿足目標(biāo)用戶需求

如何驗(yàn)證我們的信息設(shè)計(jì)是不是有效的,可以邀請(qǐng)真實(shí)用戶或者模擬用戶體驗(yàn),看其是否能根據(jù)界面快速的獲取焦點(diǎn),拿到想要的信息,并且做出有效決策。具體可以使用瞇眼測(cè)試或者制定可用性測(cè)試任務(wù),看用戶是否能快速理解并完成任務(wù)。

本文由 @(*≧▽≦) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 寫的很很實(shí)用啊,期待更多文章~

    來自上海 回復(fù)
    1. 不錯(cuò)

      來自廣東 回復(fù)
    2. ??謝謝,收~

      來自上海 回復(fù)