2022-7-19 ui設計分享達人
用戶體驗（用戶使用產品，系統或服務過程中的主觀感受）
用戶在使用產品過程中建立起來的一種純主觀感受。用戶體驗這個詞最早被廣泛認知是在上世紀90年代中期，由用戶體驗設計師唐納德.諾曼（Donald Norman）所提出和推廣。對于一個界定明確的用戶群體來講，用戶體驗的共性是能夠經由良好設計實驗來認識到。用戶體驗并不是指一件產品本身如何工作的，更明確的是指“產品如何與外界發生聯系并發生作用”，也就是人們如何‘接觸’和‘使用’。無論什么產品，用戶體驗總是在細微之處，往往細節最能打動人心。用戶體驗通常要解決的是用戶具體的使用場景，要兼顧視覺和功能兩方面的因素，同時解決產品所面臨的其他問題。
產品的邏輯簡易程度對于用戶體驗是一個反向指標，產品越復雜用戶體驗會越發困難。往往產品后期更新迭代中，每新增一個特性，功能或者步驟，都會增加導致用戶體驗不順暢或者失敗的機會。用戶體驗的每一個流程，對開發者而言都要經過慎重的考慮和驗證。實際上設計出一個最優的解決方案需要更多的時間和精力，往往不得不在各個方面作出妥協。但是一個以用戶為中心的設計流程保證來這些妥協不是隨機決定的。
為什么每個產品都在強調‘站在用戶的角度，提升產品的用戶體驗’，因為優秀的用戶體驗就是商機，良好順暢的用戶體驗會極大的提升用戶轉化率，增加用戶的留存率。好的的用戶體驗主要體現在兩種形式：“幫助人們工作更快”和“減少他們犯錯幾率”。牢記“以用戶為中心的設計”在開發產品的每個流程都要把用戶列入考慮的范圍，每一個流程步驟都要代入用戶的使用場景中體驗，想用戶所想。提供優質的用戶體驗是一個重要的，可持續，良性的競爭優勢，用戶體驗形成用戶對企業的整體形象，并以此來界定來與競品的差異。
在產品的整個開發流程中都要考慮用戶有可能采取每個步驟的可能性，并且理解整個流程中每一個步驟用戶的期望值。
表現層：視覺設計，我們使用無論任何設備的產品最先看到的就是表現層，內容、功能和美學匯集到一起來產生一個最終設計呈現；
框架層：界面設計、導航設計和信息設計，框架層用于優化設計布局，以達到界面中元素的最大效果和效率；
結構層：交互設計和信息架構，相對于框架層更加抽象，框架是結構的具體表達方式，明確來元素應該出現在哪里；
范圍層：功能規格和內容需求，結構層明確了產品的各種特性和功能最優的展示組合方式，這些內容構成了產品的范圍層；
戰略層：產品目標和用戶需求，成功的用戶體驗，其基礎是一個被明確表達的“戰略”。知道企業與用戶雙方對產品期許和目標，有助于確立用戶體驗各方面戰略的制定；
在五個層面應該是自下而上的建設，戰略 — 范圍 — 結構 — 框架 — 表現；不同的層面位置考慮的方向和側重點是不一樣的，隨著層面的上升我們考慮的決策變得更加具體，并且涉及越來越精細的細節表現。每一個層面都是根據下面層面來決定的，每一個層面的決定都會影響上層的可用選擇，表現層由框架層決定，框架層是建立在結構層的基礎上，結構層是具有范圍層，范圍層是根據戰略層制定的。
按照產品不同屬性分為兩大類：功能性產品/信息型產品；針對不同的類型將五要素細分展示，功能型產品更加關注的是任務，去思考用戶如何完成這個過程，用戶使用該產品完成一個或多個任務的工具；信息型產品關注的則為信息，產品應該提供哪些信息，并且方便用戶快速尋找，理解，創建一個富信息的用戶體驗；這種把用戶體驗劃分為各個模塊和層面的模式，更有利于我們去考慮用戶體驗中可能出現的麻煩。所有處在同一層面的要素都會決定最終的用戶體驗效果。
優秀的用戶體驗基礎是要有明確的“戰略”立意，知道企業和用戶對產品的期許和目標，才能更好的促進用戶體驗各方面的完善和優化。我們要用過產品獲得什么？用戶通過產品可用得到什么？回答這兩個問題有助于我們更好的明確產品目標和用戶需求，結合兩者我們組成戰略層。
產品目標：目標的制定切記不要太過具體或太寬泛我們需要在這之間找出一個平衡點，為了更好的用戶體驗我們需要保證所作出的決策都不是頭腦發熱拍腦門定出來的，每一個決策，都應該建立在我們確切了解他所帶來的聯動影響效果。明確的定義出成功的條件而不是定義成功的路徑，有時候跑的慢一定不一定就是落后者。既然是賽跑肯定會有終點有結果的產出，我們要明確“成功的標準”制定可追蹤的指標，成功的標準不僅僅影響各階段的決策，也是衡量用戶體驗工作的具體依據，埋點數據采集，上線后的客戶流存率，轉化率，新用戶的增長率，老客戶的使用反饋等等。對驅動用戶體驗的決策而言有意義的成功標準，一定是可用明確與用戶行為綁定的標準，而這些用戶行為一定是可以通過設計來影響的。
用戶需求：明確正確的用戶需求是復雜不易的，因為用戶群體存在很大差異性，確定大致目標用戶后我們還需要精細化的區分，將用戶分成較小的，有共同特性的以此來助力我們更好的明確用戶需求，通過不同的角色群體使用產品來分析他們的需求。在針對用戶需求研究時我們還可以使用一些市場調研（將你想要的信息通過具體，有效的公式化問題，讓用戶提交你正確的答案）；現場調查（完整的，有效且全面的方法，了解與產品使用生活場景最匹配的用戶行為）；創建人物角色（模擬真實用戶使用場景更加貼近用戶，再產品思考中和用戶更感同身受）。戰略應該是用戶體驗中的起點，但并不意味著項目開始之前戰略就完全確定下來，它是可以在整個工作中演變和改進的。
當我們明確了解戰略層后，我們就知道產品應該為用戶提供什么功能和服務，這些也就逐步演變為范圍層。我們要做兩個事情來定義范圍層 —過程和產品。過程的意義在于當產品還在一個雛形時，可以帶動我們去思考流程中可能存在的問題，功能實現的優先級；產品的意義在于明確最終產出的結果，團隊有明確的目標。在這其中文檔的輸出是必不可少的，有計劃性說明性的文檔輸出可以讓我們的工作更加有條不紊的推進下去。我們可以從戰略層抽象出來 — “我們為什么要開發這個產品？”轉而到范圍層變為 — “我們要開發的是什么？”在軟件開發過程中，范圍層確定的是全部功能需求和功能規格。
功能規格：功能規格說明不需要包含產品的每個細節，只需要包含在設計或開發過程中可能出現混淆的功能定義。同時功能規格說明也不需要展望產品未來理想狀態，只需要記錄在創建產品時確定下來的決議。換句話說，文檔不能解決問題，但是定義可以，我們需要不是文檔多么詳細厚重，而是要足夠的清晰和準確。功能說明要明確具體避免主觀語氣，避免出現歧義，盡可能用量化的可檢驗的標準來定義功能有助于我們的驗收。
內容需求：很多時候我們說到的內容指的是文本。但是圖像，音頻和視頻有時候比文字還要重要。這些不同類型的內容結合到一起，相互協作去滿足某一個需求。內容特性想要達到的規模，將對你所做的用戶體驗產生極大的影響，內容需求應該提供每一種特性規模的大致預估，以便在設計過程中作出最為明智的決策。盡可能早的確定某個人來負責每一個內容元素也是非常重要的，避免后期開發實現達不到我們預期的效果。內容清單的輸出也是重要的，究其原因這樣團隊中的每個人都會清楚知道自己負責的哪些部分，明確責任，提高協同效率。
學會確定需求優先級，了解“不需要做什么”也就意味的我們知道哪些是必須要“馬上去做的”，把那些需求點梳理出來，找到一種適宜的方式，讓它們符合你長期的規劃，這才是真正的價值所在。確定具體，系統的發展要求，并將任何不符合這些要求的想法作為潛在未來功能的囤積，只有通過這種更慎重的途徑，才可以真正的管理起整個項目過程。
在羅列出項目需求優先級，梳理出大致的流程，我們對于產品將會包括什么主要內容已經有了清晰的構想。然而，這些需求沒有進行全面的整合還是碎片化的存在。而結構層要做的就是整合這些創建一個概念性的結構。結構層適當的將我們關注點從抽象的決策和范圍問題，轉移到更能影響最后的用戶體驗具體因素。但是這里的交互設計和信息架構所產出的東西大部分還是概念性的內容。這兩項內容并不完全是技術，它要求開發者要有共情能力去理解用戶，理解用戶行為操作習慣，使用場景，思考方式等。將了解的這些知識代入我們開發過程中，這樣會使那些不得不使用我們產品的用戶帶來更好的用戶體驗。
交互設計：關注于影響用戶執行和完成任務的元素，即關注用戶所有操作，同時定義“系統如何配合與響應”這些用戶行為。任何一個交互設計的項目都有很大部分牽涉處理“用戶錯誤”當用戶發生錯誤時產品要給出什么提示，并且對于錯誤發生時，如何防止用戶再次發生錯誤？第一個也是最好的防止錯誤的方法，就是將產品設計為不可能犯錯的。第二個避免錯誤的方法就是使錯誤難以發生，即使一些錯誤發生，產品也應該幫助用戶改正錯誤。有效的錯誤信息和容易自我解釋的界面可以在錯誤發生之后幫用戶糾正。當用戶完成一些操作后無法糾正的錯誤，產品就該提供從錯誤中恢復的方式。對于那些不可恢復撤銷的錯誤，提供大量警告就是產品唯一可以預防的方法。
信息框架：研究人們如何認知信息的過程，對于產品而言信息架構關注的就是呈現給用戶信息是否合理并卻具有意義。在以內容為主的網站上，信息架構主要工作就是設計組織分類和導航的結構，讓用戶可以高效率，有效的瀏覽網站的內容。信息框架與信息檢索和分類體系密布可分，針對分類體系我們可以從上到下或從下到上這兩種方法來建立。
從上到下的信息架構從戰略層考慮，先從最廣泛的，有可能滿足決策目標的內容與功能開始進行分類，然后再依據邏輯細分出次級分類；從下到上根據對“內容和功能需求分析”而來，從已有的資料開始，先把他們分為最低級別的分類，然后再歸納到高一級分類，從而逐步構建出反應我們產品目標和用戶需求的結構。這兩種方法各有弊端，從下而上容易將內容的重要細節忽略，從下而上使架構過于精準的反應內容，對于后期的維護變動不是很靈活。因此我們要盡可能的從兩種方式中尋找一個平衡點。一個高效結構的優點就是具備“容納成長和適用變動”的能力。一個適應性強的信息架構體系，既可以把新內容作為現有結構的一部分容納進來也可以當成一個新的部分加入。
在充滿概念型的結構層牽引出大量需求后，這些需求都是來自我們戰略目標的需求。在框架層我們要更進一步的提煉這些需求結構，確定詳細的界面外觀，導航和信息設計，這樣才能使結構變得更加豐滿。框架層需要處理更為細節問題，在結構層我們建立了一個框架和交互設計。在框架層我們關注點就是界面的元素以及它們之間的關系。當我們提供用戶做某些事情的能力是，屬于界面設計；當我們提供用戶去某個地方能力，則屬于導航設計；當我們要傳達想法給用戶時，那就是信息設計。
界面設計：成功的界面設計就是要讓用戶一眼就看到“最重要的東西”，而另一方面，不重要的東西，不應該被注意有時候則它們根本就沒有出現在那。設計界面，平面最大的挑戰之一就是弄清楚用戶不關注的東西并減少他們的比重。將第一要表達的要素快速傳遞到用戶。
導航設計：任何一個網站的導航設計必須同時完成三個目標：1.它必須要提供用戶在網站的跳轉方式；2.導航設計必須傳達出這些元素和它們所包含內容的關系；3.導航設計必須傳達出它的內容和用戶當前瀏覽頁之間的關系；這三個目標就是必須要納入考慮的范圍，清晰的告知用戶“他們在哪里”以及“他們能去哪里”把用戶當成是“傻瓜上帝”。
習慣和反射作用是我們與這個世界交互時的基礎，我們在使用互聯網產品這么多年的時間中，絕大部分的操作效果和下意識的操作方式已經被養成，所以要讓你的界面與用戶早養成的習慣保持一致是很重要的，界面要與它自身保持一致。這并不是說，每一個界面問題的解決方式都必須毫無條件的死守這些習慣。當某種不同的方式有明顯的益處時，你反而應該嘗試謹慎的違背一些習慣，到那時需要我們做的每一個決定都要有充分的，明確的理由。有效的使用比喻，就是減少用戶在“理解和使用你的產品功能”是的猜忌，讓用戶第一眼就知道你的圖標表達的是什么意思，要有強指示性質。
內容，功能和美學匯集的地方，完成其他四個層面的所有目標并同時滿足用戶的感官感受。在框架層，我們主要解決放置的事情；在界面設計考慮可交互的元素布局；導航設計考慮在產品引導用戶移動元素安排；而信息設計考慮傳達給用戶的信息要素的排布；在向上就是表現層，我們這里要解決的就是彌補“產品框架層邏輯排布”的感知呈現問題。我們每一次經歷最終都是由我們的感覺器官來進行的。在設計的過程中這是用戶體驗的最后一站：決定我們設計最后被哪些（視覺/聽覺/嗅覺/觸覺/味覺）感受器官受到呢？
嗅覺和味覺對于用戶體驗設計師是很少考慮的范圍；觸覺更多的用于工業設計領域，關注用戶和產品之間的物理接觸；聽覺可以應用到不同類的產品中，如開機/新消息提示等；視覺：這是用戶體驗師最得心應手餓領域，幾乎所有的產品都會涉及視覺設計。代替用“什么具有美感”來評估一個視覺設計方案，應該吧注意力集中在他們能否“良好運作”，對于那些上層決定的目標，設計能否賦能幫助企業更好的變現，設計的本質就是用合適的方式幫助用戶/企業完成需求目標；
忠于眼睛評估一個產品視覺設計最簡單的方式，就是你的視覺首先落在什么地方？哪個設計要素第一時間吸引注意力？它們對于戰略目標是最需要表現的東西嗎？用戶第一時間接受的信息是你想要表達的嗎？設計還是要把握4大基本原則：對比；重復；對齊；親密性；
不管你的產品多復雜，用戶體驗都是一樣的，創建良好的用戶體驗最重要的工作內容就是大量收集解決細微的問題?！俺晒Φ姆椒ā焙汀白⒍ㄊ〉姆椒ā睔w根究底就是：1.了解你正在試著去解決的問題；2.了解這些解決辦法所造成的后果；必須要同時考慮五個層面的全部因素，這對于創建成功的用戶體驗至關重要。
提成正確的問題，面對那些用戶體驗需要解決的糾纏不清的問題，要抱有一種正確心態，不要以“節約項目時間或金錢”名義對用戶體驗問題敷衍了事。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系
作者：許小鵬 來源：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司