想做好信息設計，先回答這5個問題

信息爆炸時代，屏幕能展現的內容變得越來越多，但能令用戶印象深刻的內容卻少有。其中起反向效果、招致用戶厭煩者，更是比比皆是。然而于需求方而言，每個文案、每一個商品、每一個圖片，都是爭奪用戶注意力的「兵家必爭之地」，扛著GMV的大旗難以取舍，這時，平衡體驗的重任就交到了設計師的身上。

不論是對信息做什么樣的處理，對設計師而言，都是以「更好的用戶體驗」為最終目標的。于是，從「用戶體驗的5要素」出發，結合近期的項目經驗，我總結出了5個問題，以幫助自己在面對商品信息組織的時候，能更好地梳理思路。

△ 開始設計前，需要回答的5個問題

戰略層

「我們想達成什么目標？」

「用戶需求」和「產品目標」是所有項目在最初就需要明確的兩個要素，也是設計前第一個需要問明答案的問題。大到全民級產品的迭代，小到一行文案的取舍，都無法拋開這兩個內容進行決策。因此，在對頁面信息「下手」前，設計師要先確定頁面整體需要達到的目標，并根據目標進行評估：為了達成這一目標，是否需要信息的輔助才能達成？

舉個例子，在榜單頁面中，往往會出現較多樣式相同的商品卡片，這種場景下，對商品卡片內容的信息組織就十分重要，若商品卡片本身不吸引用戶，由此組成的榜單整體就更難以讓用戶產生瀏覽的欲望了。那么在開始設計之前，我們就需要明確，這個榜單所出現的場景、業務側希望通過這個榜單達成的目標是什么、以及用戶希望在這個頁面得到什么。是年貨節、雙11還是七夕？是以賣貨為主，還是種草為主？是銷量榜、降價榜還是人氣榜？只有當信息確實是我們達成目標的輔助條件之一時，談論如何設計才有意義。

△ 我們想達成什么目標

范圍層

「為了目標，要展現的是什么信息？」

在確認了目標之后，我們就需要圍繞目標，劃定所需信息的范圍。確定信息范圍可以分為四步：

• 列舉體驗場景路徑；
• 分析用戶在不同的體驗場景下需要完成的任務；
• 列出所有能發散到的、完成任務所需要的信息備用；
• 根據核心目標，劃定最終的展示信息范圍。

△ 劃分信息的四個步驟

在傳統的頁面服務中，用戶需要在頁面中篩選自己需要的信息。通過上述四步優化，就能將「人找信息」變為「信息找人」，從而使頁面的內容更加貼近用戶想要的結果。

舉個例子，就像需要種草的用戶在人氣榜單的場景中，除了基本的商品信息，還需要商品的上榜理由、其余用戶的評價信息等等，而這些信息對于促銷敏感的用戶而言，就不如利益點信息或是降價程度來的更為吸引。如果我們拿到需求就習慣性地網上羅列各類促銷信息，而缺失了對用戶真實消費路徑的模擬，可能就會漏掉很多對用戶而言更有價值的內容。

△ 榜單用戶瀏覽路徑及所需信息

結構層

「我們要展現的信息之間，是什么關系？」

獲得所需的信息后，我們需要將這些零散的信息模塊進行重新組織，幫助用戶更好地理解頁面的功能和內容。

例如，在上一步中，我們得出種草人氣榜單的目標用戶可能是購物需求不明確的用戶，他們需要的信息有商品圖片、商品存量、銷量評價、利益點等信息來幫助自己進行購物決策，但有限的模塊面積內無法讓我們把所有決策需要的內容全部展示，這是就需要我們對信息之間的組織關系進行梳理：對同類型的信息進行合并，并劃分展示的優先級，先展示優先級高的內容，對于優先級較低的內容進行弱化或者轉移到下一步（例如商詳頁）中進行展示，提高模塊的利用效率。

△ 榜單用戶所需信息優先級（以2018年貨節榜單為例）

框架層

「這些關系下的信息，應當被如何組織在一起？」

回答完前3個問題，對于商品模塊內應當放置什么信息，我們已經有了基本的答案了。接下來設計師要做的，就是對這些信息進行二次組織，通過界面設計，突出正確的內容，讓用戶用最容易的方式獲取想要的信息和操作。

例如在設計榜單商品的過程中，我們可以將用戶最關注的上榜理由放大，并擴大點擊熱區，讓用戶可以更便捷地操作，以進入商詳頁閱讀更多的商品信息。

△ 以年貨節榜單商品卡片為例

表現層

「如何讓這些信息組織，被恰當地注意到？」

到了這一步，一個具有基本操作功能的榜單單品卡片設計已經基本完成了。但設計師的工作并未就此結束。為了讓用戶對「上榜商品」有更強的感知，我們還可以從更為外化的感覺層面上，對重要信息進行突出，更好將用戶的注意力吸引到我們希望用戶看到的地方。

在此階段，顏色、動效，都可以幫助設計師更好地達成這一目的。對于合適的項目，我們甚至可以嘗試跳出信息原本的形式，進行圖形化、動態化、音像化等設計，強化對于重點信息的傳達。例如2019年618中的「卡路里魔改神曲」，就是對常規的大促節奏進行音像化的操作，從而使本來較為復雜的文字內容變得易于接受和記住。但這些方式均不可脫離「恰當」的范圍，過度的感知表現不僅起不到錦上添花的作用，可能反而起到干擾用戶的反效果哦。

結語

綜上所述，信息設計雖然往往復雜，但并非無跡可尋。面對大量的信息也好，需求也罷，認清目標，以此為導向層層遞進，就能讓它們在設計師手下呈現出不同的效果，相信也不會再望著滿畫板的「飛機稿」嘆氣啦！

拓展閱讀：

參考內容：

• FTDdesign，
  《掌握這5個關鍵點，零基礎也能建立信息架構》：
  http://www.czdes.cn/building-an-information-architecture
• Jesse James Garrett，
  《用戶體驗要素》：機械工業出版社，2001
• 滴滴創意設計中心，
  《用實戰案例，帶你解讀經典書籍《用戶體驗要素》》：
  http://www.czdes.cn/elements-of-user-experience

歡迎關注「京東設計中心JDC」的微信公眾號：