是什么讓你選擇這家餐館？剛進去的時候，餐館給你的第一印象是什么？服務員是否讓你在等候一陣子之后領你去合適的座位？菜單放在桌子上的什么位置？瀏覽體驗如何？你點了哪些菜？上菜的速度夠快么？味道地道么？服務員夠不夠勤快體貼？你是否還想去這家餐館吃？

所有的這些問題都關乎你對于這家餐館印象的好壞，也直指這家餐館的用戶體驗本身。

當然，我們通常所說的用戶體驗（UX）所針對的對象大多是數字和科技產品或服務。這也就意味著，用戶體驗設計本身至少有著進一步提升的可能性。

現如今，用戶體驗設計已經成為了一門重要的學科，快速地發展，并且擁有極大的成長空間。雖然這是一門擁有多學科背景的新興學科，但是向上追溯它的發展歷程之時，我們會發現早在文藝復興時期之前它就已經存在了。

在爭論用戶體驗設計會帶領我們走向何方這種大命題之前，回顧一下用戶體驗設計發展史上的精彩瞬間，應該能給我們許多啟發。

公元1430左右：達芬奇的“廚房噩夢”

Michael Gelb 在他的著作《如何像達芬奇一樣思考》（How to Think like Leonardo da Vinci）中講述了米蘭公爵委托達芬奇為高端宴會設計專屬廚房的故事。這位偉大的藝術大師將他一貫的創造性天賦運用在這次廚房設計中，他將技術和用戶體驗設計融入到整個廚房的細節里面，比如傳送帶輸送食物，也首次在廚房的安全設計中加入了噴水滅火系統。

有意思的是，達芬奇的設計很多開創性的設計一樣，不足也非常明顯。傳送帶是純人工操作，工作不太正常，更麻煩的問題出在噴水滅火系統上，失靈的設計捎帶手毀了不少食物。

當然，雖然達芬奇的這次嘗試令廚房化身為噩夢，但是作為用戶體驗設計的早期實踐，卻有著無比重要的歷史意義。

20世紀初：Taylorism 和工業革命

作為最早的管理顧問之一，機械工程師 Frederick Winslow Taylor 撰寫了《科學管理原理》一文，深刻地影響了工程效率領域的研究。隨著Henry Ford的福特汽車實現大規模生產，Taylor和他的支持者們也逐漸完善出了勞動者和工具之間高效協同交互的早期模式。

1948：豐田人性化的生產系統

和福特一樣，豐田不僅在設計和生產效率上非常重視，而且對于人工輸出效率也非常關心。生產過程中裝配工人受到了更多的重視，幾乎不亞于對技術的關注。精益生產模式的巨大成功，使得人與技術之間的交互得到了更多的重視。

1955：Dreyfuss ，為人的設計

美國著名工業設計師Henry Dreyfuss 在這一年寫下了著名的設計書《為人的設計》（Designing for People）。

在書中，他寫道：

當產品和用戶之間的連接點變成了摩擦點，那么工業設計師的設計就是失敗的。

相反，如果產品能讓人們感覺更安全，更舒適，更樂于購買，更加高效，甚至只是讓人們單純地更加快樂，那么此處的設計師是成功的。

隨著人與產品的接觸越來越多，他在書中所講述的許多設計規則，被大家越來越多地引用。

1966：迪士尼和開心效應

在迪士尼世界早期建設階段，Walt Disney 在公告中是這樣描述它的：“…它（迪士尼世界）會成為一個堅持使用最新的技術改善人們生活的地方…”他的想象力和技術的結合，為全世界所有人帶來了無限的開心和喜悅，并激勵著設計師們（尤其是用戶體驗設計師）前行。

1970s：施樂PARC和個人電腦

作為施樂最出名的研究機構，PARC為隨后大范圍普及的個人電腦的設計型態和交互邏輯定下了基調。Bob Taylor，作為一名訓練有素的心理學家和工程師，帶領著他的團隊構建出了人機交互領域最重要也是最普及的工具，包括圖形化界面（GUI）和鼠標。（隨后喬布斯和蓋茨先后訪問了PARC，參考了施樂之星的設計，為今天的蘋果和微軟開辟了通向未來的道路。）

1995: Don Norman，第一個用戶體驗專家

身為電氣工程師和認知科學家的Don Norman加盟蘋果公司之后，幫助這家傳奇企業對他們以人為核心的產品線進行研究和設計。而他的職位則被命名為“用戶體驗架構師”（User Experience Architect），這也是首個用戶體驗職位。

在這個階段，Don Norman 還撰寫了經典的設計書《設計心理學》（The Design of Everyday Things），直到今天它依然是設計師的必讀書。

2007: iPhone

2007年MacWorld上，喬布斯發布了iPhone，稱其為“跨越式產品”，并承諾它會比市面上任何智能手機都要易用。隨后，iPhone不僅兌現了喬布斯的承諾，而且徹底改變了智能設備領域的格局，蘋果公司再一次登頂，成為世界上最成功的公司之一。

iPhone的絕妙之處在于，它融合了當前最卓越的軟件和硬件系統，借助革命性的電容觸摸屏而非傳統的物理鍵盤來同用戶進行交互。可以說，初代的iPhone所提供的用戶體驗，遠遠優于同時代的任何手機。

這也在無意中讓智能設備的軟硬件研發和相關領域將重心放到用戶體驗上來。蘋果公司強調他們是通過提供出色的用戶體驗贏得市場成功和無上榮譽，其他人自然而然就跟隨這他們的腳步前進。

