概念

“用戶體驗”一詞最早出現在 1990 年代， 認知心理學家唐·諾曼 (Don Norman) 隨著技術使用的擴大和發展。 雖然這個詞在最近幾年才越來越被廣泛的認識，但用戶體驗的原則實際上可以追溯到幾千年前，中國古代風水實踐起始的時候。

先來認識一下用戶體驗的概念吧，用戶體驗是一個人或者用戶與產品的互動感覺與體驗。產品是一種商品、服務或功能。 它可能是一個實體產品，也可以是虛擬產品，比如我們所熟知的手機程序、網頁等。

評價一個產品是否擁有良好的體驗的標準是公平、愉快、可用、有用。在設計時考慮原先被排除在外的用戶群體是體現公平的關鍵，比如殘章人士，或與自己有截然不同生活經歷的人。用戶體驗設計中五個最常用的框架: 以用戶為中心的設計過程、 五要素框架、設計思維框架、精益設計（MVP）、雙鉆模型。 選擇其中某一個方法來滿足你的設計需求，這也取決于公司、團隊或項目，我們也許不會每次都使用相同的框架。

1.用戶為中心的設計過程

這是一種設計方法流程，它在每一個階段都關注用戶及其需求。這是一個迭代過程，意味著設計師將一次又一次的回到某些階段，通過這樣的方式來優化我們的設計并為我們的目標用戶創造最好的產品。

以用戶為中心的設計過程的核心是同理心，對我們目標用戶深刻的同情。這不僅僅是關于產品為用戶做了什么，而是關于如何讓用戶感知我們的交互設計。

以下是以用戶為中心的設計過程中的關鍵步驟：

• 了解用戶如何體驗產品。我們想知道用戶是如何參與我們的設計，以及他們將在其中體驗產品的環境，理解這一點需要大量的研究，比如觀察用戶的行動和進行采訪，這些方法將在后面進行探討。

• 指定用戶的需求。根據我們在上一步的研究，找出最需要解決的用戶問題。

• 設計解決方案。為需要解決的需求提出多種可能解決方案，然后開始實際設計這些想法！

• 驗證解決方案。問問自己，我創建的設計是否解決了用戶的問題？要回答這個問題，這里我們應該與真人一起測試自己設計的產品并收集反饋。

示意圖中的箭頭說明了以用戶為中心的設計過程的迭代質量。設計師回到流程的早期階段來完善和修正他們的設計。通過以用戶為中心的設計流程，始終致力于改善用戶體驗并解決用戶面臨的問題！

以用戶為中心的設計過程的指導原則：

為用戶及其需求而設計（可用性原則）

按照我們自己的想法來設計是新手設計師常常容易陷入的誤區，因為它看起來很酷或解決了您自己的問題之一。但請務必記住，你不是用戶。你正在設計以幫助具有特定需求的不同人群。

使您的文案具有對話性（環境貼近原則）

產品設計中的文字應該具有友好、簡單且易于理解的語氣。避免使用用戶可能不理解的行話或過于復雜的術語。

清楚地呈現所有信息（易取原則）

用戶應該能夠輕松瀏覽您的產品設計，而無需其他人的幫助。使關鍵信息（如結帳按鈕）易于查找和識別。

確認用戶操作（狀態可見原則）

您的產品應該讓用戶知道他們何時正確執行了任務。這可能像按下圖標時彈出一個新窗口一樣簡單，也可能像用動畫扔的五彩紙屑來證明用戶已完成任務一樣復雜。 

提供支持（人性化幫助原則）

作為 UX 設計師，我們的目標是讓每個用戶都可以訪問和理解設計，但有時我們會做得不夠。為用戶提供安全網，例如支持中心或常見問題列表。確保沮喪的用戶不必在整個產品上滑動和點擊來尋求幫助。

2.五要素設計框架

用戶體驗五要素已經是老生常談的一個概念了，它是Jesse James Garrett在《用戶體驗要素-以用戶為中心的產品設計》（The elements of user experience - user-centered design for the web and beyond）中提到的概念。作者Jesse James Garrett還有一個名頭，那就是“Ajax之父”。

