正文

產品設計分析案例（10個產品設計成功案例）

發(fā)布時間：2023-04-28 13:42:00 稿源：創(chuàng)意嶺閱讀： 668

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于產品設計分析案例的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內優(yōu)秀企業(yè)，服務客戶遍布全國，設計相關業(yè)務請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、如何增加設計的層次感？
2、設計原則| 尼爾森十大可用性原則案例解析
3、產品設計中如何有效地傳達信息
4、三只松鼠頁面中結合中秋節(jié)的活動請從配色和布局兩個方面分析三只松鼠店鋪的Banner 視覺設計？

產品設計分析案例（10個產品設計成功案例）

一、如何增加設計的層次感？

層次感是什么？

把畫面中的各個元素合理的、清晰的、有節(jié)奏的組合在一起，使整個畫面看起來更加的舒適、愉悅和協(xié)調。是不是感覺很深奧？好吧，換句簡單的話來說就是——不多、不少，看起來舒服正好！

這篇文章分為3個章節(jié)，而每個章節(jié)都有若干細分的知識點，各位看官請仔細看哦！

初步理解，先來看看文章大綱：

一、畫面的層次

使用點、線、面來分割畫面
留白
在攝影中找層次

二、色彩的層次

顏色的對比
漸變色的流行
多種顏色搭配的控制

三、文字的層次

字體的對比
文字的對比

請點擊輸入圖片描述

一、畫面的層次

1.使用點、線、面來分割畫面

點、線、面是設計中最基本的設計元素，學過平面構成的同學應該都有些了解，連點成線、連線成面、而面縮小到一定程度就是點。而面的邊界就是線，線的寬度增加和點擴散到一定的面積也就成為面。

上面的這幾句話看起來比較復雜，其實仔細想想這就是世界里一切元素的原理甚至是宇宙星空。我們下面來舉個例子。

請點擊輸入圖片描述

上圖就基本可以把點、線、面的所有變化全部概括。下面我們來分析一下。

請點擊輸入圖片描述

紅圈里的十字元素可以看作為“點”做為整體畫面中的裝飾元素出現(xiàn)。要注意的是所謂的“點”并不只是圓形的哦。任何在畫面中尺寸和面積相對最小的元素都可以看做成“點”。而畫面中的小圓點既可以看做“點”，也可以看作“面”。所以連點成面也是沒錯的。

請點擊輸入圖片描述

黃色圈里的線大家認為是什么？我認為它并不是線而是點。為什么呢？因為無論從它在畫面中的占比還是所起到的作用來看，它都屬于點的屬性。而線在那？在綠色塊和紅色塊的交界處。還有色塊的邊界處。而這正說明了“線”的一個重要的用途——分割。畫面中的“線”把整個畫面分割成了4個大小不一的區(qū)域，這種分割讓畫面更加有趣味性也更加有層次感。

請點擊輸入圖片描述

而線分割出來的4個區(qū)域也就是元素“面”。

這個圖例不僅說明了點線面的幾個重要的特征，也證明了點線面并不會因為它的形狀而固定的，而是會不斷變化的。

最后總結一下點線面的一些特點：

點：是最有裝飾性的元素，因此大多情況下在畫面中起到裝飾作用。

線：除了裝飾作用外還起到對畫面的分割、元素的穿插和對視覺引導的作用。

面：往往起到穩(wěn)定畫面和承載重要信息的作用。

另外要注意的是：點線面是組合使用的，想想看沒有面的襯托又怎么能顯示出點和線的特征呢？

請點擊輸入圖片描述

通過這些設計案例我們可以分析并總結出，有效的利用點線面的組合可設計出層次豐富的作品。而我們要如何做呢？——置換臨摹。借鑒好的設計作品的點線面的構成元素再加以利用和創(chuàng)新。

請點擊輸入圖片描述

2.留白

留白是設計中很常用的手法，留白除了讓畫面整潔、干凈和透氣外，更是對“面”的更深刻的理解和使用，而現(xiàn)在用的非常廣泛的極簡設計就是在留白的處理上用的比較好的一種設計類型。

我們這里再說一下留白對層次的影響，先看幾個設計案例。

請點擊輸入圖片描述

上面的幾個設計作品的共同特點就是有大量的設計留白，并且在留白的同時對畫面的層次進行了處理，例如留白與主圖之間的大小對比，標題與補充性文字直接的對比。

