視覺設(shè)計師常常需要深入了解用戶需求和市場狀況，并結(jié)合自己的設(shè)計技術(shù)和創(chuàng)造力，在產(chǎn)品角度思考視覺設(shè)計的工作。本文以58到家的視覺設(shè)計為例，通過分析58到家的3D視覺場景，從方案設(shè)計到實際內(nèi)容的落地，對視覺設(shè)計體系、設(shè)計規(guī)范的方法進行了解析。推薦關(guān)注產(chǎn)品設(shè)計的小伙伴閱讀。

作為一名優(yōu)秀的視覺設(shè)計師，我們需要不斷地探索和學(xué)習最新的設(shè)計潮流和技術(shù)，以創(chuàng)造出符合用戶需求和愿望的優(yōu)秀產(chǎn)品。而產(chǎn)品思維則是指通過深入了解用戶需求和市場狀況，并結(jié)合自己的設(shè)計技術(shù)和創(chuàng)造力，找到最佳的設(shè)計方案來實現(xiàn)產(chǎn)品成功的過程。

接下來我將借助產(chǎn)品思維的方法，和大家一起探討如何用產(chǎn)品思維做好視覺設(shè)計。

一、深挖用戶需求

1. 定義目標用戶，明確設(shè)計方向

每次設(shè)計前，我們都需要了解用戶的需求。首先我們要明確自己的目標用戶是誰，他們在什么情況下會使用我們的產(chǎn)品。

只有目標明確，我們才能更好的確定我們的設(shè)計方向和思路，從而設(shè)計出符合我們想要的產(chǎn)品視覺。以58到家為例，針對用戶群體方面，58到家用戶多為25～36歲的青年人群，且女生居多，具有高收入、追求高品質(zhì)、精致生活、年輕化的特點。

因此通過整合分析，在視覺上我們需要打造的是吸引用戶點擊并且能夠給人帶來品質(zhì)生活感受的視覺設(shè)計。同時，我們也需要了解用戶喜好和習慣，例如：使用頻率、平臺偏好等。而這些信息可以通過市場調(diào)研、用戶訪談、用戶數(shù)據(jù)分析等多種方式進行獲取。

根據(jù)用戶在使用產(chǎn)品過程中遇到的問題，我們可以將用戶分為4個類型：初級用戶、普通用戶、活躍用戶和終極用戶。

1. 初級用戶：對產(chǎn)品非常陌生，沒有任何經(jīng)驗。
2. 普通用戶：熟悉產(chǎn)品，并且能夠正確使用和維護產(chǎn)品。
3. 活躍用戶：對產(chǎn)品有一定了解，但不完全了解，并能提出問題。
4. 終極用戶：對產(chǎn)品非常熟悉，并且有很高的期望，能提出很多問題和需求。

定義目標用戶之后就可以開始分析目標用戶的需求了，我們可以根據(jù)自己的定位來分析出目標用戶的需求點。

例如：當我們發(fā)現(xiàn)自己是新手時，就可以分析出新手使用產(chǎn)品時會遇到哪些問題；當我們發(fā)現(xiàn)自己已經(jīng)完全了解產(chǎn)品之后又會有哪些問題。通過這樣的分析，我們就可以確定出自己的目標用戶到底需要什么樣的產(chǎn)品功能。

2. 分析用戶場景，滿足核心需求

什么是場景？“場”是由時間和空間組成，必須有具體的時間和地點位置。“景”是由情景和互動組成，用戶在一定的時間和空間里產(chǎn)生的動作事件。通俗理解就是除了用戶主體之外的客體，我們都可以歸為場景，其中包含時間、空間和事件。

以58到家為例，保潔的場景可能是周六的上午（時間）在家里（空間）計劃來一次大掃除（事件），對于忙了一周的自己來說特別勞累根本沒有精力去進行，這時希望保潔可以快速上門完成打掃，舒適享受周末生活。通過這個案例來講就構(gòu)成了完整的需求鏈路，同時場景貫穿于用戶產(chǎn)生需求的整個過程。

上面我們對于用戶場景進行了定義和闡述，而用戶場景分析是指對用戶在特定場景下的行為、需求和期望進行分析和描述的過程。它可以幫助設(shè)計團隊了解用戶的使用環(huán)境，從而更好地滿足他們的需求和期望，提高產(chǎn)品的用戶體驗。那么如何進行用戶場景分析呢？

用戶場景分析的過程一般包括以下幾個步驟：