用戶體驗設計的五個要素是用戶體驗設計師將想法轉化為工作產品的步驟框架。這五個要素從下到上是：戰略、范圍、結構、骨架和表面。將這些視為一組五層，其中每一層都依賴于它下面的一層。

• 戰略：底層是戰略，在此為設計目標奠定基礎。這些目標基于用戶需求和產品的業務目標。

• 范圍：下一層是范圍，你可以在其中確定正在構建的產品類型。這一層將考慮要包含在產品中的功能和內容類型。

• 結構：中間層是結構，也就是整個產品的信息結構。在這里，你將了解如何組織您的設計以及你希望用戶如何與產品進行交互。

• 框架：框架是產品的布局。就像我們骨骼的布局塑造我們的皮膚一樣，框架層詳細說明了你的設計是如何工作的。

• 表現：頂層，即表面，代表產品對用戶的外觀。表現代表用戶查看和交互的界面。將表現想象成外部世界可見的衣服或化妝品。

  
  

3.設計思維過程

設計思維是一種創建解決方案的方式來解決用戶的問題。設計思維有五個可操作的步驟：

 移情、定義、構思、原型和測試。

第一步：移情

這是關于發現用戶真正關心的是什么，設計師需要并學習如何像他們一樣思考和感受。 你可能會進行調查、訪談或觀察會議，清楚地描繪出你的最終用戶是誰以及他們面臨的挑戰。

第二步：定義

通過創建清晰的問題陳述來定義問題。 問題陳述是對用戶的清晰描述需要解決的問題。 問題陳述應基于用戶研究和，它讓團隊專注于一個明確的目標。后面我們會講到該如何創建問題陳述。

第三步：構思

 一旦我們定義了問題，我們就可以開始構思或集思廣益解決方案。 你的目標應該是想出盡可能多的想法。 通過關注想法的數量，而不是質量， 你更有可能想出創新的解決方案。 最終，我們需要縮小到一些可以原型化的想法。 

第四步：原型

原型是顯示重要功能的產品的縮小版本。 你應該為你的原型制定一個明確的目標。

最后：測試

我們與用戶一起測試原型。 測試將用戶放在首位，因為它為用戶提供了機會 在產品構建之前提供反饋。根據用戶反饋，你可以進行更改和改進，或者提出一個全新的想法。

4.精益用戶體驗  Lean UX（MVP）

精益思想（Lean Thinking）源于20世紀80年代日本豐田發明的，精益生產方式造成日本汽車的質量與成本優勢，曾經壓得美國汽車抬不起頭。精益思想的核心就是消除浪費，以越來越少的投入——較少的人力、較少的設備、較短的時間和較小的場地創造出盡可能多的價值；同時也越來越接近用戶，提供他們確實要的東西。

精益用戶體驗過程側重于減少浪費的時間和資源，并盡快生產出可行的產品。這個過程是迭代的，這意味著團隊在收集用戶研究和利益相關者的反饋時會繼續更新和修改產品。

精益用戶體驗過程分為三個步驟： 

思考

探索用戶遇到的問題，并考慮如何通過設計解決這些問題。這一步是關于收集研究，因此你可以清楚地了解產品的用途以及它將如何幫助你的用戶。 

制作

通過創建草圖、線框和原型開始設計產品。您還將創建一個最小可行產品，簡稱 MVP，它是你可以與用戶一起測試的簡單設計原型。準備好在收集反饋時返回并更新您的原型！

查看

了解用戶如何響應您的設計并收集項目利益相關者的反饋。相應地調整您的設計，并在必要時再次重復這三個步驟。

這些步驟應該根據需要重復多次，直到你的團隊達到所需的最終產品。精益用戶體驗流程鼓勵生產力和協作。精益用戶體驗團隊通常是跨職能的，這意味著您將與工程師和用戶體驗研究人員等團隊成員一起工作。

在使用精益用戶體驗流程時，你應該牢記六個原則：

1. 前進。僅關注將設計過程推向特定目標的設計元素和功能。不要被“好東西”分心。 

2. 保持好奇。Leaning UX 是關于使用來自用戶和利益相關者的反饋來修改和改進你的設計。不斷尋求反饋以了解為什么特定的設計有效或無效。

