如何運用產品思維做好視覺設計

0 評論 4806 瀏覽 39 收藏 17 分鐘

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

作為一名優秀的視覺設計師,我們需要不斷地探索和學習最新的設計潮流和技術,以創造出符合用戶需求和愿望的優秀產品。而產品思維則是指通過深入了解用戶需求和市場狀況,并結合自己的設計技術和創造力,找到最佳的設計方案來實現產品成功的過程。

接下來我將借助產品思維的方法,和大家一起探討如何用產品思維做好視覺設計。

一、深挖用戶需求

1. 定義目標用戶,明確設計方向

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

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

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

如何運用產品思維做好視覺設計

根據用戶在使用產品過程中遇到的問題,我們可以將用戶分為4個類型:初級用戶、普通用戶、活躍用戶和終極用戶。

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

如何運用產品思維做好視覺設計

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

例如:當我們發現自己是新手時,就可以分析出新手使用產品時會遇到哪些問題;當我們發現自己已經完全了解產品之后又會有哪些問題。通過這樣的分析,我們就可以確定出自己的目標用戶到底需要什么樣的產品功能。

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

什么是場景?“場”是由時間和空間組成,必須有具體的時間和地點位置?!熬啊笔怯汕榫昂突咏M成,用戶在一定的時間和空間里產生的動作事件。通俗理解就是除了用戶主體之外的客體,我們都可以歸為場景,其中包含時間、空間和事件。

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

如何運用產品思維做好視覺設計

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

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

  1. 確定重點用戶:確定需要分析的用戶群體,并了解他們的行為模式、使用情境和需求。
  2. 收集用戶數據:通過用戶調研、訪談和觀察等方式收集用戶的數據和信息。
  3. 制定用戶場景:根據收集到的用戶數據和信息,制定符合用戶需求的用戶場景,并對每個場景進行描述,包括場景名、角色、任務、目標和環境等。
  4. 評估用戶場景:通過評估用戶場景,發現場景中存在的問題和優化點,完善場景的設計。
  5. 優化設計產品:通過用戶場景分析的結果,優化產品設計,提高用戶體驗。

如何運用產品思維做好視覺設計

二、設計流程規范化

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

如何運用產品思維做好視覺設計

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

視覺設計頭腦風暴的實踐應該從三個方面來考慮:目標、參與者和環境。

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

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

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

如何運用產品思維做好視覺設計

2. 方案設計,實現產品目標

(1)設計策略

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

(2)設計方案的表現形式

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

(3)設計方案的選擇

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

如何運用產品思維做好視覺設計

3. 設計原型,提升應用效率

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

通過這個原型我們可以方便地了解設計方案是否滿足了用戶需求。為了確保原型能夠通過測試并充分地體現產品或項目中所要表達的內容,在進行原型設計前應對其進行適當地修改和調整。

如何運用產品思維做好視覺設計

4. 驗證數據,提高轉化率

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

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

如何運用產品思維做好視覺設計

三、搭建視覺體系

1. 建立視覺規范,傳遞設計價值

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

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

如何運用產品思維做好視覺設計

在設計視覺規范時,一般會遵循以下幾個原則:

  1. 統一性原則:設計規范應該包括品牌元素,如標識、色彩、字體,保持品牌的一致性。
  2. 明確性原則:視覺規范應該具有明確的指導性,告訴用戶如何正確的使用品牌的基礎元素和哪些元素不應該改變。
  3. 可復用性原則:設計規范應該易于應用,并可在不同場景下進行適應。

如何運用產品思維做好視覺設計

2. 迭代視覺規范,提升用戶體驗

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

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

(2)根據用戶反饋來調整設計規范

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

(3)關注市場趨勢并及時調整

追蹤市場趨勢和新技術的發展,也是設計規范調整的重要因素之一。設計師需要不斷關注市場的變化和發展趨勢,并根據需要相應地調整設計規范。例如,隨著智能手機和平板電腦的普及,設計師需要將設計規范調整為更適合移動設備的格式和布局。

總之,迭代視覺設計規范是一個動態的過程,需要設計師不斷關注市場變化和用戶需求,加強協作和溝通,根據需要及時調整并優化設計規范。

如何運用產品思維做好視覺設計

四、寫到最后

使用產品思維做視覺設計會讓設計師在進行設計時更加專注,且會讓設計師更快地找到解決方案。而且能夠有效地激發設計師的創意,使他們更加專注于設計。

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

作者:58UXD

來源公眾號:58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗設計中心。

本文由人人都是產品經理合作媒體 @58UXD 授權發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!