1. 確定重點用戶：確定需要分析的用戶群體，并了解他們的行為模式、使用情境和需求。
2. 收集用戶數(shù)據(jù)：通過用戶調(diào)研、訪談和觀察等方式收集用戶的數(shù)據(jù)和信息。
3. 制定用戶場景：根據(jù)收集到的用戶數(shù)據(jù)和信息，制定符合用戶需求的用戶場景，并對每個場景進行描述，包括場景名、角色、任務(wù)、目標和環(huán)境等。
4. 評估用戶場景：通過評估用戶場景，發(fā)現(xiàn)場景中存在的問題和優(yōu)化點，完善場景的設(shè)計。
5. 優(yōu)化設(shè)計產(chǎn)品：通過用戶場景分析的結(jié)果，優(yōu)化產(chǎn)品設(shè)計，提高用戶體驗。

二、設(shè)計流程規(guī)范化

為了打造更優(yōu)質(zhì)的用戶體驗，我們除了對用戶需求進行研究分析，必須還要擁有一套規(guī)范化的視覺設(shè)計流程。規(guī)范化的視覺設(shè)計流程一般分為四個階段，首先是頭腦風暴階段，之后是方案設(shè)計階段，接著是設(shè)計原型階段，最后就是數(shù)據(jù)驗證階段。

1. 頭腦風暴，碰撞新靈感

視覺設(shè)計頭腦風暴的實踐應(yīng)該從三個方面來考慮：目標、參與者和環(huán)境。

首先，目標對于頭腦風暴來說是非常重要的。在設(shè)計過程中，我們必須根據(jù)用戶需求明確我們需要解決的問題，比如設(shè)計一個超級符號、一個海報或者一個動畫。明確問題的關(guān)鍵是使得我們的頭腦風暴具有方向性，從而更加高效。當然根據(jù)我們的目標可以進行一些競品分析，通過討論競品與自身需求特點碰撞出新的靈感想法。

其次，參與者的成分和配合也是非常重要的。一般來說，最好不要超過8個人，以便確保參與的人們能完全傾聽彼此的意見。這些參與者最好包括不同的崗位和專業(yè)人士，他們的經(jīng)驗可以提供不同的視角和想法。

最后，環(huán)境也是很有必要的。頭腦風暴的環(huán)境是讓人們舒適，專注，而且能夠自由地交換想法。鼓勵定期的休息和變化，以便人們的頭腦能夠保持新鮮和有創(chuàng)造性。

2. 方案設(shè)計，實現(xiàn)產(chǎn)品目標

（1）設(shè)計策略

在進行頭腦風暴之后，設(shè)計師需要根據(jù)腦暴方向制定設(shè)計策略。設(shè)計策略是指根據(jù)需求分析的結(jié)果，確定設(shè)計思路、設(shè)計方向和設(shè)計技巧等方面的問題。在確定設(shè)計策略的過程中，設(shè)計師需要考慮多方面的問題，包括設(shè)計規(guī)范、風格定位和調(diào)性等等。這些設(shè)計策略將成為后續(xù)設(shè)計過程中的指導(dǎo)方針和標準，保證整個設(shè)計方案的一致性和高效性。

（2）設(shè)計方案的表現(xiàn)形式

在設(shè)計策略確定后，設(shè)計師需要選擇合適的表現(xiàn)形式，將設(shè)計方案生動地展現(xiàn)出來。表現(xiàn)形式可以是手繪圖或草圖，也可以是簡短的概念說明或文字描述，還可以是制作視頻或利用虛擬現(xiàn)實技術(shù)等等。通過合適的表現(xiàn)形式，設(shè)計師可以讓需求方更好地理解設(shè)計方案，取得需求方的認同和支持。

（3）設(shè)計方案的選擇

設(shè)計方案的選擇是視覺方案設(shè)計階段的最后一步。在此階段，設(shè)計師需要與需求方溝通，和他共同討論和評估不同設(shè)計方案的優(yōu)劣，并最終確定最佳的設(shè)計方案。同時，設(shè)計師需要對確定的設(shè)計方案進行再次地檢查和修正，確保整個設(shè)計方案能夠完美地達到需求方要求。

3. 設(shè)計原型，提升應(yīng)用效率

設(shè)計原型為了能夠更好的展示我們的產(chǎn)品，在我們完成設(shè)計方案后，需要做的就是設(shè)計原型。原型是用于演示設(shè)計方案，并讓用戶體驗和測試的一種方式?？梢詫⑵淇醋饕粋€模型，用來演示我們需要表現(xiàn)出來的東西。