請點擊輸入圖片描述

我把上面的圖做了個處理，分成背景層，留白層，主體模特層，標題文案層和功能文案層。從這里我們就能看出這幅設計的層次是如何設計的了。大家也不妨把自己喜歡的設計這樣分層解構，來研究一下設計的層次。

3.在攝影中找層次

現(xiàn)在的設計中，攝影圖片的使用也是越來越多了，尤其是質量高的攝影作品往往能最大限度的提高設計的品質。但是這是為什么大家想過嗎？其中一個原因是攝影中也存在著層次。

請點擊輸入圖片描述

這個裝B耳機大家熟悉吧，這就是用攝影的方式來做的，并且其中近景，中景，遠景三個層次全都有。不僅看起來畫面非常細膩豐富，而且也品質感十足。

但是如果圖片層次少怎么辦？很簡單，我們可以使用文字來做為圖案元素來增加畫面層次。

請點擊輸入圖片描述

二、色彩的層次

1.顏色的對比

使用對比色和反差大的顏色來設計也是增加層次感的一個常用方法，因為有非常強烈的顏色對比，畫面的沖擊力會非常強烈，給人們的視覺觀感也會更加刺激。

黑黃對比是非常經典配色方案，雖然只有兩個顏色，但是通過畫面中的文案和圖片的組合也會顯得非常豐富，在這種極簡的配色中更加需要對點線面的合理運用否則會顯得有些單調。

請點擊輸入圖片描述

從上面的設計來看，設計師在用黑黃配色的時候又用了黃色的對比色——藍色，這樣既可以讓畫面的顏色更加豐富不會單調，又會讓畫面中的一些重要元素凸顯出來，起到強調作用。

請點擊輸入圖片描述

黃藍配色和紅綠配色也是經常用到的經典配色，上面兩個案例可以看到，黃藍配色多用飽和度比較高，這樣顯得年輕時尚有科技感，而另一個設計是紅綠藍的配色，飽和度較低，顯得更加復古和深沉。

2.漸變色的流行

漸變色已經流行了幾年，今年淘寶的手機app也是以漸變色來設計的，可見漸變色的使用范圍也是越來越大了。而漸變色本身就具有層次豐富的特點，因此，使用漸變色加上合理的點線面元素的搭配會在具有沖擊力的同時最大限度的豐富畫面的層次。

在我們日常的設計中漸變色的使用還是需要更加精心的選擇顏色的色值，一般來說會選擇同色漸變、鄰近色漸變和對比色漸變。而漸變的顏色數(shù)量也不宜超過2種。2種以上的漸變色就需要非常強的控色能力來駕馭了。（我這里說的是在同一漸變色里的2種以上的顏色哦）

請點擊輸入圖片描述

漸變色的使用大多都出現(xiàn)在UI設計中，而隨著UI設計的發(fā)展，web端的設計，無論是網頁還是電商也有很多借鑒UI設計的設計方法和配色方法。

請點擊輸入圖片描述

漸變色的配色是可以搭配使用的，例如上圖，都屬于同色漸變，但是這樣使用有一個規(guī)則，就是互相搭配的幾個漸變色的飽和度要基本一致，否則會出現(xiàn)顏色“花”的問題。

3.多種顏色搭配的控制

對于多顏色的設計我們要做的就是控制飽和度和明度，盡量使各個顏色的飽和度和明度保持協(xié)調的一致。無論是清淡的中國風，還是濃烈的歐美風，都會讓畫面豐富有層次的同時不會“亂掉”、“花掉”。

請點擊輸入圖片描述

我們可以看到，上面的幾個圖例里的顏色非常多，但是為什么我們會感覺非常豐富而又有層次呢？沒錯，就是飽和度和明度的控制到位。

請點擊輸入圖片描述

三、文字的層次

1.字體的對比

字體是我們設計中必須使用并且比較難的一個環(huán)節(jié)，但是正式這個讓大家比較鬧心的環(huán)節(jié)會使畫面的層次變得異常豐富，即使在只有文字沒有圖案的時候，只要排版合理也可以得到驚人的效果。

請點擊輸入圖片描述

不同的字體表達不同的意境和涵義，尤其是中文字體傳承幾千年每一個字都有特定的涵義。而西文主要是以襯線體和非襯線體的字形裝飾的變化。時而粗獷，時而纖細。

請點擊輸入圖片描述

2.文字的對比

