很多UI設計者學習UI設計純粹出于個人喜歡，業余愛好，覺得特別的好玩想要自己學習設計一些東西。還有部分人把UI設計當做一項工作，一項事業有轉崗的，還有從零開始學習的，那么學習UI設計技能如何系統的學習并快速掌握，這是今天我們需要討論的。

各公司開發成功產品的方式已經在根本上發生了變化。智能手機、社交網絡或云計算等新技術使蘋果、谷歌或亞馬孫等科技巨頭在大約20年內成為最有價值的公司。

這是我的第一篇系列文章“精益創新——如何在今天開發成功的產品”。這是多年來創新的轉變和產品開發的方法論。

所有這些變化的發生是由于人們消費產品的方式發生了轉變而造成。為了迎合用戶行為和對產品期待的變化，科技公司必須將產品方向轉變為更靈活、更敏捷、特別是以用戶為中心上，即從瀑布流到敏捷設計再到精益設計。

雖然現在仍然有95%的大型組織在用瀑布模型開發新產品，但行業領頭公司已經在率先使用精益設計作為方法了。

瀑布模型（20世紀70年代）Waterfall 

瀑布模型是序列順序的處理方法，進程就像瀑布一樣穩定地推向目標。它要求項目產出全面的計劃并提前開發。

瀑布過程

由于前期設計和分析花費了大量的時間和精力，設計變更會使成本變得更高，尤其是設計后階段。每個設計節點都有清晰的目標，達成后將進入下一個階段。這樣防止了客戶在最后發布前評論和反饋。即使征求了建議，項目在接受反饋方面也不那么靈活。雖然瀑布模型是一種不那么靈活的方法，但它對需要執行“計劃”的團隊（在預算范圍內）更有益。

敏捷開發（20世紀90年代）Agile 

隨著互聯網的興起，瀑布模型漫長的開發周期已經不再能夠提前規劃人們的需求。同時，隨著電子商務的全球化和新經濟模式的到來引發了更多的競爭。公司在開發產品的周期中不得不對市場趨勢作出反應，因此，需要一個靈活的產品開發步驟。

“敏捷”指的是由17個軟件工程師發布于2001年2月的一份宣言，他們必須就輕量開發方法進行討論。它基于迭代的方法，而不是像瀑布模型一樣在項目之初就進行深入的規劃。開發團隊為了保證首先完成最重要的任務，他們會不斷調整項目的工作范圍。

每次迭代的目的是為了實現一個可交付的產品。隨著來自終端用戶的持續反饋得到鼓勵，敏捷開發能對不斷變化的需求作出反應，因為隨著時間推移它們都是被需要的。因此，在管理和減少需求變化的風險方面，這些方法對項目來說是正確的選擇。

設計思維（21世紀初）Design Thinking 

我們都知道以人為中心的設計，設計思維作為一個概念已經存在一段時間了，只是名稱不同（以用戶為中心的設計、服務設計）。設計思維因得益于它解決問題的技巧和科學的方法而成為時尚。設計思維過程和方法的普及與2001年的IDEO有關。

“設計思維是一種以人為本的創新方法，它從設計師工具箱里汲取了靈感，將用戶的需求、技術的可能性和商業成功的要求結合起來。”

湯姆布朗，IDEO創始人。

“設計師工具箱”是一個與設計師的方法和過程有關的應用——包括思考創造力、靈活的創意以及對用戶行為和需求的清晰理解。設計思維是一個由4個基礎階段組成的結構化流程。

從目標群體的發現階段開始，所確定的需求和問題將被合成一些主要的見解。這些見解是概念階段的基礎，這個階段的目標是產出許多想法，而最有希望的想法將被作為原型進行開發。原型測試是最后一個階段，這個階段需要確保解決方案滿足目標群體的需求。

設計思維之所以產生，是因為大公司缺乏創新能力，無法開發出能滿足客戶需求和客戶問題的創新產品。如今，大多數的公司都使用分析思維來作為運營方式。這種分析思維阻礙了創造性（打破常規）思維的發展，而這種創造性思維是破壞性創新所必需的。

這種創造性，特別是大膽的思考（有些稱為“瘋狂思考”）與設計概念有關。為了創新，企業必須具備設計能力。為了設計，一個組織需要內部融合設計，以孕育出一種培養創造思維的文化。

設計思維的顯著差異在于將用戶置于每項活動的中心。此外，以人為本的設計強調體驗勝于效率，因為良好的體驗是用戶與產品互動的動力。

精益創新（創業公司——21世紀初）Lean Innovation

2011年，隨著Eric Ries《精益創業》這本書的出版，創新和產品開發實踐已經向精益方向發展。精益創業的目標是避免開發那些沒人需要的產品或服務。精益過程包含用戶反饋和產品早期實驗。

精益創新以“失敗來了成功還會遠嗎？”的哲學而聞名。開發者接受這種失敗，因為他們獲得突破性成功前是要需要不斷學習的。

精益方法也常被稱為“客戶開發”。它的目標是在搭建最終產品前，找出用戶想要什么。精益的原則是建立你正在試著測試的假設和設想，而你通過在這些實驗的學習，將會取得進步。