3. 在現實世界中測試想法。精益用戶體驗鼓勵設計師在會議室之外與潛在用戶一起測試他們的想法——例如使用原型。

4. 外化你的想法。不要在內部辯論和分析一個想法是否可行，而是將你的想法轉化為實際的、可見的和可測試的，同時它們在您的腦海中仍然新鮮。這樣，你將在早期階段獲得有關設計的反饋，不同的觀點和反饋最有幫助。 

5. 將可交付成果重新定義為結果。專注于創造用戶真正想要和需要的可用的、令人愉快的產品。請始終牢記，你首先要為用戶設計，而不是為項目利益相關者設計。

6. 擁抱徹底的透明度。對團隊中的每個人坦誠相待（并期望得到同樣的回報），因為你們將依賴于彼此的見解。這樣，每個人都可以就如何前進做出明智的決定，避免浪費時間和精力。 

   
   

5.雙鉆 Double Diamond

雙鉆模型描繪了在設計流程中發散和收縮的過程，由英國設計協會提出，是一種設計師所使用的思考模式。該設計模型的核心是：發現正確的問題和發現正確的解決方案。一般應用在產品開發過程中的需求定義和交互設計階段。

它將用戶體驗設計分解為兩個主要階段（或“鉆石”）：研究和設計。每個階段有兩個步驟。結合起來，這些是四個步驟：

1. 發現問題。收集有關用戶面臨的潛在問題的信息。 

2. 定義問題。篩選數據，并專注于您的產品旨在解決的主要問題。

3. 解決方案。作為正在進行的工作開始設計您的產品。這就是線框和原型發揮作用的地方。

4. 交付產品。審查和測試您的產品，為發布做好準備。

為了更方便理解，我從網上找了中文理解示意圖：

原文鏈接：https://www.sohu.com/a/412691806_769195

與我們討論過的許多設計方法一樣，Double Diamond 是迭代的，而不是線性的。每個沖刺都會帶領團隊獲得用于改進產品設計的新見解。然后，該過程以新的迭代重新開始。把它想象成學生在將最終草稿交給老師評分之前寫的研究論文的各種草稿。

Double Diamond 還鼓勵整個組織的團隊合作，因此設計團隊不僅僅專注于設計。要取得成功，整個團隊必須知道如何結合設計原則、設計方法、用戶參與策略和領導原則。準備好根據需要承擔多種角色和職責。

雙鉆石流程有四個原則： 

1. 以用戶為中心：與 UX 設計的情況一樣，用戶是重中之重。

2. 交流：通過補充文本的圖像和設計選擇進行視覺交流。你還應該確保你的設計交流是公開和可訪問的。

3. 合作：雙鉆流程的獨特之處之一是它鼓勵與您的團隊成員進行創造性合作和共同創造。 

4. 迭代：接受設計正在進行中并且不會立即完成的事實。神奇在于修訂。每一次迭代，你都會給用戶帶來新的體驗。

總結：

在前面我們討論了5種常見的設計研究方法，可以發現究其根本，就是在開始設計前，設計師首先應該定位問題所在，是用戶最關心的問題，而非我們想象中的問題。在這個基礎上再去拆解我們的設計目標，提供足夠多的可能性的解決方案將問題逐個擊破。設計后期我們需要驗證，和用戶一起進行可用性測試。然后不斷的往復循環。這些方法并非獨立的，都是交叉相通的，所以在使用中我們可以靈活運用。

事實上在工作中我們可能已經嘗試過其中某一個環節，但是卻未必系統的了解它的原理。我認為理論知識可以幫助我們更宏觀的看待問題，指引我們使用方法找到更多的解決方案。我也一直秉持這樣的信念在學習設計理論，希望我的整理筆記對需要的人能有所幫助。

文章來源：站酷   作者：將晚秋

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

在過去的幾年中，深色模式一直是用戶最期待的一個功能。你可以自由切換你喜歡的模式來適應當前的場景，iOS和Android也都在2019年布局了系統級的深色模式，深色模式可獲得出色的視覺體驗，尤其是在弱光環境中……有助于你專注地開展工作，因為內容會較為顯眼，而顏色加深的控制項和窗口則會隱入背景之中。但真是這樣嗎，或者只是一種實際上弊大于利的操作？ 