這里的對比包括文字的字體、大小、粗細、顏色等等。為什么單單要挑對比來說呢？因為對比是最能拉開并體現(xiàn)層次的方法，我們逐個來說。

請點擊輸入圖片描述

我來那這個作品來分析解構一下，30%是文字里面積最大的，也同樣是畫面元素里占比最大的，通過DISCOUNT VOUCHER的解釋說明這是折扣信息，而這個解釋也是畫面里第二大占比的文字。然后就是下面的時間、地址、電話等信息，使用最小號的文字。通過這三種文字大小來把層次拉開，并且一下就得到3個層次，在加上最后面的花紋背景、白色背景和金色蝴蝶結總共是6個層次。另外為了統(tǒng)一畫面，文字的字體都采用了襯線體。

請點擊輸入圖片描述

上面的這兩個海報也是同樣的道理，大家可以解讀一下。

字體的顏色，上面兩個aranya的海報是個系列，分別把主題文字aranya的顏色換成綠色和藍色，一方面可以增加文案的層次感，另一方面可以與視覺主體的顏色統(tǒng)一。下面是一些設計的案例大家可以試著分析一下。

請點擊輸入圖片描述

最后說一說對齊，對齊是使畫面更加有秩序，看起來更合理且舒服。我們用上面這個海報來分析一下。

請點擊輸入圖片描述

看這些藍色的線，就是這幅海報的對齊方式。

總結

其實層次是在綜合的運用了點線面的分割，色彩的搭配和文字的排版而形成的，并且在大小比例，顏色選擇，對齊等這些細節(jié)上精益求精，層次自然立現(xiàn)。

二、設計原則| 尼爾森十大可用性原則案例解析

開篇靈魂拷問：

你認為一個怎樣的產品才算是一個好的產品？

這個問題耳熟嗎？面試的時候是不是有被問到過？

我們經常使用的那些產品，哪些是好的產品呢？

當我們談論一個 APP 產品時，作為用戶你最關心的是什么？

一般都是是這個產品好用嗎？功能復雜嗎？

而不是這個產品用戶界面顏色好看嗎？

交互的動效酷炫嗎？

互聯(lián)網已經深入到每個人的生活當中，時刻影響著我們；

一個好的產品會給我們帶來便捷，使我們的生活變得簡單而又美好；

也會有一些產品使用時會感到不舒服，糟糕的產品體驗會讓我們的生活變得復雜而又煩惱。

所以，決定一個產品好不好用，能不能長期使用都是用戶體驗直接決定的。

用戶體驗關注的是在滿足用戶需求的同時帶給用戶美好的感受。

接下來我們來聊一聊「尼爾森十大原則」，這十大原則是具體而又全面的用戶體驗可行性檢驗方法。

尼爾森是誰？

雅各布·尼爾森（Jakob Nielsen）是畢業(yè)于哥本哈根的丹麥技術大學的人機交互博士，他擁有79項美國專利,專利主要涉及讓互聯(lián)網更容易使用的方法。于1995年1月1日發(fā)表了「十大可用性原則」。1995年以來，他通過自己的 Alertbox 郵件列表以及 useit.com 網站，向成千上萬的 Web 設計師傳授 Web 易用性方面的知識，盡管他的一些觀點可能帶來爭議，至少在 Web 設計師眼中，他是 Web 易用性領域的頂尖領袖。2006年4月，并被納入美國計算機學會人機交互學院，被賦予人機交互實踐的終身成就獎。他還被紐約時報稱為“Web 易用性大師”，被 Internet Magazine 稱為 “易用之王”。

尼爾森的十大可用性原則，它們被稱為「啟發(fā)式」，

是廣泛的經驗法則，而不是特定的可用性指導原則。

雖然是1995年提出來的，但是至今仍然被奉為交互設計師的入門法則，

我們不能把它上升為一種標準，而只當做一種經驗來學習，

然后跟現(xiàn)實中的設計結合來使用。

因為尼老師是從 web 設計提出的十大可用性原則，

我們要結合的是目前移動互聯(lián)網的特點，

然后在「尼爾森十大原則」的結構下探討在用戶體驗上達到的目標。

尼爾森十大可⽤用性原則為：

01. 狀態(tài)可見原則

02. 環(huán)境貼切原則

03. 撤銷重做原則

04. 一致性原則

05. 防錯原則

06. 易取原則

07. 靈活高效原則