科技推動全球競爭

數字化和巨大的變革速度不再允許公司在不考慮客戶需求的情況下簡單地生產產品。在過去，向客戶提供錯誤的產品只會導致項目失敗。而今天，持續不能交付客戶所需的產品，將導致整個商業模式的失敗。諾基亞或柯達只是這里提到的兩個最著名的失敗案例。

智能手機、云計算和開源等技術使得產品的開發速度更快、成本更低。開發產品或進入市場的的門檻比以往任何時候都要低。這意味今天有更多的全球競爭。公司需要專注于了解用戶和他們想要什么。客戶可以很容易地轉向其它產品。品牌忠誠度對消費者決策的影響逐年下降。

專注于商業模式，而不僅僅是產品（Focus on business models, not only on products）

精益和設計思維都是以客戶為中心、基于迭代的方法。客戶參與和反饋是取得進展的動力。精益創新的關鍵不同之處在于，它在圍繞產品考慮整個商業模式時更進一步。

亞馬遜成為電子商務的領導者的原因之一是他們對客戶服務的堅定承諾。雖然他們沒有靠這個掙過一分錢，但是卻幫亞馬遜獲得了客戶的信任和忠誠。如今，成功的公司區別于他們的商業模式，而不是他們的產品供應。

確保用戶持續參與（Engage customers continuously）

在新世界中，成功的公司將有一個共同點：對用戶行為和需求的超常理解。隨著行為和需求的快速變化，確保建立客戶需求的唯一途徑就是讓用戶持續的參與到項目中來。準確的用戶理解是長期商業模式成功的基石。

結合設計思維、精益設計和敏捷開發

雖然設計思維，精益設計和敏捷開發可以單獨使用，但是最好的結果來自這些方法的結合。設計思維有助于深入了解客戶的需求和行為，而敏捷開發則有助于地開發和交付解決方案，精益方法的實踐幫助我們在用戶參與的假設測試中可以獲得更直接的驗證和學習。

當持續使用“開發–測試–學習”這個模式循環，就可以逐步接近一個成功的產品和有率的商業模式。

本文中，我們會討論如何通過優化錯誤提示信息，來優化UI表單的設計。

在UI界面的設計中，用戶的操作失誤不可避免，通過錯誤提示將當前狀態傳達給用戶，這種反饋機制可以幫助用戶及時作出調整并找到合理的解決方案。盡管錯誤信息很常見，卻往往不被設計師重視。草草的處理錯誤信息、制作邏輯混亂的錯誤信息會使用戶感到沮喪，以致最終放棄你的應用。相反，處理得當的錯誤提示，卻可以變失敗為驚喜。

一、表單中錯誤信息的設計方案

用戶不喜歡表單，原因之一就是糾正輸入錯誤信息的成本過高。如何讓用戶通過不同的報錯信息提醒，繞過障礙順利完成表單，是讓用戶體驗流暢順滑的關鍵所在。

糟糕的錯誤信息在很大程度上是源自于用戶體驗設計流程上的規劃失誤。為什么這么說呢？在原型設計階段，用戶體驗設計師就需要考慮到可能會出現的錯誤，以及相應的錯誤反饋，確保用戶在報錯信息的幫助下，最終能夠完成這個階段的任務，抵達他們的目標。

1、在當前頁面及時反饋

用戶并不喜歡填完一個長表單并提交之后，才發現哪里填錯了。在錯誤出現之后，界面應該在第一時刻將錯誤信息呈現出來，用戶不必等到點擊提交按鈕才看到錯誤，他們能更早改正錯誤。

在上面兩個錯誤信息呈現的案例當中，第一個頁面使用了彈出框來呈現錯誤信息，告知用戶需要填寫詳細信息才能付款。用戶則需要關閉彈出框之后，再重新填寫，這增加了額外的步驟。而用戶關閉彈出框之后再填寫的時候，也有一定的機率會忘記彈出框的具體要求和內容，導致無法正確填寫。這種耗時又令人沮喪的用戶體驗，用戶不會喜歡的。

正確的形式是直接在界面中呈現報錯信息，并且報錯信息緊貼著對應的輸入框，以醒目的色彩在輸入框下方呈現，用戶能收到即時的反饋，也能清晰的標注出所有的要求，便于用戶更正。

2、錯誤信息的最佳位置

在制作表單時，你通常會把錯誤信息放在哪里呢？如果錯誤信息沒有放在用戶期望的位置，那么可能會影響完成表單的效果。

當用戶犯錯時，他們需要了解這些錯誤是什么，以便他們能夠糾正錯誤并重新提交表單。如果表單過于復雜填寫困難，他們會改變主意。

◎頂部錯誤提示vs行間錯誤提示

錯誤消息的兩個最常見的位置位于表單的頂部，和輸入框的行間。哪個位置對用戶來說更直觀呢？

一項研究發現，在表單頂部顯示所有錯誤消息會給用戶記憶造成較高的認知負荷。這會強制用戶回憶每個錯誤輸入框中的錯誤消息。

減少用戶認知負荷的方法是在輸入框行間顯示錯誤信息。行間的錯誤提示可以幫助當場識別錯誤而不是靠回憶錯誤，這讓用戶可以更快更輕松地糾正錯誤。