用戶體驗的未來

用戶體驗設計發展史上的每一個重要里程碑，都源自技術和人性的碰撞。互聯網和新興技術正在越來越多的介入我們的生活，我們可以遇見到用戶體驗設計會來接下來的日子里，一日千里地發展前進。只是這種發展也越來越多地需要專業技能，跨領域協作，多學科實踐，比如用戶研究、圖形設計、客戶支持、軟件開發等等等等。根據 indeed.com 網站的統計數據，在用戶體驗設計告訴發展的今天，單過去的15天里，就有超過6000個相關職位的招聘需求發布在網上。

互聯網不再單純的局限于我們的筆記本電腦和智能手機，可穿戴設備，智能汽車和智能醫療設備也都會接入網絡。全球互聯的時代賦予專業的用戶體驗從業者更重大的責任，用戶體驗設計也不再局限于屏幕和像素，超出外形，關乎生活每個細節的用戶體驗設計無時無刻無處不存在。

所以，不論你是達芬奇還是福特，是泰勒還是喬布斯，你都擁有著無限的可能性和海量的機會，改善用戶體驗，創造更美好的世界。

文章來源：優設
優設譯者：@陳子木

轉載請注明：學UI網》用戶體驗設計發展簡史你知道嗎？

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

據Google技術總監RayKurzweil的所說：到2029年，電腦很可能會比人類更聰明，UX的未來也將變得更加自動化。人工智能和機器學習等最新科技已經可以支持需要人類參與的、非線性的、邏輯復雜的任務，技術創新正在改變人們的生活方式。例如科技創業型公司不僅為自動駕駛提供相關建議，甚至可以為節目表演提供更加智能的建議。

在我們創建和使用復雜產品的過程中，自動化發揮著日益重要的作用，我們可以感知到，自動化將在UX用戶體驗設計的未來發揮巨大的作用。用戶體驗設計的自動化很可能是接下來影響UX設計整個行業的一件大事 – 無論是優化設計反饋流程，還是改變和精簡產品團隊的運作方式，自動化都會起到重要作用。自動化正在不斷增強我們創造引人注目的產品的能力。

設計自動化：迅速將概念轉化為高保真原型

通常，UX設計師繪制用戶體驗地圖和信息架構圖，并在產品設計的過程中進行用戶研究工作。在設計過程中，設計師的典型輸出包括：手繪草圖，如圖一所示。還有流程圖、架構圖、不同保真度的線框圖，如圖2所示。這些交付物中的某些-尤其是高保證原型，可能需要花費幾周甚至幾個月的時間進行繪制。大一般情況下，在設計過程沒有完全完成之前，開發人員不會進入開發過程中，因為設計稿為后續的開發提供了指導方向。

圖1 低保真用戶界面草圖

圖2 低保真用戶界面草圖

因此，我們需要找到優化整個可用性測試流程的新方法，以提高設計的有效性和效率，最終實現更快的信息反饋并縮短驗證周期。通過應用自動化技術，如果能夠快速的創建低保真線框圖，同時生成高保真界面，那么就可以在更短的時間內創建產品的界面，并將更多的時間與精力用于用戶研究，最終可以加快提升用戶體驗的每個環節。

自動化蘊含著無盡的機會

Airbnb開創了自動化用戶體驗的設計流程，成為自動化設計的先驅。在他們的文章“手繪草圖界面”中，Airbnb的設計技術主管Benjamin Wilkins和Airbnb的設計技術專家Jon Gold，演示了如何使用專用相機設備和軟件實時制作低保真草圖和高保真視覺原型，例如圖3和4。Airbnb的視覺設計團隊最終接受了自動化產出的視覺圖并對視覺效果進行調整，事實證明通過創建原型以獲得快速反饋和驗證設計方案的速度是非常高效的。

圖3 Airbnb設計

圖4 Airbnb的迭代設計

“我們將代碼作為設計工具去投資。通過代碼來處理包括界面布局和設計展示、邏輯和數據等內容的展示。有助于縮小工程師和設計師之間的距離，以及縮短視覺圖與線上效果圖之間的距離 ”。- Airbnb設計負責人 Alex Schleifer

自動化設計有什么重要意義呢？自動化不是令人印象深刻的相機設備，而是能夠引發巨大興趣的機器學習。它凸顯了利用機器學習的無盡機會，優化了產品設計流程，并且能夠提供越來越多的價值。未來，只需通過與Siri，Google智能助理或Slack嵌入式機器人交談就可以設計用戶原型界面?！班耍珼esignBot， call to action按鈕使用標題藍色?！闭鏏irbnb團隊所證明的，這一切都是有可能的。

利用“設計自動化”創造更好的產品

隨著即將到來的自動化設計技術，這對您的團隊意味著什么呢？為了為您的團隊做好迎接設計自動化的準備，您可以通過以下幾種方法無縫地過渡到自動化設計的未來。

視覺與品牌設計團隊

自動化設計的未來在很大程度上依賴于開發強大的可視化語言，以支持多樣的設計組件和設計規范。這確保了跨設備、跨平臺的產品都能擁有一致的品牌體驗。現在可以花時間準備這些可視化語言，確保它們能夠準確描述您的品牌。

產品負責人和產品經理

花一些時間去研究并開發加快設計過程的新方法。從創新方法入手，簡化產品構思和原型制作過程。如果你不這樣做，你的競爭對手當然會。自動化設計不應該成為創意的瓶頸，產品面向的是用戶，加快設計過程可以更好地為用戶服務。