08. 易掃原則

09. 容錯原則

10. 人性化幫助原則

下面我們就針對每一條來單獨分析一下吧~

1 ·. 狀態(tài)可見原則

系統(tǒng)應該讓用戶知道發(fā)生了什么，在適當?shù)臅r間內做出適當?shù)姆答仭?span style="display:none">MTM創(chuàng)意嶺 - 安心托付、值得信賴的品牌設計、營銷策劃公司

不要蒙蔽用戶；溝通是所有關系的基礎，無論⼈還是設備。

示例：在淘寶里，我下拉時他告訴我「松開刷新」，也就是現(xiàn)在還沒有開始刷新；我松開后狀態(tài)變更成「刷新中」，表示現(xiàn)在正在刷新。

這樣的設計告訴我們，界面現(xiàn)在是什么狀態(tài)，現(xiàn)在在干嘛，在整個功能的變化過程中我們都能看到對應的文字描述。

其他示例：下拉刷新時的加載中，加載完成提示，收藏成功、支付成功、實付失敗等提示。

2 ·. 環(huán)境貼切原則

功能和服務貼近用戶使用的場景，符合當前場景用戶的體驗。

產品的功能和服務應該貼近真實世界，讓信息更自然，邏輯上也更容易被用戶理解。

示例：我們在店里買東西的時候經常會聽到這樣的聲音「支付寶到賬：5元」就是貼近環(huán)境的設計。商家需要確認你是否付錢，但是又經常忙于手頭的事情無法及時查看；

而這樣功能的設計，商家即使在忙著手頭的事情依然能通過聲音來確認已經收到你的錢了。

這樣的設計對于商家和消費者是友好便捷的。

3 ·. 撤銷重做原則

在使用產品時了解和掌控當前頁面。

如果用戶誤操作，可以隨時撤銷，用戶在使用產品時足夠自由。

示例1：我們用微信和對方聊天時，當我們寫了很多字，發(fā)出去時卻發(fā)現(xiàn)其中有錯誤，這時我們可以使用微信的撤回功能，體驗更好的是，撤回消息旁邊有「重新編輯」功能，可以讓之前編輯的文本回到對話框重新編輯再發(fā)送。如下圖：

示例2： iOS系統(tǒng)照片的刪除和撤回

4 ·. 一致性原則

同樣的文字、狀態(tài)、按鈕，都應該觸發(fā)相同的事情，遵從通用的平臺慣例。也就是，同一用語、功能、操作保持一致。主要包括以下五個方面：

1. 結構一致性

保持一種類似的結構，新的結構變化會讓用戶思考，規(guī)則的排序能減輕用戶的思考負擔。

示例：微信中每個模塊的條目都有統(tǒng)一的「圖標+文字信息」的結構樣式，能讓用戶快速了解每一個模塊；

2. 色彩一致性

產品所使用的主要色調應該是統(tǒng)一的，而不是換一個頁面，顏色就不同。

示例：淘寶的圖標顏色與界面的主色均為橙色，也包括其中一些標簽和強調的文字顏色都是橙色色。整個界面除了圖片的有效信息外，都通過灰、白、橙色色來呈現(xiàn)，界面保持了很好的一致性；

3. 操作一致性

能在產品更新?lián)Q代時仍然讓用戶保持對原產品的認知，減小用戶的學習成本。

示例：微信在對話框和通訊錄都采用了左滑出操作的交互，如下圖：

4. 反饋一致性

用戶在操作按鈕或者條目的時候，點擊的反饋效果應該是一致的。

示例： QQ的每個分組點擊后都是向下展開組內成員列表；

5. 文字一致性

產品中呈現(xiàn)給用戶閱讀的文字大小、樣式、顏色、布局等都應該是一致的。

示例：例如微信幾個關鍵界面的字體：三個主界面內容結構不盡相同，但是，列表的標題字體和間距都一樣，這樣讓整個APP視覺上看起來很舒服；

5 ·. 防錯原則

比出現(xiàn)錯誤信息提示更更好的是，用設計防⽌止這類問題發(fā)生。在用戶選擇動作發(fā)⽣生之前，就要防止用戶容易混淆或者錯誤的選擇。

1. 限制操作范圍與條件；

示例：未輸入驗證碼前，底部的登錄按鈕是置灰不可點擊的，只有填寫完整，底部的登錄按鈕才會變?yōu)榭牲c擊狀態(tài)。這就是為了防止用戶犯更多錯誤；