另一項研究發現“錯誤字段和錯誤信息之間的距離會影響錯誤糾正的效率”。在表單的頂部和底部放置錯誤信息時用戶反應更正的時間最長，而行間錯誤信息可以縮短反應時間。

在表單的頂部和底部放置錯誤信息，也導致用戶錯誤率最高，完成時間最長，滿意度。和頂部、行間錯誤信息相比，底部錯誤信息的糾錯成功率。

◎用戶更偏愛的錯誤信息位置

該研究證明，將錯誤信息與錯誤的字段鄰近放置可以獲得最佳性能，并且指出了最直觀的顯示位置。

調研中讓用戶來選擇把錯誤提示放在上圖的哪個位置更滿意，更多的用戶喜歡輸入框右邊的錯誤提示位置。

位于輸入框左側的錯誤信息位置被評為最差。對話框上面的位置導致了最高的認知負荷，隨后是字段之下的錯誤消息。

◎為什么右側的位置是最好的

理解為什么用戶更偏愛將錯誤消息放置在字段右側是很重要的。通過這種方式，設計師可以更好地向其他人介紹在制定設計方案時用戶的行為偏好。

西方的閱讀習慣是從左到右的。當用戶的視線從輸入框移動到錯誤消息時，感覺就像一個自然的過程，需要很少的精力和視覺工作。將他們的眼睛從錯誤消息移回輸入框以進行糾正也遵循重新讀取文本的自然流程。

◎為什么左側的位置是最差的

將錯誤消息放在輸入框的左邊，違背了西方的閱讀習慣。當出現錯誤提示時，用戶的視線朝著與自然閱讀流程相反的方向移動。這種方式很不自然，有悖于用戶習慣，并且在用戶調研中得到了證實。

這樣的排布也與我們的直覺相反，因為用戶期望在左側放置有更高優先級的元素。將錯誤消息放置在左側意味著它比要輸入的字段更重要。但事實上用戶需要專注于糾正他們的輸入，因此輸入框應該是更重要的元素。

◎上側的位置為什么會增加用戶的認知負荷

用戶對輸入框上面的錯誤提示有著更高的認知負荷（例如表格頂部對齊的標簽）。這是因為用戶會把錯誤提示和輸入框中的提示文案混淆。

這兩個文本靠得很近會產生視覺噪音，在用戶嘗試讀取錯誤消息或輸入框的提示標簽時分散注意力。他們看到兩段文案卻很難專注于其中一個，并且可能混淆它們。

◎移動設備上表單的最佳錯誤信息位置

手機屏幕缺少水平空間來并排顯示錯誤消息和標簽文案。這意味著把錯誤信息放在右側不是移動表單上的最佳位置。

對于移動設備，更好的方式是請將錯誤信息放置在輸入框下方。這是該研究中用戶第二最喜歡的位置。雖然它不符合用戶自然的從左到右的閱讀流程，但它確實與自然的從上到下的閱讀流程相對應。

當用戶閱讀文本時，他們習慣將視線從頁面的左側移動到右側。錯誤信息低于輸入框，使它遵循垂直閱讀過程。

將錯誤消息放置得太靠近下面的字段標簽時，可能會增加用戶閱讀文本時的認知負荷。你可以通過將它們隔開足夠的間隔來防止這種情況。

◎右邊還是下邊，哪個是最好的位置？

錯誤消息的最佳位置在輸入框的右側和下方。但是你應該使用哪個位置？這取決于你有多少時間來實現。

如果你用來實現web端和app端的時間有限，可以選擇在下方放置錯誤信息。在web端實現后，方便在app端進行適配。

如果你有足夠的開發時間，在web端請選擇輸入框的右側，而移動端考慮放在輸入框的下面。這樣不僅可以提供比較好的用戶瀏覽體驗，還能縮短表單的長度。

3、在視覺上要足夠突出

如果出錯之后，用戶無法迅速注意到報錯信息，這不僅僅浪費了時間，也耽誤了事情。正如 Jakbo Nielsen 所說：“最糟糕的報錯信息是那些對用戶而言根本看不到的報錯信息?！比欢?，難點也就在這個地方，加粗字體和彈出框對于用戶而言過于具有壓迫感，那么你要如何確保信息能被用戶注意到又不會顯得太過呢？不難，使用正確的色彩來輔助顯示。

色彩是用戶識別信息的重要途徑，它也是設計師向用戶傳遞信息的可靠工具。出于對比的目的，在白色的背景下，使用紅色的錯誤提示信息，會足夠醒目，又不會太過喧賓奪主。在某些情況下，紅色對用戶的壓力較大，也可以使用黃色或橙色來作為錯誤提示。在這兩種情況下，請確保錯誤文本清晰可辨，且與其背景的顏色有顯著的對比。

值得注意的是，色彩不應該是報錯信息呈現的唯一標準?？紤]到網頁和移動端應用本身的可用性和可訪問性，設計師應該考慮到色盲用戶的需求，提供色彩以外的視覺提示，例如錯誤icon等，確保他們也可以看明白。