“測試想法所需的時間應該為零 ”。- Airbnb設計主管 Benjamin Wilkins

UX設計師

在日常工作流程中開始使用新技術。不要將自動化視為對創意的威脅，而應將其視為利用創新技術來增強專業知識的機會，通過自動化構建更好的產品。通過減少耗時、重復性任務的時間，可以將更多的時間和資源用來進行用戶研究，概念測試或用戶驗證。這所有事情完全是關乎用戶體驗的。

設計自動化即將到來

在過去幾年中，機器學習和AI在改變整個行業的運營方式和業務方式方面發揮越來越重要的作用。由于越來越復雜的流程變得自動化，我們必須專注地去研究自動化與UX設計之間的交叉點，為設計自動化未來的到來做好準備。

雖然自動化不會在一夜之間發生，但像Airbnb這樣有遠見的公司正在探索在未來成為主流的新型工作方式。由于他們的探索與研究，我們能夠更好地評估自動化帶來的機會與影響，并了解如何更好地利用這些創新來改進我們的工作方式。無論是個人技能的提升還是設計團隊的流程優化，自動化設計的潛力都是巨大的。

譯者總結

在了解了自動化設計相關的內容后，筆者將現有的產品上線流程與應用自動化設計的產品上線流程進行對比，如圖5所示：

圖5 應用自動化設計的前后流程對比

傳統的產品上線流程

需求產出，待需求評審沒有問題即進入交互設計階段（包括初期草圖方案繪制，主界面繪制以及完整的交互界面與交互說明撰寫），交互設計基本完成后進入視覺設計階段，同時前端可進入開發階段；在進行交互設計的同時，后端同步提供接口。開發完成后進入測試階段，測試沒有問題產品可發布上線。上線后收集用戶反饋，進入下一輪的產品迭代中。

自動化的產品上線流程

需求產出，待需求評審沒有問題即進入交互設計階段，交互階段草圖繪制完成后即可通過自動化技術將草圖轉化為高保真原型界面（視覺再進行相應調整即可），減少交互、視覺與前端開發的工作量。待前后端開發完成后進入測試階段，測試沒有問題產品可發布上線。上線后收集用戶反饋，進入下一輪的產品迭代中。

為了便于理解自動化技術，譯者簡單總結一下自動化技術的實現原理：自動化技術依賴前端強大的可視化語言，需要強大的前端組件庫來識別草圖中的占位符含義。例如，當在草圖中繪制一個占位符時，通過智能化技術自動識別該占位符在產品中所代表的組件，進而生成高保真的用戶界面。因此，可以迅速看到產品從草圖階段到上線后的效果圖，也便于對設計方案進行及時更正。

結合兩種流程對比，譯者結合自身工作經歷總結了應用自動化設計的三點優勢：

（1）迅速驗證多種設計方案

在項目迭代周期緊張的情況下，設計師缺少額外的時間和精力來設計多種方案，更無法驗證哪種設計方案能更好地解決用戶需求。精益設計時代，很難對每次的設計方案進行可用性測試。而自動化設計過程中，可以直接將設計草圖轉換為可點擊的高保真原型界面，交互設計師有更多時間和精力來繪制多種設計方案并利用高保真界面進行用戶測試，從而迅速調整設計方案使其能更精準的幫助用戶解決痛點，從而提升用戶體驗。

（2）提前開發節點，縮短項目周期

原有的開發流程中，在需求明確之后，后端可以同步開發某些接口，而前端開發需要等完整的交互界面繪制完成后才能進入開發階段，這導致項目周期很難縮短。自動化設計在交互設計師完成草圖后前端開發即可進入開發階段，將開發節點提前至操作階段，可以明顯縮短項目周期，提高產品迭代效率。

（3）迅速驗證需求是否被滿足

筆者在工作過程中發現，B端產品的用戶在交互評審的過程中會否定自己的需求。產品經理收集需求的過程中，用戶提出想要滿足A需求。在A需求的設計方案完成后，用戶看到設計界面時經常會提出自己想要實現的需求并非如此。

即，由于B端產品的專業性特殊性，用戶在未看到設計界面之前并不清楚自己的需求是否得到滿足。

因此，利用自動化設計可以迅速將需求轉化為設計界面以進行用戶測試，快速試錯以明確用戶的需求是否真正得到滿足。

封面作者：Paul Olek

原文地址：網易UEDC（公眾號）

作者：仉長娟

轉載請注明：學UI網》用戶體驗設計的自動化正在靠近

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

1. 確定核心用戶體驗

每個產品都有核心的用戶體驗，這基本上是它存在的原因。它解決了人們所面臨的問題，而且為他們提供有意義的價值。關鍵內容和功能的組合代表了核心的用戶體驗。要查找你的產品核心用戶體驗，就要問自己一個問題：“客戶需要完成哪些最常見和最重要的任務？”在你用于產品的每個渠道上支持這些核心任務的本質至關重要。例如，Uber的核心用戶體驗是任何時間隨叫隨到。無論屏幕尺寸如何，此功能都能在每個設備上正常工作實現這一目的。

                             預約出租車是Uber用戶最重要的任務。用戶可以使用Apple Watch完成此任務。圖片來源： Techcrunch

2. 定義產品的設備組

盡管存在大量不同屏幕尺寸的設備，但絕對不能定位各個設備，可以根據用戶可能關注的任務定義產品的設備組。最常見的設備組是：

移動手機