2. 對有風險的操作進⾏二次確認；

示例：刪除個好友時，通過二次彈窗給出防錯措施。

6 ·. 易取原則

減少用戶記憶負荷，在適合的時機給用戶需要獲取的信息。

1. 為用戶提供歷史記錄、關注、收藏等功能；

示例：愛奇藝為用戶提供了看過記錄和我的收藏，幫助用戶記憶：

2. 選擇而不是輸入，盡量降低輸入成本;

示例1：打車軟件自動獲取當前位置；

示例2 ：iOS系統(tǒng)收到驗證碼后自動帶入到鍵盤，點擊直接輸入；

7 ·. 靈活高效原則

對于新用戶來說，需要功能明確、清晰，對于老用戶需要快捷高效使用高頻功能。不可為了某一種用戶，把不必要的信息占據(jù)重要部分。主要體現(xiàn)在3個方面：

1. 自定義功能或模塊的展示位置；

示例：支付寶首頁的應用是可以根據(jù)自身喜好自定義的，包括定義常用應用、排序、刪除、新增等等。這樣用戶可以根據(jù)自己的個人興趣定制自己適合的應用分布方式，這就叫做用戶定制常用功能，如下圖：

2. 將“常用”自動歸納以提升使用效率;

示例：微信聊天界面表情彈窗中會有一個「最近使用」的模塊，它把個人平時使用頻率或者次數(shù)最多的表情進行歸類。當用戶使用的時候，能很快的找到自己喜歡或者常用的表情，提高了聊天效率；包括餓了么的「我的訂單」里的每一個訂單都可以通過再來一單重新一鍵下單，如下圖：

3. 縮短操作路路徑，提升使⽤用效率與體驗；

示例：微信的對話框，當點擊「+」調出下面的操作選項時，會默認彈出剛截圖或拍照的照片，方便用戶直接調取，還有APP長按后出來的快捷操作列表，如下圖：

8 ·. 易掃原則

直譯：美學和簡約的設計；頁面不應包含不相關或很少需要的信息，頁面中的每個額外信息都會降低主要內容的相對可見性。

示例：如下圖列表中出現(xiàn)的信息都是用戶比較關注的信息，比如配送費，配送時間，距離等；攜程的選擇機票界面講最重要的時間和機票價格放大突出，讓用戶能一眼看到，如圖：

9 ·. 容錯原則

直譯：幫助用戶識別、診斷和從錯誤中恢復；我們盡量避免用戶出現(xiàn)錯誤，但當出現(xiàn)錯誤時，我們應該盡量去安撫用戶的挫敗感。

⽤配圖+文字代替「404」，明確告訴用戶哪⾥錯了和解決方案。

示例：界面加載失敗時的刷新提示，還有登錄時的手機號碼校驗，如果手機格式錯誤會出現(xiàn)會提示用戶手機格式不正確和正確的格式。

10 ·. 人性化幫助

幫助性提示最好的方法是：

1.無需提示: 非常簡單易懂，用戶看界面就知道怎么操作，無需提示；

2.一次性提示: 只需要一次提示用戶就懂如何使用；

示例：常見的新功能引導、引導⻚等，示例：

3. 常駐提示: 較重要的提示，用于指導或幫助用戶；

示例：支付寶轉賬時，常駐在頂部的安全確認提示，還有轉賬時的服務費提示，如圖：

4. 幫助文檔: 稍微復雜一點的軟件，雖然要讓他盡量簡單但幫助文檔都是必要的；

示例：微信設置界面里的「幫助與反饋」，還有支付寶轉賬時彈出來的「求助反饋」，點進去后的常見問題界面;

以上就是我對Jakob Nielsen（雅各布·尼爾森）的十大交互設計原則的理解和實例解讀，希望對大家有所幫助。如果大家同樣對這些方面有些興趣或者看了后有些什么想法，歡迎一起討論。

三、產品設計中如何有效地傳達信息

用戶在日常使用產品、網站或應用時都會不斷面臨著信息決策，不管是購物，還是閱讀，音樂等等這些，用戶都會進行著有意識或無意識的決策過程。因此在對相關產品進行設計時，思考用戶決策背后的信息影響因子，并將影響因子有效的展示給用戶，提高用戶的決策效率，促成用戶的決策，對產品有著重要意義。