文章內容：

1、什么是深色模式

2、從可用性角度看深色模式

3、為什么深色模式看起來不自然

4、從設計角度看深色模式

5、結論

什么是深色模式？

雖然各種軟件界面的色調和顏色會有所不同，但是對深色模式的處理方式都是在深色背景上顯示明亮文本和界面元素的配色方案。相比之下，在淺色背景上顯示深色文本和界面元素的配色方案，在這里我們稱之為淺色模式。

而事實上，深色模式比淺色模式早了幾十年。在其最初的階段，深色模式并不是一種有意的解決方案，而僅僅是當時計算顯示設備是陰極射線管（CRT），且只能顯示單色的顯示，屏幕看上去就是黑的，黑底白字或者黑底綠字就是計算機行業的早期狀態。直到1980年代彩色顯示器發明后，微軟視窗系統上線之后，黑底顯示才退出主流。蘋果在1984年推出“麥金塔”個人電腦，第一次發布采用圖形用戶界面，由此開啟了計算機屏幕白底顯示的主流之路。

 ibm 5151單色監視器

淺色模式出現的確切時間很難確定，但可以追溯到施樂Parc圖形用戶界面，它也極大地影響了早期蘋果的“麥金塔”和其他操作系統，該界面使用了以白色背景為主的深色文本和界面元素。它與顯示技術的進步和現代圖形用戶界面的出現密切相關。這種能夠顯示色彩的且更先進的RGB CRT顯示器拉開了淺色模式的序幕。

1973年的施樂Alto是最早使用輕型接口模式的計算機之一

從可用性角度看深色模式

深色模式的實用性有多少，每個人看法也不一樣。盡管深色模式的界面可能不像淺色模式那樣觀感清晰，但深色模式的界面卻具有一定的魅力，可以讓你聯想到新穎，高端，精致，神秘，力量，奢華這些詞。但是，黑色也是一種會引起人們強烈的情感一個顏色，并且在過度使用時很容易使人無法承受。

2019年9月，蘋果公司上線深色模式（Dark Model）時，在官網上如是宣傳道。從iPhone到Mac，當庫克決定在蘋果公司幾乎所有產品上線深色模式、甚至要求所有在AppStore上架的應用都必須兼容深色模式時，安卓陣營的谷歌、華為、三星等頭部公司也紛紛在其最新手機中推出了深色模式，相應地從WhatsApp到微信等全球主流的應用也都推出了深色模式。

但是，想要獲得良好的深色模式是相對比較難的。一方面，深色模式迫使放大瞳孔來捕獲必要的視覺信息，從而導致整體清晰度的降低。而同時界面中高亮的部分又迫使我們的瞳孔縮小去適應亮度，以便提高清晰度。這也就能理解為什么白色背景上的黑色文本在你的眼睛中通常會顯得更清晰的原因。

擴大的瞳孔讓光線更多，但感覺到的銳度受到損害

行業對深色模式追逐的群羊效應，也進一步加劇、放大了一個見解：深色模式對眼睛更友好更健康！

但是，事實并非如此。對于一些有散光的人來說，在某種程度上深色模式對他們的眼睛來說更糟糕，深色模式比淺色模式更友好更健康的科學仍有待討論。斯坦?！ぐ轄査寡劭蒲芯克难劭茖＜覍Υ吮硎荆骸拌b于文獻中的數據，我認為深色模式對眼睛沒有任何的友好和健康。” 這種深色模式對眼睛疲勞和潛在的眼睛健康的影響時，使用時間可能比設備的亮度或亮度更重要。

根據美國驗光協會的說法稱，大多數人的眼睛在某種程度上都患有散光，但通常不會引起注意。據美國眼科學院統計，每三個美國人中就一個存在散光的情況，1.5億美國人需要佩戴眼鏡來矯正視力；香港理工大學針對2700多人的臨床檢測發現，在21歲的30歲的香港人中，近40%以上患有100度以上散光。

一起看下面的說明性圖像。即使你有完美的視覺，你也很可能在黑色背景上看到白色文字周圍的光暈。