平板電腦

臺式電腦

智能電視

智能手表

不同的設備組在不同的上下文中提供不同的服務：用戶根據他們正在查看的屏幕的類型參與不同的交互模式。例如，手機主要用于微任務，并且具有較短的用戶會話。平板電腦主要用于內容消費，目前不被視為大多數人的工作工具。在了解各種設備類型的基本上下文的假設對于構建一個好的用戶體驗是至關重要。

3. 適應每個上下文使用的體驗

確定產品的核心用戶體驗后，選擇一組你希望支持的設備組，你需要調整每個組的體驗（對于每個上下文的使用）。上下文的設計在不同設備組設計時尤為重要。

第一，并非所有功能都在所有設備上都有意義。你需要確定你的產品在多個設備組中使用的不同場景，并設計適合每個場景的體驗。例如，通常移動用戶比電腦用戶想要的不同于產品。以 Evernote為例，可以在多臺設備上使用流行的筆記本產品。其電腦版本針對內容消費進行了優化：

                           用于電腦版本的Evernote應用程序被優化用于閱讀文本和查看媒體。

而移動版本是針對拍攝筆記、照片和捕獲音頻進行了優化的：

Evernote了解移動環境：它利用設備功能，并提供快速保存想法的方式（添加文本筆記，捕獲照片或設置提醒）。

第二，不同的屏幕允許不同的輸入法。以觸摸輸入為例。在設計具有觸摸輸入（移動手機和智能手機）的設備時，設計師會犯的幾個常見錯誤包括：

小的點擊目標。點擊目標（如CTA按鈕）必須具有足夠大的尺寸。通常至少7毫米是足夠的，但最好使用10mm觸摸目標尺寸。

                                      圖片來源：UXMag

將項目過于緊密地放在一起。你應該考慮點擊目標的大小以及它們之間的間距，因為間距有助于分離控件，并給你的用戶界面提供呼吸的空間。建議的間距至少為23pt以防止輸入錯誤。

                                                                                      按鈕之間的間距

使用懸停狀態。但在觸摸屏上，沒有“懸?！薄?

4. 最小屏幕設計

歷史上，設計師一直從事大屏幕到小屏幕的設計工作，這意味著第一個也是主要設計是為了完整的電腦桌面視圖（它具有最多的功能）。只有電腦桌面設計完成后才移植到移動設備和其他設備組。但當設計電腦桌面時，我們通常面臨“廚房水槽”問題：許多功能被添加到產品中，特別是當涉及多個利益相關者時。這并不奇怪，，當你有很多不動產時，添加功能是比較容易。實踐經驗清楚地表明，最好使用移動方法進行設計，并通過與用戶相關的最小屏幕創建應用程序。

當你首先設計相關屏幕的最小尺寸時，它會強制你決定最重要的。一段時間后，你將采用同樣的方法仔細選擇產品的其他版本，無論是電腦桌面設備，平板電腦還是電視。

在大多數情況下，手機將是相關屏幕的最小尺寸。如果可穿戴設備對你很重要，那么你將需要考慮具有更小分辨率的微型屏幕。

5. 不要忘記大屏幕

想想大屏幕以及小屏幕，給大屏幕和小屏幕提供同樣的注意力：

不只是縮小設計，使其適合那些大屏幕。充分利用你可以使用的額外空間。

                                                                                           圖片來源：Wikipedia

確保圖像不會因為屏幕尺寸的放大而失去質量。

                                                左：低質量圖像。右：正確的分辨率。

考慮大屏幕細節。每個設備組都有自己的不同。例如，電視屏幕的設計被稱為“設計10英尺體驗”，因為從沙發的距離來看，與電腦桌面屏幕相比，屏幕上元素的明顯尺寸明顯更小。

                                                                 電視的用戶界面元素應大于電腦桌面。圖片來源：Samsung

6. 提供一致的體驗

一致的體驗意味著應用程序及其在所有屏幕尺寸上的體驗都是相似的。無論設備如何，一致的用戶體驗是成功的全通道用戶體驗的關鍵組成部分之一：

對未來與產品的交互設定期望，并建立用戶信心。

一致的體驗使得你的產品在其他設備上與用戶的交互更容易。

你可以將它們視為相同體驗的方面，而不是將設計定制到越來越多的屏幕和設備中。例如，Google搜索應用在所有設備上提供相同的搜索體驗。

                                                 當設計和功能一致時，用戶可以在他們選擇的設備上更快更有效地完成任務。

7. 創造無縫體驗

跨不同設備組創建無縫體驗對你的用戶非常重要。人們可以自由地在設備之間來回移動，完成任務，或當他們從設備轉移到另一設備時，他們期望他們的產品和服務與他們一起轉移。這意味著用戶不必考慮他們正在使用的設備，環境的變化或上下文的變化，并且可以依賴于設備良好的功能性和獨立于設備的易用性。

                  大多數人如何走過他們的一天，他們訪問的主要屏幕。圖片來源：Intercom

根據使用情況，你可能希望確保每個設備上的內容消耗量同步。以Apple Music為例：你可以在Mac上設置播放列表，并在iPhone上即時播放，也可以開始聽iPhone上的歌曲，當你轉到電腦桌面時，你將被拍攝回到你在iPhone上。

                                                                  Apple Music可以很好地處理多個設備的同步。

8. 測試你的設計

在測試環境中有效的并不總是在現實世界中。在實際設備上為實際用戶運行可用性測試，你可以在發布之前發現用戶體驗的問題并解決它。

