信息爆炸時(shí)代，屏幕能展現(xiàn)的內(nèi)容變得越來越多，但能令用戶印象深刻的內(nèi)容卻少有。其中起反向效果、招致用戶厭煩者，更是比比皆是。然而于需求方而言，每個(gè)文案、每一個(gè)商品、每一個(gè)圖片，都是爭奪用戶注意力的「兵家必爭之地」，扛著GMV的大旗難以取舍，這時(shí)，平衡體驗(yàn)的重任就交到了設(shè)計(jì)師的身上。
不論是對信息做什么樣的處理，對設(shè)計(jì)師而言，都是以「更好的用戶體驗(yàn)」為最終目標(biāo)的。于是，從「用戶體驗(yàn)的5要素」出發(fā)，結(jié)合近期的項(xiàng)目經(jīng)驗(yàn)，我總結(jié)出了5個(gè)問題，以幫助自己在面對商品信息組織的時(shí)候，能更好地梳理思路。
△ 開始設(shè)計(jì)前，需要回答的5個(gè)問題
「我們想達(dá)成什么目標(biāo)？」
「用戶需求」和「產(chǎn)品目標(biāo)」是所有項(xiàng)目在最初就需要明確的兩個(gè)要素，也是設(shè)計(jì)前第一個(gè)需要問明答案的問題。大到全民級產(chǎn)品的迭代，小到一行文案的取舍，都無法拋開這兩個(gè)內(nèi)容進(jìn)行決策。因此，在對頁面信息「下手」前，設(shè)計(jì)師要先確定頁面整體需要達(dá)到的目標(biāo)，并根據(jù)目標(biāo)進(jìn)行評估：為了達(dá)成這一目標(biāo)，是否需要信息的輔助才能達(dá)成？
舉個(gè)例子，在榜單頁面中，往往會(huì)出現(xiàn)較多樣式相同的商品卡片，這種場景下，對商品卡片內(nèi)容的信息組織就十分重要，若商品卡片本身不吸引用戶，由此組成的榜單整體就更難以讓用戶產(chǎn)生瀏覽的欲望了。那么在開始設(shè)計(jì)之前，我們就需要明確，這個(gè)榜單所出現(xiàn)的場景、業(yè)務(wù)側(cè)希望通過這個(gè)榜單達(dá)成的目標(biāo)是什么、以及用戶希望在這個(gè)頁面得到什么。是年貨節(jié)、雙11還是七夕？是以賣貨為主，還是種草為主？是銷量榜、降價(jià)榜還是人氣榜？只有當(dāng)信息確實(shí)是我們達(dá)成目標(biāo)的輔助條件之一時(shí)，談?wù)撊绾卧O(shè)計(jì)才有意義。
△ 我們想達(dá)成什么目標(biāo)
「為了目標(biāo)，要展現(xiàn)的是什么信息？」
在確認(rèn)了目標(biāo)之后，我們就需要圍繞目標(biāo)，劃定所需信息的范圍。確定信息范圍可以分為四步：
- 列舉體驗(yàn)場景路徑；
- 分析用戶在不同的體驗(yàn)場景下需要完成的任務(wù)；
- 列出所有能發(fā)散到的、完成任務(wù)所需要的信息備用；
- 根據(jù)核心目標(biāo)，劃定最終的展示信息范圍。
△ 劃分信息的四個(gè)步驟
在傳統(tǒng)的頁面服務(wù)中，用戶需要在頁面中篩選自己需要的信息。通過上述四步優(yōu)化，就能將「人找信息」變?yōu)椤感畔⒄胰恕，從而使頁面的?nèi)容更加貼近用戶想要的結(jié)果。
舉個(gè)例子，就像需要種草的用戶在人氣榜單的場景中，除了基本的商品信息，還需要商品的上榜理由、其余用戶的評價(jià)信息等等，而這些信息對于促銷敏感的用戶而言，就不如利益點(diǎn)信息或是降價(jià)程度來的更為吸引。如果我們拿到需求就習(xí)慣性地網(wǎng)上羅列各類促銷信息，而缺失了對用戶真實(shí)消費(fèi)路徑的模擬，可能就會(huì)漏掉很多對用戶而言更有價(jià)值的內(nèi)容。
△ 榜單用戶瀏覽路徑及所需信息
「我們要展現(xiàn)的信息之間，是什么關(guān)系？」
獲得所需的信息后，我們需要將這些零散的信息模塊進(jìn)行重新組織，幫助用戶更好地理解頁面的功能和內(nèi)容。
例如，在上一步中，我們得出種草人氣榜單的目標(biāo)用戶可能是購物需求不明確的用戶，他們需要的信息有商品圖片、商品存量、銷量評價(jià)、利益點(diǎn)等信息來幫助自己進(jìn)行購物決策，但有限的模塊面積內(nèi)無法讓我們把所有決策需要的內(nèi)容全部展示，這是就需要我們對信息之間的組織關(guān)系進(jìn)行梳理：對同類型的信息進(jìn)行合并，并劃分展示的優(yōu)先級，先展示優(yōu)先級高的內(nèi)容，對于優(yōu)先級較低的內(nèi)容進(jìn)行弱化或者轉(zhuǎn)移到下一步（例如商詳頁）中進(jìn)行展示，提高模塊的利用效率。
△ 榜單用戶所需信息優(yōu)先級（以2018年貨節(jié)榜單為例）
「這些關(guān)系下的信息，應(yīng)當(dāng)被如何組織在一起？」
回答完前3個(gè)問題，對于商品模塊內(nèi)應(yīng)當(dāng)放置什么信息，我們已經(jīng)有了基本的答案了。接下來設(shè)計(jì)師要做的，就是對這些信息進(jìn)行二次組織，通過界面設(shè)計(jì)，突出正確的內(nèi)容，讓用戶用最容易的方式獲取想要的信息和操作。
例如在設(shè)計(jì)榜單商品的過程中，我們可以將用戶最關(guān)注的上榜理由放大，并擴(kuò)大點(diǎn)擊熱區(qū)，讓用戶可以更便捷地操作，以進(jìn)入商詳頁閱讀更多的商品信息。
△ 以年貨節(jié)榜單商品卡片為例
「如何讓這些信息組織，被恰當(dāng)?shù)刈⒁獾？?/p>
到了這一步，一個(gè)具有基本操作功能的榜單單品卡片設(shè)計(jì)已經(jīng)基本完成了。但設(shè)計(jì)師的工作并未就此結(jié)束。為了讓用戶對「上榜商品」有更強(qiáng)的感知，我們還可以從更為外化的感覺層面上，對重要信息進(jìn)行突出，更好將用戶的注意力吸引到我們希望用戶看到的地方。
在此階段，顏色、動(dòng)效，都可以幫助設(shè)計(jì)師更好地達(dá)成這一目的。對于合適的項(xiàng)目，我們甚至可以嘗試跳出信息原本的形式，進(jìn)行圖形化、動(dòng)態(tài)化、音像化等設(shè)計(jì)，強(qiáng)化對于重點(diǎn)信息的傳達(dá)。例如2019年618中的「卡路里魔改神曲」，就是對常規(guī)的大促節(jié)奏進(jìn)行音像化的操作，從而使本來較為復(fù)雜的文字內(nèi)容變得易于接受和記住。但這些方式均不可脫離「恰當(dāng)」的范圍，過度的感知表現(xiàn)不僅起不到錦上添花的作用，可能反而起到干擾用戶的反效果哦。
綜上所述，信息設(shè)計(jì)雖然往往復(fù)雜，但并非無跡可尋。面對大量的信息也好，需求也罷，認(rèn)清目標(biāo)，以此為導(dǎo)向?qū)訉舆f進(jìn)，就能讓它們在設(shè)計(jì)師手下呈現(xiàn)出不同的效果，相信也不會(huì)再望著滿畫板的「飛機(jī)稿」嘆氣啦！
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。