淺色模式與深色模式

如果增加文字并降低文字的大小，這種效果可能會更強：

右邊的圖像你應該會看到更多的光暈，如果你有散光癥狀，深色模式可能會讓你看屏幕更費勁。在深色模式下，虹膜打開以接收更多的光，并且瞳孔的變形在眼睛上產生了更加模糊的焦點，因此，當你在深色屏幕上看到淺色文本時，其邊緣似乎滲入黑色背景，也就是所謂的“光暈效果”。雖然深色模式可能更適合夜晚等弱光環境下使用，但不一定能幫助更好地閱讀，對于散光患者來說，可能還會加劇視疲勞。

當然，從實用性上講，深色模式也有它的好處，深色模式利用OLED屏幕在純黑的背景下不發光的特性，確實能有效的省電，讓你的電子設備續航上提升很大，這也是很多人一直在追求深色模式的一個重要原因，只要手機續航強比啥都重要！這也可能是蘋果公司決定在幾乎所有產品上線深色模式的一個原因。

另外深色模式更有利于給用戶營造一種沉浸體驗，對于視覺娛樂應用尤為如此。當你想突出顯示特定類型的內容時，深色模式會特別有用。豆瓣、數字尾巴、網易云音樂是我常用的幾個軟件，它們都已經適配了深色模式。在這種模式下你的目光會更加注意到電影的海報、數碼產品和充滿活力的音樂專輯上。

豆瓣、數字尾巴、網易云音樂的深色模式

為什么深色模式看起來不自然

一是由于我們人腦的組織結構造成的，從多年來的多項科學研究和調查得出的結論是，從物種進化來看，人類99%的時間都是在白天中活動，人腦更傾向于在淺的背景上顯示深色的圖像。所以無論白天還是黑夜，淺色的背景都可以讓你更快地專注于顯示的元素，而深色的背景則使其難以辨別文字和視覺界面元素，從而影響你的閱讀效果并最終使你的眼睛疲勞。 其實從世界各地多個洞穴中發現的史前壁畫也能說明為什么我們傾向于喜歡淺色模式。

追逐獵物的獅子，法國Chauvet Cave，約公元前30,000-28,000

德國帕紹大學曾經做過一次測試。在該研究要求參與者閱讀屏幕上的正極性（白色背景上的黑色文本）或負極性（黑色背景上的白色文本）的文本。隨后，參與測試的人員會執行基本的校對任務，例如查找拼寫或語法錯誤。研究人員還測量了每種模式下參與者的閱讀速度。結果是所有參與者在正極性條件下的表現都會更好，他們檢查出更多的錯誤以及閱讀的速度更快。

可讀性差異

另一個學習發現正極性對于在顯示器上讀取小文本特別有利。人腦具有更快的可讀性，更喜歡在光線背景下顯示的深色文本和物體。

二是由于含有大量藍光的光源會使我們眼睛不舒服，當我們談論屏幕對眼睛的潛在破壞性影響時，我們通常是在談論“藍光”，這是由短、高能量波長構成的光譜的一部分。研究發現藍光可能是導致眼睛疲勞的一個因素，但指出長時間不眨眼的干眼也是導致眼睛疲勞的一個更嚴重的原因，當然也有是因為字體太小，以及散光這樣的原因。

當我們身處暗室或是在黃昏或夜晚時，眼睛會切換成不同的視覺模式；在弱光環境下，人眼會從對綠色敏感變成對高能量藍光敏感，這代表我們在大量的接收藍光，因此對刺眼強光的敏感度會增強。這類情形對駕駛人而言并不陌生，當他們被來車車頭燈的強光照射時，特別是使用現代化氙氣燈或LED頭燈的車輛，可能會暫時喪失視力。

平板電腦、智能手機和其他電子顯示屏，不僅改變了我們所接觸的光譜，也使我們的視覺行為發生轉變。我們必須意識到，我們現在用于“近距離”視物的時間比以往多得多，這通常是因為背景亮度太暗所致。