二、注意錯誤信息的文案推敲

從某種程度上，你能把上面幾條做好，你的報錯信息在美學特征和體驗上就沒有太多問題了。不過，要想設計最佳體驗的錯誤信息，文案的重要性也是顯而易見的，需要在言簡意賅的同時友好地幫助用戶解決問題。

10條可用性啟迪（經典的尼爾森十大可用性原則）中建議，要清晰優雅地表達出錯誤信息。有效的錯誤提示應該提供如下信息：

明確表達發生了什么

描述用戶應該如何應對

盡可能多地保留用戶輸入的信息

下面是文案設計的幾個小技巧。

1、確保錯誤信息是可理解的

把你的錯誤信息視為與用戶的對話——讓它聽起來像是為人類編寫的。確保你的錯誤信息是有禮貌，可理解的，而不是錯誤代碼和數據（諸如出現了錯誤43這樣的信息）。

2、清晰明確的指出錯誤

一些電子郵件的網站會在所有的錯誤場景使用同一個錯誤提示，如下圖。你不能只是簡單的提示用戶“輸入有效的電子郵件地址”，而應針對用戶的問題明確的指出錯誤所在，例如“缺少@字符”等。而MailChimp則以另一種方式來判斷錯誤——他們對于每個電子郵件的驗證包含3個錯誤信息：檢查輸入字段是否為空、是否有“@”字符、是否有“.”字符。針對用戶輸入的錯誤方式會提供相應的提示文案。

3、提供解決方案

錯誤信息應該明確定義問題是什么，為什么會發生，以及如何處理。只寫出錯誤是不夠的。應該向用戶盡可能簡單的展示如何盡快解決問題。

例如，Microsoft描述錯誤并在錯誤消息中提供解決方案，以便用戶可以立即解決此問題。

正如同Jonathan Colman 所說，正確的報錯信息通常使用簡明而清晰的文字，而失敗的報錯信息通常不會提供關于錯誤發生的具體狀況以及解決方案，更丑陋的做法是將錯誤信息完全隱藏起來。

下面的設計，就是很明顯的對比：

4. 錯誤信息應該禮貌

不要責怪你的用戶，即使他們做錯了。對用戶要有禮貌，讓他們感到舒適隨和?？梢允褂媚愕钠放坡曇簦瑏硖砑觽€性化的錯誤提示。

5. 如果恰當盡可能地幽默

在你的錯誤信息中小心使用幽默。首先，錯誤信息應該是提供信息和幫助。如果適合，在錯誤消息中添加一些幽默，可以改善用戶體驗。

三、如何有效的預防錯誤

設計過app的同學，應該很熟悉各種限制條件。例如網絡狀況差的情況下，很難填寫表單，而且幾乎沒法同步數據。要考慮到這些限制，設計更易使用的app，將錯誤減到最少。換句話說，應該提供建議、加上限制、保持靈活，第一時間預防用戶犯錯。

Twitter因推文的字數限制而出名，他們會在用戶達到字數上限之前提出警示。

結語

從不出現的錯誤信息才是最好的。最佳方式是引導用戶向正確方向前進，第一時間預防錯誤發生。但當錯誤確實發生時，設計精良的錯誤處理，不僅能教育用戶按你預期的方式使用app，還能防止用戶感到茫然。在設計錯誤信息時應遵循以上的方法，好的體驗讓用戶可以以最小的工作量和最少的思考，快速完成表單，讓他們可以有時間來完成他們真正想要做的事情。

•  編輯 : 陳子木
 
• 作者 : CARRIE COUSINS 
• 閱讀本文需 6 分鐘

• 如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

  
  

在設計中，情緒的傳達和氛圍的營造通常是要看設計項目的目的是什么，而不同的配色和不同的元素組合，往往能夠呈現出截然不同的風貌。相比之下，深色系網站常常會呈現出更為獨特的氛圍，傳達出更為復雜多樣的情緒。雖然這樣的情緒并不一定是正面和向上的，但是好設計總歸是讓人過目難忘的。

想要借助深沉的色調來創造情緒相對獨特的網站設計，是有一些可供遵循的常見的設計技巧，今天的文章，我們來分享一下這方面的內容。

深色，并不定是黑色

首先這一點必須明確，深色并不一定是黑色。

在選取配色的時候，網明亮的色彩當中添加黑色或者灰色所得出的色彩，通常會顯得更加深沉濃重，這樣的色彩中往往會包含之前的色調。

在上面的 Hooligan 這個網站當中，設計師不僅采用了深沉的黑色背景，而且采用了和黑色背景相當匹配的暗金色，兩種深色之間色彩明暗依然存在對比，和白色的標題文本構成了三個層次，不僅富有視覺吸引力，而且創造出了沉穩厚重的氛圍。

陰影的使用

陰影和光線往往是相伴出現的，而陰影所帶來的舞臺劇般的效果則充滿了戲劇感和神秘感，這也是設計師喜歡它的原因，這樣的設計會讓用戶心中產生興趣和好奇心。