結論

在設計多個屏幕和設備時，最好的策略是保持最終的用戶體驗。作為用戶體驗設計師，你必須評估產品的使用時間，位置和方式，以評估用戶的最佳體驗。無論你的內容是什么尺寸的屏幕，用戶都希望在各種設備之間獲得流暢的體驗。

轉載請注明：學UI網》在不同屏幕和設備上創建用戶體驗設計的8個步驟

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

1. 什么是設計？

一說到設計，很多人都會想到天馬行空的插畫，各種漂亮的手稿等。那么設計就是單純的漂亮的外形嘛？設計等于藝術嘛，我們首先來看一副畢加索的作品。

單看這幅畫，你能從中感受到什么？你能理解作者想表達的什么含義？每個人看到的可能都會有不同的理解，甚至有的人會說“我完全看不懂”。那么接下來在看另外一副作品，這是某用戶體驗設計師的作品。

內容包含草圖（線框圖），頁面流程，簡單的交互說明等。他看起來簡單明了，所有的用戶一看都基本能了解簡單的操作流程，它是專業而理性的作品。由此可見，藝術是感性的，而設計師相對理性、精密的。它是居于大量用戶數據而分析出來的最適合、最合理的方案。

2.如何做好用戶體驗設計？

那什么是好的設計那？不讓用戶思考，趣味橫生的那就是好的設計。

那怎么做到以上的這些點那？我們就需要了解“人”，觀察“人”。做設計，歸根結底就是為了解決“人”的問題，是為了讓“人”從中獲得良好的體驗。那么這就需要了解“人”的想法、行為、習慣等，學會換位思考。多注意觀察“人”的日常行為是一個號的習慣，但是注意不要以偏概全，而是多思考背后的原因，多歸納人的共性。

舉個例子，比如淘寶的收藏夾和購物車頁面，它們的內容其實是相似的，都是包含圖片、商品名稱、價格等元素。（如下圖）

如果按照正常邏輯，這2個頁面展示的東西一致，那么設計的界面也會類似，有的其他網站甚至把這2個頁面做成了相同的頁面樣式。但是為什么淘寶會把2個頁面區分開來，做成不同的樣式那？這正是考慮到用戶的使用情景和心里感受。購物車里面的商品都是用戶購買意愿比較強的商品，所以不做強調處理，只做簡單的信息展示排列處理，簡潔明了，不過多干預用戶，方便用戶迅速下單。而收藏夾的商品是用戶不急于購買的商品，所以收藏夾的設計會突出圖片、評論、人氣等內容，吸引用去購買的欲望，那收藏夾就達到了它的目的。所以展示同樣信息的頁面，根據用戶使用情景不同，頁面設計也會有所不同。

在此基礎上，設計師還需多聽用戶的反饋意見。很多時候你對這個產品太過熟悉，很多東西已經習以為常，而用戶卻可能并不了解。多聽聽用戶的反饋意見，才能更快發現設計上的問題以及用戶的困惑，做出更受用戶喜愛，用戶體驗良好的產品，這也是設計師的工作的目的所在。

那么所有的用戶的反饋意見都要采納嘛？事實并非如此，用戶說的不一定是心中所想的、用戶沒有表達出自己真實的需求、用戶的意見不專業。這就需要設計師去思考用戶需求的本質，只是盲目的順著用戶的要求走，那么最終呈現的也不是最合理、最嚴謹的設計方案。

福特汽車公司的建立者亨利·福特曾說過這么一句話：“如果我問我的用戶，他們可能只會說要一匹更快的馬”。如果福特沒有思考用戶需求的本質，那么就不會有后來偉大的福特公司了。

交互設計師接到PRD需求往往可能是一個蘋果，但是他們可能更需要個橘子，那設計師就需要把蘋果換成橘子，在進行加工榨成橘子汁提供給用戶。（如下圖）

由此可見，設計師需要傾聽用戶的意見。但也不能一味的跟著用戶的節奏，被用戶牽著走，而是應該理性對待用戶的需求，分析用戶的根本目的，解決深層次的問題，而不是停留在表面。

3. 設計規劃

在我們順利理清需求以后，我們便從需求階段順利過渡到界面階段，并可以在此基礎上繼續細化界面。

人們在處理信息，學習規章和記憶細節方面的能力是有限的。選項越多，步驟越長，用戶需要耗費的注意力和理解力就越多。所以設計師在此基礎上要減少多余的步驟和干擾項、優化操作過程，做到操作前可以預知、操作中有反饋、操作后可撤銷。

情感化的設計更能快速的捕獲用戶的芳心，建立符合用戶心理模型的設計，能讓用戶快速上手使用產品，不用進行過多的思考或花時間精力來學習如何使用該產品。如下圖所示的2款天氣的應用軟件。

單從界面邏輯上看，第一款的應用在邏輯上更為清晰，用戶理解起來不存在任何問題。但是用戶看到這個界面的時候可以直觀的感受帶今天是不是很熱，明天是不是很熱，在感受上不會那么直接。而第二款應用，通過顏色的變化和數字的高低，能讓用戶更貼切的感受到天氣的變化。所以，設計不僅要邏輯清晰合理，更要能夠令其產生認同感和情緒體驗，與界面產生情感互動，從而能引導用戶積極操作。

4. 結果

從上面的各項例子中可以看出，好的設計首先是要解決用戶在某個實際場景應用下發生的問題，會讓這個產品更易用，更受歡迎，最后會給用戶留下美好的體驗。視覺體驗只是整體體驗的一部分，它并不是設計的全部。