在德國光學公司蔡司官方網站上，對于藍光也作一分為二的評價：“好處是當外界環境變亮也就是藍光較多時，身體便釋放出血清素—它是其中一種快樂荷爾蒙以及皮質醇—這是一種壓力荷爾蒙。這兩種荷爾蒙能讓我們保持清醒，富有活力，同時也應用于冬季抑郁和失眠的治療中。但過多的紫外光和藍紫光可能會對肉眼造成損傷，除了可能導致令人難受的結膜和角膜發炎，也可能會破壞眼睛的晶狀體（例如白內障），尤其是傷害我們的視網膜（黃斑病變）?！?

從設計角度看深色模式

在WWDC 2019大會上，蘋果宣布了iOS13的深色模式功能，在令人興奮之余，作為設計師和開發人員，我們應該考慮的該如何去實現它。蘋果和安卓已經發布了為應用程序設計深色模式的設計指南。當然，沒有硬性規定要求遵循他們提供的設計指南，這些只是指導原則。

由于Material Design設計語言的原因，投影的占比是非常大的。在淺色模式下還好，但這不太適用于深色模式，因為深色背景上的黑色陰影在視覺上不容易察覺，為此安卓還提供了在深色模式下不同層級的卡片與投影上的參考。

根據設計文檔來看，iOS背景為純黑色，色值為＃000000，Google 則更喜歡深灰色，色值為＃121212。

通過提供的設計指南，我們可以輕易上手來設計和開發我們的軟件，但要注意的是深色模式并不是簡單的與淺色模式顏色對調，必須為所有的元素進行單獨配色。

淺色模式下的白色不會在深色模式下轉換成純黑色

這樣也就能理解為什么很多軟件并沒有全部去適配新的深色模式，一方面使用場景決定的，另一方面就是深色模式并不是簡單地換個換個顏色就行，很多元素需要重新設計和開發。

結論：該選擇哪種模式

在去年的 WWDC 大會上，蘋果人機交互團隊的設計師曾對 macOS 的深色模式使用場景做了進一步的解釋。

他指出，只有閱讀瀏覽或是內容創作型 App 才需要長期啟用深色模式，比如文字或代碼編輯。它們會借助黑底白字的高對比度特性來讓用戶視線保持集中，其它大部分軟件對于深色模式的需求反而并不強烈。

或則你可以通過使用場景去選擇，在明亮的環境中使用淺色模式，在昏暗的環境中使用深色模式。

但是在大多數情況下，真正幫助你避免眼睛疲勞的是不要整天盯著屏幕，而不是糾結到底用深色還是淺色模式。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

競品分析無論是對產品經理，還是對設計師，都有著舉足輕重的作用。這篇文章提供了一個做競品分析的套路方法，將競品分析分為了針對性分析和全局性分析兩大方向，推薦對競品分析感興趣的同學閱讀。

相信對于從事互聯網行業的新型農民工們來說，競品分析一定是不會陌生的，尤其是產品經理，往往會成為產品迭代及差異化的重要依據。

其實，作為設計師，無論你負責的產品業務是面向To B還是To C的，諳熟相關產品的功能體驗，對業務產品的設計還是大有裨益的?！爸褐恕?，“取彼之長，補己之短”，才能把設計體驗做到愈來愈好。

設計老板經常對我們小組成員說：“我們做競品分析，不能僅分析產品界面表象，還要通過體驗競對的功能架構、交互流程、視覺界面，分析出他們為什么這么做，反推出競對產品經理的prd文檔業務邏輯以及競對設計師設計背后的思考?！?

提到競品分析，我時常會想到這句話，雖然做到有點難，但是競品分析的最大價值意義也就在于此了。

如何做好競品分析是有套路可尋的。所謂套路方法，按照我個人的理解就是你用這種方法套路可以達到目的。不太擅長做競品分析的人，按照這種套路也能得到相對不錯的結果。最好呢，簡單易行，比如是一張可以“Take Away”的圖表。

一、設計師做競品分析的價值

1. 驗證設計思路正確與否

對于從事一兩年的設計師來說，在接到設計需求時，腦海里總會出現一些想法、思路。這個時候，借助競品分析，可以把腦海中的多個想法進行篩選過濾。迅速放棄不太可行的想法，不再深入；重點關注可行靠譜的思路，從而明確設計目標和設計目標。