通過這個原型我們可以方便地了解設(shè)計方案是否滿足了用戶需求。為了確保原型能夠通過測試并充分地體現(xiàn)產(chǎn)品或項目中所要表達的內(nèi)容，在進行原型設(shè)計前應(yīng)對其進行適當?shù)匦薷暮驼{(diào)整。

4. 驗證數(shù)據(jù)，提高轉(zhuǎn)化率

對于設(shè)計師來講，視覺設(shè)計數(shù)據(jù)在視覺的迭代過程中有著非常重要的參考價值。收集和分析用戶數(shù)據(jù)可以幫助我們驗證視覺設(shè)計的有效性和影響力，進更深刻地了解用戶、發(fā)現(xiàn)更深層次的問題。在這個基礎(chǔ)之上不斷的去深挖用戶需求，進而達到我們設(shè)計的目的。

數(shù)據(jù)驗證包含A/B測試、合意性測試等多種形式。在日常設(shè)計中最為常見的是A/B測試，即對比兩個視覺設(shè)計變量，如兩種顏色方案或排版布局，并通過收集用戶數(shù)據(jù)確定哪個設(shè)計更好。設(shè)計師可以根據(jù)用戶數(shù)據(jù)調(diào)整設(shè)計以提高用戶轉(zhuǎn)化率和忠誠度。

三、搭建視覺體系

1. 建立視覺規(guī)范，傳遞設(shè)計價值

視覺規(guī)范是一套指導(dǎo)品牌、產(chǎn)品或平臺視覺設(shè)計的準則和原則。它包括一系列規(guī)定的設(shè)計維度，比如超級符號、色彩、構(gòu)圖、版式等，并且這些維度都需要被整合到一個具有一致性和可識別性的整體中。

視覺規(guī)范旨在確保品牌、產(chǎn)品或平臺在視覺上具有一致性和高度的認知度，并且符合品牌、產(chǎn)品或平臺的價值和形象。除此之外，它可以更有效地提升用戶體驗。以58到家為例，在它的整個視覺語言規(guī)范體系中包含了設(shè)計理念、符號運用、色彩構(gòu)圖等維度，廣泛覆蓋了ui界面以及日常品牌運營活動，在視覺上完美做到了高效統(tǒng)一。

在設(shè)計視覺規(guī)范時，一般會遵循以下幾個原則：

1. 統(tǒng)一性原則：設(shè)計規(guī)范應(yīng)該包括品牌元素，如標識、色彩、字體，保持品牌的一致性。
2. 明確性原則：視覺規(guī)范應(yīng)該具有明確的指導(dǎo)性，告訴用戶如何正確的使用品牌的基礎(chǔ)元素和哪些元素不應(yīng)該改變。
3. 可復(fù)用性原則：設(shè)計規(guī)范應(yīng)該易于應(yīng)用，并可在不同場景下進行適應(yīng)。

2. 迭代視覺規(guī)范，提升用戶體驗

（1）評估目前的規(guī)范是否滿足當下需求

視覺規(guī)范的每一次迭代優(yōu)化都是在對最初設(shè)計的審視和檢驗。在進行視覺規(guī)范調(diào)整時，首先要對現(xiàn)有視覺規(guī)范或規(guī)則進行評估它們是否適合目前的項目需求。如果需要優(yōu)化，則需要根據(jù)當前的設(shè)計需求來確定設(shè)計規(guī)范的調(diào)整方向。例如，如果設(shè)計師正設(shè)計一個全新的品牌形象，那么品牌顏色、字體和圖形等方面的規(guī)范需要被重新審視和調(diào)整。

（2）根據(jù)用戶反饋來調(diào)整設(shè)計規(guī)范

另一個設(shè)計規(guī)范調(diào)整的重要因素是用戶反饋。收集并分析用戶反饋，可以幫助設(shè)計師更好地理解用戶的需求和期望，并相應(yīng)地調(diào)整設(shè)計規(guī)范。例如，如果用戶反映當前的設(shè)計不夠直觀或易用，那么設(shè)計師可以考慮調(diào)整風格或布局，以更好地滿足用戶需求。

（3）關(guān)注市場趨勢并及時調(diào)整

追蹤市場趨勢和新技術(shù)的發(fā)展，也是設(shè)計規(guī)范調(diào)整的重要因素之一。設(shè)計師需要不斷關(guān)注市場的變化和發(fā)展趨勢，并根據(jù)需要相應(yīng)地調(diào)整設(shè)計規(guī)范。例如，隨著智能手機和平板電腦的普及，設(shè)計師需要將設(shè)計規(guī)范調(diào)整為更適合移動設(shè)備的格式和布局。

總之，迭代視覺設(shè)計規(guī)范是一個動態(tài)的過程，需要設(shè)計師不斷關(guān)注市場變化和用戶需求，加強協(xié)作和溝通，根據(jù)需要及時調(diào)整并優(yōu)化設(shè)計規(guī)范。

四、寫到最后

使用產(chǎn)品思維做視覺設(shè)計會讓設(shè)計師在進行設(shè)計時更加專注，且會讓設(shè)計師更快地找到解決方案。而且能夠有效地激發(fā)設(shè)計師的創(chuàng)意，使他們更加專注于設(shè)計。

如果通過產(chǎn)品思維做視覺設(shè)計能夠讓設(shè)計師們更好地理解用戶需求、用戶體驗及用戶畫像，那么他們將會打造出更具吸引力的產(chǎn)品視覺，最終實現(xiàn)自我價值。