在上面的 Clear Motion 這個網站當中，車輛周圍被陰影所包圍，文本內容很容易吸引用戶的注意力。同時，用戶會好奇這輛車有什么特殊的地方，有什么地方看起來不太一樣，黑暗的氛圍下，用戶的好奇心會身不由己地高漲起來。

黑色疊加層

用黑色的半透明層疊加到圖像上，也是制造深色系背景的一種常見手法。在圖片的選取和不同的透明度之下，背景圖片所呈現出來的效果和氛圍，是非常不同的。

透明度較低的情況下，黑色疊加圖層會讓用戶看不清背景中的信息，這使得背景信息在整個設計中參與度較低。透明度較高的情況下，更多的背景元素會透過疊加層呈現出來，和前景元素產生交叉和互動。但是總的來說，黑色疊加層讓元素之間產生對比，也使得行為召喚元素更容易發揮作用。

在上面的 Fhoke 這個網站當中，透明疊加層讓背景中的場景適當地透露一點出來，但是真正吸引人注意力的，還是在標題和左側的行為指引上。

簡陋的畫布

細節較多的背景讓人覺得信息豐富，而粗陋的畫布則更容易創造出一種虛無的感覺，相應的，后者是會讓人更有探索的欲望。粗陋甚至赤裸的深色系畫布很好地將神秘感和探索的欲望結合到了一起。

Dubois 這個網站的背景同樣非常的簡單，沒有紋理，只是通過均勻分布的小圓點來進行裝飾，如果你仔細觀察會發現這些點的分布、色彩其實是有微妙變化的，會引導你去注意位于整個頁面底部的文本標題，雖然絕大多數的網站并不會把標題放在這樣的位置上。

字體的選取

Punk is Not Dead 這個網站給你的感覺是否很獨特？網站的設計非常清晰，識別度極高，網站本身還有音頻組件，它的設計從視頻到音頻一應俱全，整體充滿了朋克的風格。

黑暗的背景和明亮的字體色彩有助于實現這樣的效果，但是字體的選取才是最關鍵的。想象一下使用普通的字體，是完全達不到這樣的效果。尖銳粗糙的邊緣和并不那么友好的可讀性，讓他在視覺上和朋克的精神保持了一致。

黑白配色

當設計完全失去色彩，僅僅保留黑白兩色的情況下，會給人什么樣的感覺呢？如果整個設計是以黑白兩色為主，搭配少量其他的顏色，體驗和氛圍又是什么樣的呢？

黑白配色和純黑為主的配色一樣，很容易創造出戲劇化的效果，這兩種色彩本身所構成的沖突和對比就是原因。

黑白的強烈對比，常常會促使訪客在瀏覽過程中忙于注意不同的細節，面對 Super Rebel 這個網站的時候，這種感覺就非常明顯。打開頁面之后，注意力會迅速被右上角的圖片吸引，隨后便忍不住把對比強烈的所有模塊都掃視一遍。黑白色搭配大量信息很容易創造出信息過載的效果和體驗。

圖片的選取

Jimmy Chin 在他的作品集網站的「關于」頁面當中，他將自己的照片直接放了進去，色彩采用了單純的黑色。

色彩的明暗和飽和度的選取，直接影響著整個設計的情緒，在這里，單純的黑色讓整個頁面的形式感更強，而所呈現出來的感覺也非常的銳利。想想看，他穿著黃色的襯衫和綠色的褲子，那么整個圖片所呈現出來的感覺是完全不同的，浮夸而醒目。

圖片的選取對于情緒的表達和氛圍的營造有著巨大的影響。

也可以營造輕松的氛圍

許多深色系的網站都給人以深沉、怪異的感覺，但是深色并不完全代表著負面的情緒。深色系的網站同樣可以被設計得輕松而富有活力，這主要取決于你如何將元素組合到一起。

在 Atom 這個網站當中，整個背景都采用了典型的深灰，但是卡通角色和輕盈的色調讓網站凸顯出一種可愛而有趣的感覺。這樣的設計也能帶來視覺奇觀，并且不會讓用戶感覺到負面的感受。

這種設計讓用戶和網站之間的情感聯系更輕松，讓服務更容易為用戶所接受。

結語

那些帶有負面情緒和獨特氛圍的網站，你喜歡嗎？帶有這樣情緒和氛圍的網站，需要設計師花費更多的時間和精力來拿捏程度，來達成相應的設計目標，而且這樣的設計并非不好。情緒化的設計，有趣而神秘的氛圍，帶有負面情感的表達，躁動甚至暴躁的設計，這些都有其獨特的作用。

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

你真的明白用戶需求是什么嗎？

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

來人人都是產品經理【起點學院】，BAT實戰派產品總監手把手系統帶你學產品、學運營。

文章中的觀點是鄙人在各大運營類網站學習總結的知識，加上本人對運營的一點看法，愚昧之見，還望批評指正。

相信很多在互聯網公司工作的朋友們都曉得用戶需求挖掘這件讓人頭疼的事情。產品之所以會被生產出來，其主要目的，就是為了滿足使用者的需求。而使用者的需求是什么？如何去挖掘這些需求？這些繁雜的需求中又有哪些是真，哪些是假等等問題，都是每一個產品/運營人員頭疼的一件事情。