2. 尋求設計靈感

設計工作中或多或少都會遇到難解的問題，短時間內找不到合適的設計對策。這個時候，借助競品分析，可以快速了解行業常規的做法，了解用戶行為習慣；或者發現競對的設計亮點，剛好移花接木。

• 行業常規都這么做的，思考一下可否復用，以便設計體驗更符合用戶既有使用直覺；
• 競品的亮點，思考一下可否借鑒+適度創新，在此基礎上，讓設計體驗做的更好；
• 競品的不足，思考一下為什么這么做不好，幫助自己的產品有效避免。

二、競品分析的兩大方向

根據分析目的、分析側重點的不同，我們可以將競品分析大致歸納為兩個方向：針對性分析和全局性分析。

1. 適用場景

1）針對性分析

所謂針對性競品分析，即具有明確的分析目標，分析較為細節、充分，在設計角度有較大的借鑒意義。

比如，要找到某個交互操作問題的解決方案，或者驗證某個方案的正確性；產品的業務功能，也無需借助競品來佐證價值本身；通過競品分析所得到的設計方案，可以快速推動落地；所留給設計師們做競品分析的時間，也相對緊迫等場景。

2）全局性分析

適用于分析目的沒有那么確定，就是要了解一下行業內相關產品的情況；現有產品有一個大的思路，但不知道可行性、合理性如何，想借用競品分析來為自身產品決策提供依據；需要多維度的收集競品分析，比如產品定位、市場占比、用戶規模、用戶口碑等。

所留給設計師們做競品分析的時間也相對寬松，或許是一個長期的研究課題。

2. 分析工作特點

1）針對性分析

分析工作量相對輕量化，不求面面俱到，只求有價值的信息輸出。分析方法也比較靈活，可以根據分析目的隨時調整。分析過程及結果的輸出形式也無要求，形式不限，可以是圖片，可以是文檔，可以是表格，可以是ppt。

但是，針對性分析要求要做到細致、完整，而非概括性的。比如某個設計亮點，要分析出它為什么好，設計背后是如何思考的，我們要借鑒的話，如何做。

2）全局性分析

分析工作量比較大，分析內容要求全面些、系統化，包括競品的產品定位、行業占比、用戶角色、用戶口碑等多個方面。

分析方法有一定的邏輯性更好，要遵循一定的主線框架。分析維度不限于設計中的交互流程和視覺創意，可以向前一步，即產品層面；也可以向后一步，即技術層面?？梢猿闪⒏偲贩治鎏摂M小組，與產品、開發協作做有廣度有深度的競品分析，會更有價值。

3. 分析側重點

1）針對性分析 – 抽象化思考，讓借鑒競對做到心里有底

分析側重于用戶使用情況的背后原由，設計點的優勢和不足，競對背后的設計思考方式。若為我所借鑒的話，其設計方案落地情況指標的設定衡量。

2）全局性分析 – 以終為始

上文有提到泛競品分析時間寬松，是一個長期研究的課題，這就要求我們要以終為始，以行為知。側重于分析競品的用戶角色特征、特色功能、核心流程鏈路、典型頁面的設計布局和設計表現等。

三、競品分析的來源方式

我們設計師做競品分析，來源方式大體可以分為兩種：產品發布會和在平時工作中有目的性的資料收集。

1. 產品發布會

競對產品版本迭代的大型發布會，這種來源方式的獲取對做競品分析的我們來說，是最直接、最高效的。發布會上所體現的功能體驗內容大多是該產品核心中的核心，亮點中的亮點。

針對競對的產品發布會上介紹的功能體驗點，結合產品去實操體驗，我們對競品的認知會更有體感、更全面、更具體。

2. 產品資料收集

在平時的工作中，要多有意識地收集相關競品的網絡文章鏈接或圖片，梳理沉淀設計體驗亮點。如適老化產品的設計資料庫，當要做適老化產品競品分析的時候，即可短時間獲取資源。

四、競品分析如何做

1. 全局性分析的流程

全局性分析需要有邏輯性的闡述分析與總結，而不能存在較大的跳躍性。因此可采用如下流程進行分析。