因此，用戶體驗設計首先應該是理性的，其次才是感性的。只要你的方案能夠解決用戶的實際問題，又能帶給他好的感受，用戶就容易感到滿意。

作者：流年

 轉載請注明：學UI網》了解什么是用戶體驗設計？

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

1. 失敗的復選框

用戶體驗設計的基本要素之一是在設計中應用正確的組件元素，然后通過合理使用這些組件元素來達到想要的效果。

為什么這個復選框設計是失敗的？

這個設計的問題在于使用復選框作為控制元素——在錯誤的地方應用了錯誤的組件。

例如圖中是一個購買雞蛋的設計，雖然生活中也有人會點15個雞蛋，但比起一長串的復選框，使用可以快速調整數量的下拉菜單會更合適。

設計提示：復選框應該只用于少量選項之間的選擇。關于數量的選擇應放置在另一個框中，并添加下拉菜單或加減按鈕來完成數量的增減。

在下一個例子中，你就可以看到下拉菜單的應用，它可以提供更簡潔的界面設計。

2. 國家區號限制不準確

這個用戶體驗失敗案例來自于加拿大Flair航空公司。如果乘客碰巧生活在一個電話號碼不是十位數的國家，那么他們必須輸入假的電話號碼才能享受這家航空服務。

這個用戶體驗設計為什么糟糕?

在當今這個時代，企業靠精準的數據才能繁榮發展，一個失敗的用戶體驗設計迫使用戶輸入假的數據，這是非常令人頭疼的問題。

設計提示：信息輸入的字段限制必須確保在合理范圍內，并考慮到特殊情況。否則，最終將迫使用戶輸入錯誤的信息，帶來更多的問題。

3. 語言障礙

對于企業來說，一個網站提供幾種不同的語言版本是很常見的設計。這個例子的失敗之處是讓用戶難以切換語言，因為它的語言切換隱藏在用戶視圖之外。

用戶體驗不好的原因？

這個網站錯誤地將語言切換框放在屏幕底部，迫使用戶向下滾動才能找到它。如果訪問者沒有立即看到語言框，他們可能會選擇點擊返回按鈕或者離開網站。

設計提示：在用戶體驗設計中必須考慮特定內容的位置，重要的東西應該放在頁面頂部。這個設計可能會因為失敗的體驗而失去很多訪問者，實際上這個問題很容易解決的。

4. 反常規的復選框

這個復選框的失敗之處在于它的設計和文案非常令人困惑，用戶幾乎無法明白復選框選中和非選中狀態之間的含義。網站默認選擇所有可選內容，然后強制客戶刪除他們不想要的選項。

為什么這是糟糕的用戶體驗？

這個體驗設計正好與用戶習慣相悖，用戶通常習慣于直接勾選想要的選項或從下拉菜單中選擇；它卻迫使用戶停下來思考應該去掉什么選項。

設計提示：有一句古老的商業格言曾說過——“如果你讓用戶感到迷惑，你就失去了他們”。將菜單設為默認，并選中所有可選內容，這是一個糟糕的設計。

5. 顏色使用不當

為了讓網站或者應用程序的一些表單脫穎而出，設計師一般會在界面上使用鮮艷的顏色。但是，需要注意的是要兼顧文字的可讀性。下面的例子中存在的問題就是設計本身看起來干凈清爽，但文字卻難以閱讀。

為什么用戶體驗不好？

雖然在這個主題中使用的綠色很好，但是在這個背景中閱讀白色字體是很困難的；即使是在白色背景上閱讀灰色字體也不輕松。

設計提示：設計必須強調可用性。如果用戶必須在界面中費力地閱讀文字，那么你很可能就會失去他們的關注。在選擇特定主題或其他界面的顏色時，一定要密切注意重要信息是如何傳達的。它是否容易被讀取?

6. 看重視覺效果而不是功能

我們都喜歡賞心悅目的交互網站，但用戶體驗設計的重點應該是功能。用戶體驗設計必須保證功能齊全、易于使用，這樣才有價值。

為什么是糟糕的用戶體驗？

上面展示的這個站點似乎忘記了他們設計的功能，選擇了華麗的界面而不是交互。用戶雖然可以看到50個非常美麗的旅游景點，但問題是，他們必須按住鼠標幾秒鐘后才能繼續瀏覽下面的內容。

設計提示：強迫用戶按住按鈕來導航只會“趕走”用戶。用戶沒有耐心等上幾秒鐘去看下一張照片，最終他們會在耐心消失后離開。

7. 凌亂的界面

界面雜亂是蘋果iTunes設計中的諸多缺陷之一，這個缺陷一直在拖累蘋果的iTunes設計。在應用程序或網站的主頁上塞滿信息看起來似乎很有誘惑力，實際上只會讓訪問者不知所措。他們遭受著信息過載，這種體驗和缺乏信息一樣糟糕。

為什么是糟糕的用戶體驗？

上圖所示的設計不僅會加重用戶的認知負荷；更糟糕的是，頁面的加載速度也會減慢。兩者都會大大耗費用戶的耐心，導致他們離開。他們將在混亂的導航中經歷一個糟糕的過程。

設計提示：在界面設計方面，菜單是不錯的組件選擇。使用這里的示例，可以使用一個菜單來管理專輯，而不是一股腦將它們全部扔到首頁上。甚至列出最近打開的2或3張專輯也是一個不錯的折中