本文將涉及的主要內容為1）用戶決策過程的五個階段，2）如何進行信息的組織設計與信息的優(yōu)先級判定，3）案例簡析美團外賣與網易運營課海報。

一．用戶決策過程的五個階段

用戶的決策過程一般可包括需求認知，信息收集，方案評估，決策執(zhí)行，以及行動反饋等階段，如圖一所示。其中信息收集則是本文要重點來闡述的。

需求認知：用戶在做一件事的時候都會具有一定的目的性，這個目的性可能是清晰的也可能是模糊的，正是基于用戶對需求的認知才會產生用戶的決策過程。例如，用戶打開音樂播放器，不管是否有要聽的明確的音樂，它潛在的目的還是在于聽音樂，打開外賣，潛在目的也是在于尋找食物。因此，用戶決策的初始階段是在于需求的認知。只有用戶有了某種需求或被刺激到了某種需求，他們才會去做接下來的決策過程。明確用戶需求，知道用戶使用這個產品或功能是為了做什么。

信息收集：在用戶要進行決策前，先要做的是對決策信息的收集，通過收集到的信息來支撐接下來的決策評估。（而在信息收集階段，產品就要在這個階段盡可能有效地傳遞信息，以幫助用戶來進行決策，促成用戶決策）

方案評估：當用戶掌握一定的信息時候，用戶就會根據(jù)自己的需求來對面臨的方案進行評估，用戶方案評估面臨的便是方案所帶來的成本與收益，根據(jù)之前所獲取的信息進行成本—收益評估。比如，要讀一本書，讀者就會考慮到這本書值不值得讀，因為讀一本對于用戶來說所花費的時間成本相對來說是比較高的（在不考慮金錢成本前提下）。

決策執(zhí)行：用戶根據(jù)自己對已有方案的判斷，來確定自己執(zhí)行某種方案或放棄執(zhí)行，當用戶執(zhí)行某種方案時，應盡可能讓用戶執(zhí)行的過程順暢方便，此處便要求功能的設計要簡單方便。

行動反饋：當用戶執(zhí)行某種方案后，會對方案的體驗有所反饋，是良好的體驗還是糟糕的體驗。例如，用戶叫了外賣之后，用戶會對等待的時間以及食物的好壞有著自己的體驗。他們會有自己的反饋，這些反饋信息，如果傳遞到平臺上，會是其余用戶的決策的重要信息比如購物評分，這些信息可以幫助降低用戶對信息的不確定性，促進用戶決策。

二．信息的組織與設計

正如香農所說：信息是用來消除隨機不確定性的東西。我們在進行信息組織與設計時，目的就是為了解決信息冗余，信息不對稱等問題，把信息更有效地傳遞給用戶，以幫助他們做出決策。當然，在進行產品的信息設計中，信息除了幫助判斷決策，還有引導決策的作用，以提高轉化率。

對于人處理信息的能力，有兩位國外學者的理論值得我們在進行信息組織與設計時借鑒運用。

從兩位學者提出的理論中，我們可以得出，用戶在決策過程中收集信息與加工信息的能力是有限的。因此我們在向用戶展示信息的時候，展示的信息數(shù)量（信息較多時，可將信息轉化為塊或單元來處理）以及不同信息的優(yōu)先級是我們所要考慮的。如圖二所示，在信息收集階段，用戶可能面臨著茫茫多的信息。

而作為產品的設計者，我們不能讓用戶有盲人摸象的感覺，對信息進行必要且合理的組織與設計顯然是重要的的，即該提供哪些信息以及不同信息的展示比重。

由于大部分產品與應用面向的都是群體用戶，因此在信息的組織與設計上展示的更多的是趨同部分的信息，從而做到大面積覆蓋到盡可能多的用戶。而對于個性化需求，可以做專門的信息設計，從而使得產品能滿足多樣化的需求。

個人把信息收集階段的信息從三個維度進行了分類劃分，分別是商品屬性，營銷屬性和行為屬性。

A商品屬性：商品本身所固有的一些性質，比如標題，介紹，價格，產地等等。

B營銷屬性：利用產品特點和用戶需求去推廣、傳播和銷售產品，比如折扣，推薦，贈品，時間更短等等。

C行為屬性：用戶留下的歷史行為，比如熱度，評論，銷量，收藏，瀏覽量等等。