產品的存在源于用戶的需求。像汽車的出現，是人們對于更高交通效率的需求，電腦的出現，源于人們對辦公的需求等等。觀察移動互聯網時代下的手機應用市場，各類產品出現的原因也正是源于人們越來越多，越復雜的需求。像滴滴打車滿足了人們方便叫車的需求，餓了么滿足了人們選擇訂餐的需求等等。上面舉的兩個例子只是眾多需求中最基本的需求。而根據馬斯洛需求分析層次理論，人類的需求有五層，在滿足生理與安全需求之后，人們還會往上追求尊重需求社會需求和個人實現需求。這些需求成為產品生產源源不斷的動力。如果把產品看作是一個孩子，那么用戶需求，就可以看作是決定這個孩子形態的DNA。用戶需求不僅對產品的誕生有著決定性的影響，而且在未來，在產品發展的過程中，還會不斷地影響產品的形態，決定產品最終的樣子。 所以產品需求對產品的重要性不言而喻。本文將從用戶需求挖掘的方法，用戶需求挖掘后的選擇，用戶需求挖掘中的誤區三個方面的問題出發進行討論。

1.用戶需求挖掘的方法

（1）需求挖掘的渠道

A.產品開發前

1. 市場調研

任何一款產品的出現都是因為這個市場有需求，需求在哪，大旗就得往哪里揮。所以市場調研，毫無疑問是需求挖掘最重要的事情。設計好調研的問卷，利用網絡渠道，像QQ群，帖吧，社區，微信群等，在線下，通過深入目標用戶的群體進行走訪調查，深入了解目標用戶的需求。線上線下，深入目標人群，獲得足夠多的調查結果，并確保獲得的需求具有一般性。

2. 產品分析

現在移動市場的商品已經有很多，可以說目前可以被想到的產品已經有人在做了。所以要開發的產品難免會有類似的競品。這時候就需要我們去分析這些競品，找到共同點即已經被滿足的需求，找到差異點，即未被滿足的空白區。比如如果你想要開發一款社交軟件，那么就要尋找像微信，YY語音，QQ，陌陌等一系列的社交產品作為競品進行分析，在這些競品中找到社交軟件應該有的通用的功能，找到這些社交軟件中沒有的，同時用戶又有需求的功能作為你的產品的差異點。

3. 數據分析

隨著大數據時代的到來，數據在決策中的作用越來越大。用戶的很多潛意識或者有意識的行為，都可以通過大數據體現出來。很多情況下，用戶很難清楚地說明他們的實際需求，很多時候他們的判斷與實際的需求是不一致的。顯性的需求沒辦法很好的表達出來，更不要說那些用戶覺察不到的隱藏的需求。所以數據，這個不會騙人的東西，可以很好地幫助我們去分析需求。通過對用戶數據的分析，需求可以較清楚地被表現出來。在產品未開發之前，數據的來源可以有很多方面，各大搜索引擎的關鍵字排行榜，微博熱搜榜，同行的數據報告，或者是一些數據網站的免費或者付費的數據報告，都可以成為我們的數據分析來源。

B.產品開發后

1. 搜索記錄和用戶行徑

在產品上線后，用戶的搜索行為和用戶的行徑是分析需求的一個重要來源。用戶搜索過程提及的關鍵詞，舉個簡單的例子，比如婚戀產品中，如果搜索詞中“35歲以后”“北京戶口“的搜索頻率很高，那么我們就可以知道用戶對對象篩選有需求，就可以考慮加入對象篩選這個功能。另一個是用戶行徑，哪個功能是重度使用功能，哪個功能使用率不高，哪個功能用戶的中途放棄率最高，都是需求分析中的重要數據。

2. 用戶日志和用戶數據

如果擁有大量的用戶日志和用戶數據，那么要好好地利用這筆難得的資源。找一個用戶IP出來，GREP一下，分分鐘就能獲得這個用戶的完整訪問和操作軌跡，分析用戶的操作行為，設身處地的理解用戶的心情，理解用戶的處境，從而理解自己產品和運營中，是不是有一些不合適，不妥當的地方，真正把自己代入到用戶的體驗中，理解用戶的不滿，理解用戶的掙扎，理解用戶在使用中的困惑和障礙。

3. 用戶反饋

產品在上線之后，通過各種渠道獲取盡可能多的用戶反饋或者邀請用戶面對面進行產品的評測。通過用戶反饋了解產品還沒有滿足的需求還有產品中的偽需求或者說是冗余的功能是最直接最有效的方式。因為這群用戶是你最珍貴的種子用戶。

（2）需求挖掘的思想方法

A.頭腦風暴法

在收集產品需求的過程中，最常使用的是頭腦風暴法。讓參與者敞開思想，集體討論，相互啟發、相互激勵、相互彌補知識缺陷，引起創造性設想的連鎖反應，產生盡可能多的創意。

B.創意分合法

創意分合法是創意思維訓練方法之一，主要是將原不相同亦無關聯的元素加以整合，產生新的意念、面貌。分為兩種心理運作過程：使熟悉的事物變得新奇（由合而分）、使新奇的事物變得熟悉（由分而合），主要是運用類推（analogies）和譬喻（metaphors）的技術來協助分析問題，并形成相異的觀點。