8. Netflix的懸停播放功能

Netflix早在2015年就增加了一項功能，當用戶在視頻上停留幾秒鐘時，就會播放一段預告片。乍一看，這似乎不是一個糟糕的設計。但一旦投入到使用，問題就開始變得明顯起來。

為什么是糟糕的用戶體驗？

問題在于用戶必須將鼠標懸停在電影或視頻上才能快速查看詳情。這就產生了一個悖論：停留在播放器上閱讀影片詳情的觀眾會突然聽到或看到一段響亮的預告片或片段剪輯，打斷他們查看詳情。對于一家專注于客戶滿意度的公司來說，這是一個令人驚訝的疏忽。

關鍵要點：Netflix也可以讓這成為一個更愉快的體驗。例如可以設置為用戶必須將鼠標懸停在縮略圖上才會播放，而不是在他們查看預告片詳情時顯示。這里的要點是，在設計界面時，要確保不會意外地出現一些元素來分散用戶對重要信息的注意力。

9. 谷歌早期的失誤案例

接下來我們回溯到2005年和2009年來看看谷歌這個案例，對于一家似乎還不錯的公司來說，這是一個巨大的失敗。讓我們一起看看是哪里出錯了！

為什么是壞的用戶體驗？

Google Wave在Google X失敗后僅僅四年就出現了。它試圖創建一個全新的系統，但它最終成為了囊括電子郵件、即時通訊和維基百科等功能的混合產品。主要問題在于，它并沒有比市場上其他解決方案做得更好。

設計要點：這個概念其實非常棒，為我們今天繼續使用的許多新程序打開了大門。但是，即使是絕妙的想法也無法將Google Wave從糟糕的設計中拯救出來。當試圖簡化那些已經流行的特定功能時，新功能至少要達到同等的水平。否則，人們不會使用它們。

10. 已刪除的消息通知

WhatsApp因其出色的用戶體驗設計而大受歡迎，但有一項功能卻讓人摸不透。我們都遇到過這樣的情況，有時候編輯了一條信息準備發送給一位朋友，但卻意外地將它發送給另一個朋友。因此，用戶應該有權刪除這條消息。聽起來很有道理，對吧?

為什么是糟糕的用戶體驗？

WhatsApp的設計問題在于，它會向收件人顯示你刪除了信息!最后，這看起來比你發錯消息的行為更可疑。這是一個糟糕的設計決策。

設計要點：系統應該提醒發件人，收件人可以收到你刪除了信息的通知；或者從一開始就避免給收件人發送這個通知。給刪除消息的人一個簡單的通知消息這個設計可以保留。

最后的一點想法

用戶體驗需要放在用戶體驗設計的首要位置。優秀的用戶體驗設計是小企業將客戶從更大、更傳統的企業中轉化出來的途徑之一。最后一條建議是將可用性置于界面風格之上。吸引眼球的應用程序和網站固然很重要，實用性在絕大部分時候是要置與美學之上的。

原文地址：UI中國

作者：摹客Mockplus

轉載請注明：學UI網》十大用戶體驗設計失敗案例，你知道嗎？

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

產品功能層面的可用性

從字面意思來說“可用”是指在用戶正常預期里一個系統可以正常使用。在用戶體驗里的產品層面更多是傾向于產品功能有用、有效、完整。比如用戶能通過搜索功能搜到自己想找的內容，這個用戶完成搜索就是被定義為搜索功能的可用性，也就是說這個功能對用戶是有效的。

但是，具備可用性的產品，用戶體驗未必就一定好。反過來，用戶體驗好的產品，可用性也并一定好。比如改版前的12306，他的可用性很高，幾乎人人都得通過他解決火車票問題，但他用戶體驗卻并不好，設計也不美觀，還被很多人吐槽，高峰時期還特別糟糕，他算不上是好的用戶體驗例子，但對用戶來說它的可用性很高。那體驗好但可用性不好是什么樣呢？比如我們去一家餐廳，環境裝修氛圍、還有服務都好極了，連餐椅餐具都設計的高端漂亮，可是我們進去餐廳吃飯卻沒有能吃的菜品。這就是體驗很好，但可用性并不好。

我們可以這么簡單理解：產品層面的可用性原則是產品功能的必備基礎，他是萬丈高樓的地基，沒有可用性的產品無需談用戶體驗，但是具備了可用性這個條件并不等于擁有了優秀的用戶體驗。

用戶體驗設計層面的可用性

上面我們提到了產品層面的可用性主要是產品的功能的有用、有效、完整，但對于用戶體驗設計不僅僅局限于功能性范圍。在用戶體驗設計里還包含的視覺感知、品牌一致、心理預期、用戶情感等因素，這幾方面都是用戶體驗設計中不可缺少的部分。

在著名的尼爾森Nielsen 的可用性框架里，最有名的就是 Jakob Nielsen 的 5 個屬性：

用戶體驗設計方案里如何體現可用性原則的

狀態可見性：比如控件狀態可見，當這個產品售罄了，能從視覺上給用戶清晰的狀態展示。

品牌一致性：比如界面的配色是否給用戶感知和品牌一致。

出錯設計：戶在使用產品的時候遇到出錯地方，直接把出錯的地方給予提示，或及時反饋，避免錯誤的發生。

滿意度設計：在設計中，站在大多數用戶角度上，對用戶要傳達的信息簡單、清晰、理解成本低。

那什么是好的用戶體驗設計呢？