當產品設計者把信息因子收集并組織分類好之后，便要對這些信息優(yōu)先級進行判定，以便讓信息更有效地展示出去。關于信息優(yōu)先級的判定，筆者認為可以從信息的周全性（信息是否足夠描述清楚所傳達的事物）和信息的收益性（信息對用戶決策帶來的收益性有多大）兩個維度來裁定。當然周全性—收益性的優(yōu)先級判定是需要根據(jù)自己的具體產品來裁定的，因為有些信息可能會給產品帶來巨大商業(yè)價值，但是對用戶當前決策的作用不明顯，甚至有些信息可能會在產品上難以實現(xiàn)。因此周全性—收益性優(yōu)先級排序，要基于所服務的產品。

圖三為周全性—收益性示例圖（ABC分別為信息的三個類別，商品屬性，營銷屬性，行為屬性；數(shù)字為該類別中的信息因子；四個顏色區(qū)域代表信息優(yōu)先級的四個等級，優(yōu)—高—中—低，同一級別的信息可根據(jù)產品與用戶需求來綜合裁定，一般顏色越深代表信息越重要）。

不同信息對用戶的決策影響是不同的，根據(jù)產品的需求將信息的展示做優(yōu)先級的評定，這樣能讓相關產品設計制作人員更直觀了解在界面設計傳達上，不同信息的意義與視覺比重。

三．案例分析

例1 以美團外賣用戶選購外賣快餐為例，當用戶在選擇外賣的時候，哪個好吃，哪個實惠，哪個配送更快等等，都是用戶會去考慮的問題。

在信息收集階段所面臨的信息可能是龐雜的，而要提供給用戶的信息應該是簡潔有效的。圖四是目前的外賣快餐上不同信息的視覺優(yōu)先級。

商品屬性：A1圖片，A2店鋪標題，A3距離，A4價格條件

營銷屬性：B1優(yōu)惠活動，B2配送時間

行為屬性：C1星級，C2月銷量

根據(jù)信息周全性與收益性將這些信息因子進行優(yōu)先級評定，結果大致如圖五

從圖中可以看出大致有兩點和美團外賣目前的信息優(yōu)先級不同，分別為 A4價格條件， B2配送時間。按理說，價格條件對用戶是個購買門檻，對用戶決策影響應該是比較大的，但考慮到商業(yè)性，弱化條件門檻的視覺比重可以提高用戶做出正面決策。而對于配送時間，個人認為其優(yōu)先級是可以相對較高的，因為配送時間決定了用戶什么時候開始訂餐以及大概什么時候能送達。這對于時間不充裕的用戶來說是重要的，因此對于配送時間可以在營銷上做些文章。

案例2 不知道大家最近有沒有被一張網易運營課海報刷屏，海報如下

從這張海報中抓取出主要信息有：

商品屬性：A1網易，A2運營課，A3授課人，A4原價

營銷屬性：B1折扣價，B2限額贈送

對這些主要信息進行優(yōu)先級評定，大致如圖六所示

從圖中可以看出，在信息優(yōu)先級上， A2運營課作為優(yōu)先級很高的信息，在宣傳海報上卻未能體現(xiàn)出來，因此在海報展示上信息的周全性是不夠的。當筆者在手機上第一眼看到這個海報縮略圖時，除了網易要開課外，其余的基本屬于懵逼狀態(tài)。對于網易感興趣的用戶可能會點開圖片，而對于網易并不太關注的但對運營感興趣的用戶很可能不會點開圖片。即使在大圖中，尋找到這張海報是做什么的，也需花費不少時間。因為在信息傳遞的周全性上不夠充分，而會錯失部分受眾。

后記：把握用戶的決策過程，做好信息的設計，規(guī)劃好信息的優(yōu)先級，讓信息更有效地傳達給用戶。

由于文中闡述多來源個人經驗與總結，不免會有所偏差，重在靈活運用，歡迎探討指教。

四、三只松鼠頁面中結合中秋節(jié)的活動請從配色和布局兩個方面分析三只松鼠店鋪的Banner 視覺設計？

時代造就英雄這句話一點都沒有錯，三只松鼠，創(chuàng)造了堅果類第一品牌;他運用的手段和小米的類似，但是他和小米不一樣的地方是，三只松鼠運用的是全網營銷，而小米用的是社群營銷。三只松鼠最開始起源于淘寶，所以如果你要想弄清楚關于，三只松鼠...

以上就是關于產品設計分析案例相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內容。