第一步：項目背景

項目背景是對整體競品分析的概述。要明確競品分析的目的，是為了解決什么實際問題，尋找某應用作為競品的原因，表達要言簡意賅，把事情講清楚。

第二步：競品概述

此部分要闡述的是競品的體量（下載量等數據），體量是真實反映一個公司，一個產品受歡迎程度的指標；也是對于競品的功能和本產品要做功能最好的證明材料。

第三步：維度分析

建議初學者言簡意賅的表達思路（優、缺點）+對比截圖（建議標注區別點）；功能點要有針對性，多想想為什么產品會這樣設計。作者通常采用如下角度進行分析：

• 用戶層面：用戶群體特點、用戶的核心訴求、用戶流程關注點等。
• 功能層面：歸納梳理出競品有哪些功能，分析出相應功能的目的及意義；同時，也可與自家產品功能做橫向對比。
• 信息架構：競品導航架構以及功能之間的關聯，可以讓我們直觀的橫向了解架構之間的差異。信息架構層級分析不宜過深，建議分析到第三信息層級就行。
• 流程鏈路：選取競品的核心鏈路流程（如MVP路徑），梳理出完備的用戶體驗流程圖。核心流程節點中建議關聯用戶實操界面，可以標注出用戶體驗過程中痛點問題或者設計反推思考的內容或想法。
• 關鍵頁面：結合用戶的使用場景，對典型頁面的結構布局、交互操作、視覺風格等做分析評價。

第四步：分析總結

分析總結是整個競品分析的精華部分?？偨Y要有新意和立場，要說出你做這個競品分析報告的思考和提煉是什么，能夠結合產品接下來怎么做，給出明確的建議。

針對全局性分析類型，并結合工作經驗，本人抽離提煉出一張競品系統化分析報告表格，供大家參考使用。

詳見下圖：

在整個報告中，第三部分與第四部分是核心內容，需要盡可能詳盡、言之有物。同時，整個報告的前后分析應該層層遞進，逐步得出分析結論，如果前后缺乏邏輯性，會減少報告的說服力。

2. 針對性分析——競品迭代亮點功能分析

相較于全局性分析，針對性競品分析就沒有較為復雜或統一的分析流程，設計師可以根據自己的直覺進行點對點的分析。競品分析的團隊可大可小，也不依賴團隊成員之間的相互協作。

舉個例子，之前針對Google Workspace產品的發布會，我們就可以圍繞著Workspace產品發布會來做。當然，前提是Workspace產品是所負責業務的直接競對或者業務功能有關聯的間接競對。設計組內召集愿意做分析的小伙伴，相信10個人的小組總會有那么兩三個樂意去做的。

如下圖，下面是針對一個功能點整理的分析總結。

針對性競品分析可以從產品里面那些小而美的功能體驗點入手，如動態的引導互動展示、預判用戶下一步、減少重復操作、情感化設計、沉浸式的交互、形象化設計、有溫度的文案等，這些都可以成為后續產品優化的微體驗。

當然也可對產品的迭代亮點進行全面的分析。如下圖，是作者抽離的分析報告模板：

相較于全局性分析，針對性競品分析形式上更加靈活，可以是做方案時的靈感來源，也可以是自己分析素材與提升的積累，亦或是政策性的競品分析任務，這種競品分析更加快速有效，更加容易言之有物，不會流于空泛。

五、結語

經過若干競品分析的實踐，有以下實踐建議，希望能有所幫助。

1. 建議遵循競品分析主線框架，可根據實際情況做調整；
2. 建議借用競品分析工具包里的協作小工具、通用方法（如可快速繪制流程圖、思維導圖、用戶畫像等小工具，四象限分析法、橫向比較法、PEST分析法、SWOT分析法）；
3. 成果物形式建議最好是一張長圖（包含簡介、多維度的設計分析、相應可借鑒的結論提案等），便于結果的可視化展示。

競品分析是一個老生常談的話題，特別是在to B類產品.其他的研究方法相對來說都較為困難，或效果不太明顯。因此，競品的收集與研究是做好to B產品的有效手段之一。

文章來源：人人都是產品經理  作者：弘毅道

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務