那就是我們經常一塊提及的易用性，易用性是指的用戶在體驗中效率更高效、過程更簡單、記憶負擔更少、用戶滿意度更高。易用性是建立在可用性的基礎之上，如果沒有可用性，那易用性就根本談不上了。

我們再回到可用性的 5 個屬性：學習性、記憶性、效率、出錯、滿意度。下面從之前寫過的搜索功能體驗來簡單看：在可用性基礎之上，用戶體驗設計里對易用性的體現。

學習性
搜索框的位置在用戶心智中具有習慣性的認知，用戶在界面的頂部或右上角找到放大鏡這個圖標，就能直接開始搜索，對于用戶這個是不需要學習的。

提升輸入效率設計
用戶進入搜索輸入頁時立即彈出鍵盤，并且輸入框是焦點狀態，保證用戶無需其他點擊，直接輸入即可。另外展示5～10個歷史搜索詞，方便用戶快速鍵入減少用戶輸入成本。

減少記憶負擔
比較常見的是歷史搜索。

有效的糾錯展示
當出現輸入錯誤時，對用戶進行有效的糾錯或提示，幫助用戶快速且準確的完成輸入，減少錯誤。

轉載請注明：學UI網》用戶體驗設計的可用性

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

變色龍效應/鏡像效應

俗話說，“有樣學樣（Monkey see, monkey do）”，包括人類在內的靈長類動物都擅長模仿。這個詞表示無意識鏡像或模仿我們周邊人行為的狀態。根據我們在產品方面的經驗，我們進行的互動具有親密性和即時性。

你有沒有試過聽了朋友說的話之后又說給對方聽？這是變色龍效應的完美例子。

啟動效應（Priming）

指由于之前受某一刺激的影響而使得之后對同一刺激的知覺和加工變得容易的心理現象。我們半夜三更看了電視的恐怖電影之后，跟看喜劇相比，屋子里面聽到的任何吱吱聲或者噪音更有可能讓你毛骨悚然、心驚肉跳。

啟動效應會塑造我們對環境的行為和反應，而且往往是有效的捷徑，讓我們可以迅速做出決定。這也是一種有效的說服工具，已經廣泛應用到產業的營銷和廣告領域。

馮·雷斯托夫（Von Restorff）效應

德國精神病學家和兒科醫生海德維?！ゑT·雷斯托夫（Hedwig von Restorff）在1933年提出的理論。馮·雷斯托夫有一次實驗，涉及到讓受試者觀看一系列相似的物品。結果他發現，如果其中某個很特別的話，那么相比其他物品，受試者就更容易回憶起這件物品。

馮·雷斯托夫效應又叫做隔離效應（isolation effect），或者新奇效應（novelty effect），其預測是當存在多個相似的對象時，跟其他有所不同的那個最有可能被記住。

序列位置效應

該理論由赫爾曼·艾賓浩斯（Herman Ebbinghaus，著名的艾賓浩斯遺忘曲線也是他的發現）提出。它描述了序列中項目的位置是如何影響回憶的準確性的。

這種效應是指記憶材料在系列位置中所處的位置對記憶效果發生的影響，包括首因效應和近因效應。系列開頭的材料比系列中間的材料記得好叫首因效應或者首位效應；系列末尾的材料比系列中間的材料記得好叫近因效應或新近效應。

用戶往往最容易記住系列中的第一項和最后一項。

把最重要的信息放到開始和結尾。把最不重要的信息放在中間，這是吸引用戶注意力的高效方法。

格式塔原理

在格式塔原理之下，派生出了很多的其他原理。我們會在下面進行簡要討論：

負空間：

在設計周圍留白，從而創造出一塊大于其各個部分之和的區域。用最簡單的措辭來說，格式塔理論是基于這樣一種思想，即人腦會下意識地把各個部分組織成一個系統，從而創造出一個整體而不是一系列的離散元素，通過這樣來簡化和組織包含有很多元素的復雜圖像或者設計。我們的大腦天生就是為了看清結構和模式，從而更好的理解我們生活的環境而構造出來的。

相似：

在格式塔里面，相似的元素不管彼此是否靠近也會在視覺上進行分組。分組可以按顏色、形狀或大小進行。相似性可用來將可能彼此不相鄰的東西聯系在一起。

連續性：

不管實際畫出來的線條如何，人眼在觀看線條的時候都會按照最平滑的路徑想象。當目標是引導訪客的眼睛朝特定方向看時，這種連續性會是很有價值的工具。

閉合：

這條原理反映的是人會把設計或圖像缺失的部分自行腦補，創建出一個整體來?；蛘哒f得簡單點，在Adobe、Sun Microsystem、NBC、USA Network等的logo中就可以看到復雜的形狀。

相鄰性：

這條原理是指元素之間的距離如何。在UX設計當中，運用相鄰性是為了讓用戶將某些事物組合到一起。通過把它們放在一起，用戶就會感覺它們是相關的。

圖形與背景關系：

跟閉合原理類似，這條也利用了負空間。我們的大腦會區分出圖像前景的對象。設計師如果想要突出某個焦點時，用這條這真的很方便。

共同命運律：

這條原理是指，沿同一個方向移動的元素本身會被視為一組。如果我們看到一群鳥朝特定的方向飛行，我們就會把它們組合在一起，并將它們看作是單個刺激物。

認知負荷

指在一個人的工作記憶使用的腦力綜合。是指你為了完成任務需要消耗的腦力。

認知負荷是表示處理具體任務時加在學習者認知系統上的負荷的多維結構。

?？硕?/strong>