C.屬性列舉法

屬性列舉法即特性列舉法也稱為分布改變法，特別適用于老產品的升級換代。其特點是將一種產品的特點列舉出來，制成表格，然后再把改善這些特點的事項列成表。屬性列舉法是根據設計對象的構造及性能，按名詞、動詞、形容詞等特性提出各種改進屬性的思路，從而萌發新設想的一種方法。

D.6W3H問題法

面對龐雜的需求分析工作、不知從何做起時，6W3H分析法不僅有利于較系統和周密的思考問題，使思維具有條理性，也有利于較深入地發掘問題，有針對性地提出更多的可行性設想，幫助產品經理制定有效的目標。

6W3H分別是：

1. Who（什么人）產品的目標客戶是誰？是一類群體還是幾類群體？針對產品的用戶群進行分析，了解目前用戶群的年齡、性別、特征、區域、習慣、興趣、愛好、收入、消費等情況。
2. When（什么時間）用戶可能會在什么時候使用到產品。產品推介的時，必須選擇合適的時機，同時還要考慮用戶的停留時間、使用高峰時間、跳出時間。
3. Where（什么地方）用戶可能在那些條件和環境使用產品。針對什么樣的環境條件，如，針對不同的操作系統環境、不同的地理位置，要有不同的方案。
4. Why（為什么）此法主要用于了解設計產品新功能是的目的是什么？是現有產品沒有滿足用戶需求還是為了滿足用戶的新需求、又或者僅僅是跟風湊熱鬧。
5. What（是什么）產品功能分析。用來分析產品基本功能和輔助功能的相互關系如何，用戶到底需要什么功能？
6. Which（哪些）除了我們的產品，市場上還有可替代產品嗎？
7. How do（怎么做）用戶怎么使用產品，使用產品的流程是什么？怎么樣更省力？符合用戶的使用習慣嗎？體驗怎樣？
8. How much（多少錢）用戶使用產品需要付費嗎？需要付多少？是否超出了用戶的支付能力？
9. How many（多少次）用戶的使用頻率是怎樣的？經常使用？偶爾使用？還是不定期？

2.用戶需求挖掘后的選擇

A. 甄別真假需求

用戶的需求和用戶的痛點 .需要注意的是，用戶提出的需求不一定是用戶真正的需求。

• 第一，用戶沒有很強的產品意識，很多都是模棱兩可的感覺。
• 第二，用戶是貪婪的，他們往往會提很多自私的需求。

如果能夠躺在床上每天有人送錢送吃的給你洗衣服打掃房間這種需求絕對是強需求，但是可能么？

有些需求可能是低頻率的需求甚至是違背商業規則的需求，像春聯O2O，一鍵挑選春聯送貨上門，新用戶還能免單哦~~這種需求用戶求之不得，需求可以說是大了去了。但是有企業會做嗎？明顯不可能！所以不要一味地跟著用戶的需求走，不理智的需求分析行為，無疑是一種自殺的行為。

B.從需求中需找真正的痛點

在需求分析中，甄別真偽需求，對需求進行抽絲剝繭的分析，剝開表面淺顯的需求，通過邏輯思維分析，代入用戶使用的場景，去尋找造成這些需求下面更深層次的痛點。

舉個例子：360安全瀏覽器，看起來是好像用戶使用的需求是需要一個安全的瀏覽器，能夠保護他們上網的安全。但是如果給用戶一個絕對安全的，但是很卡的瀏覽器呢？如果我們給用戶一個安全系數較低，但是已經能夠保證隱私等基本信息安全，同時又能夠保證瀏覽速度和瀏覽質量的瀏覽器時，用戶會選擇哪個呢？

瀏覽器本質還是網上沖浪的工具，核心問題還是使用過程的流暢度，瀏覽體驗。安全性問題，只是因為現在越來越多的信息泄露，用戶擔心自己信息安全而產生的一個附帶需求罷了。

2007年微軟推出vista時，提高了安全性，但是同時也影響了使用效率。很多用戶由于沒有辦法忍受vista糟糕的操作體驗而放棄使用它而轉用XP系統，即使vista的安全性比xp的要高。所以從這兩個例子我們可以看到，很多時候，我們以為理所當然的需求，其實并不是用戶核心的需求，又或者說，存在這種需求，但是在需求平衡，他并不是占大頭的。所以尋找需求，要求我們抽絲剝繭，發掘最最本質的需求。至于怎么找，這個就要看對產品和所在領域的深挖程度了。

3.用戶需求挖掘中的誤區

在需求分析中，常見的錯誤有以下幾個方面：

1. 分析對象出錯
2. 分析方法錯誤
3. 永遠以為自己比客戶更聰明
4. 不尊重用戶的現實選擇
5. 客戶和用戶沒有區別來對待對需求的一廂情愿，理解出錯

很多產品人員對于產品的理解，很大程度上是取決于個人的感覺+身邊人的感覺。但是這種需求理解方式無疑是錯誤的，幾個人并不能代表大多數人的想法，統計學上有個著名的觀點，當數據越來越大時，趨勢將會越來越穩定，某些值將會越來越穩定在某個數值范圍區間，所以要求我們在分析需求時，不能以偏概全，一廂情愿，必須跳出自己的圈子，去目標客戶群那里，跟大量的人接觸，跟他們聊產品。讓他們來評價產品，這樣得到的產品需求，才能夠真正的反映絕大部分用戶的需求。

設計師的知識管理體系怎么建立？只需4個步驟，實現能力價值提升 

在生活中，不管是瀏覽網頁還是使用APP，我們都能看到色彩是其中重要的設計元素。每一年我們都能看到很多“流行趨勢預測”之類的文章，而這些流行趨勢里無一不包含色彩。

隨著時間的推移，設計師們在色彩的使用上更加大膽，更加有策略。有時，色彩用來突出某個元素，有時用來講好一個故事，有時用來強化品牌的輸出。今天我們就來舉幾個例子。

幾年前有一個很流行的趨勢是采用大膽的背景，現在還是能看到很多例子。在一個好的設計里，豐富多彩的背景能夠讓某一區域成功吸引注意力。不管你認為流行趨勢是什么，不可否認的是，好的背景色能讓一個部分脫穎而出。

下面這個設計來自Root工作室，使用黃色背景來突出切斯特動物園的案例研究。黃色背景設定了這個案例研究的基調。當然了，并不是所有的案例都使用像切斯特動物園黃色這樣鮮艷的顏色，因為這個案例的設計是極簡風格，并沒有需要特別突出的內容，所以鮮艷背景恰到好處。

接下來這個例子是Mambo Mambo，它使用色彩來突出組合的不同部分。有些部分是霓虹黃色，有些是深藍，有些甚至是黑色。在截圖中，我們可以看到，霓虹黃色與綠色搭配，藍色和膚色搭配，看起來非常和諧。

在整個頁面中，正是這些背景色的使用使不同部分都變得獨特而有趣。同時呢，也起到了品牌宣傳的效果。

顏色運用得當可以更好地突出想要突出的部分。讓我們從優步手語登錄頁面開始，橙色的漸變背景肯定會吸引用戶的注意力。這是一個很棒的設計策略，因為這個頁面的目的就是教人們基本的手語，很大程度上是依賴視覺線索實現的。

接下來是Kickpush 設計工作室的頁面?？磮D上的文字我們就知道，Kickpush希望展示自己與眾不同的個性。這個配色方案的選擇就很有目的性，將Kickpush的個性快速直觀地表達出來了。

色彩有助于講好一個故事，Bloom的主頁就是個很好的例子。在整個設計中，他們使用的是同樣的電子藍。相同的配色與其他視覺元素一起，幫助用戶從頁眉滾動到頁腳。如果所有不同的部分都有不同的主色，那么故事的完整性就會被打破了。

對于Adobe的營銷云登錄頁面，效果也是差不多的。整個設計是一個很大的版面，每個部分都有自己的配色方案，從最頂部的淺藍色一直到最底部的深紫色。我們可以看到，整個配色不僅僅是純的UI顏色，照片選用的色調也與每一種背景色相配。

因為這個設計是一個很長的頁面，顏色有助于講述每個部分的故事。

有時，顏色是專門用來給設計增添趣味性的。為了更有效的使用色彩，有時大膽的顏色并不一定要在設計的前面和中心。

例如，Designmodo自己的Qards著陸頁面使用了各種各樣的小色塊，從而使得登陸頁看起來更令人愉快。

強化品牌，我認為這是色彩最有力的作用了，當然了，我不是指上文中Kickpush 或是Bloom那種使用大塊背景色的方式，而是批判性的、策略性的使用顏色。

我們很多人都見證了Asana的改版，在新版本中加入了不少顏色。在網站的某些部分，顏色被大量地使用，而在其他部分則不是那么多，這是為了在總體上實現平衡。Asana選用的顏色多變而充滿活力，搭配的也非常好?，F在，Asana的品牌色彩由亮粉色，橙色和紫色組成，充滿活力。可以說，顏色策略似乎是Asana品牌定位的關鍵。

Stripe公司的策略也差不多，使用相鄰顏色之間的漸變，比如藍色和綠色，這可能是這種顏色使用的一個大趨勢。品牌整體上是藍色，同時也包含綠色、粉色、紫色和橙色。這么多顏色共同配合，增強了Stripe公司的品牌影響力。

最后一個例子是Goulburn山谷的網站。他們的品牌使用了一些不同尋常的顏色，不過整個設計看起來不錯。

登錄頁面中使用的顏色和照片中的截圖是一樣的：綠色略帶橙色。由于照片中色彩的協調，整個著陸頁都很流暢。

總結

無論是Asana，用顏色創造更好的品牌；還是Kickpush，使用明亮的紅色背景突出內容，讓用戶意識到它的與眾不同，我們看到了顏色在網站中的戰略性意義。

最重要的是，顏色有助于塑造個性，尤其是品牌形象。當網頁設計趨勢發生變化時，網頁設計中色彩的使用只會變得越來越好。

作為一名專業的UI設計，其實工作職責無外乎包括界面設計、圖標設計、動效設計、切片與標注等。