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

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

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

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

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

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

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

有意思的是，達芬奇的設(shè)計很多開創(chuàng)性的設(shè)計一樣，不足也非常明顯。傳送帶是純?nèi)斯げ僮?，工作不太正常，更麻煩的問題出在噴水滅火系統(tǒng)上，失靈的設(shè)計捎帶手毀了不少食物。

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

20世紀初：Taylorism 和工業(yè)革命

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

1948：豐田人性化的生產(chǎn)系統(tǒng)

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

1955：Dreyfuss ，為人的設(shè)計

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

在書中，他寫道：

當(dāng)產(chǎn)品和用戶之間的連接點變成了摩擦點，那么工業(yè)設(shè)計師的設(shè)計就是失敗的。

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

隨著人與產(chǎn)品的接觸越來越多，他在書中所講述的許多設(shè)計規(guī)則，被大家越來越多地引用。

1966：迪士尼和開心效應(yīng)

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

1970s：施樂PARC和個人電腦

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

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

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

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

2007: iPhone

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

iPhone的絕妙之處在于，它融合了當(dāng)前最卓越的軟件和硬件系統(tǒng)，借助革命性的電容觸摸屏而非傳統(tǒng)的物理鍵盤來同用戶進行交互?？梢哉f，初代的iPhone所提供的用戶體驗，遠遠優(yōu)于同時代的任何手機。

這也在無意中讓智能設(shè)備的軟硬件研發(fā)和相關(guān)領(lǐng)域?qū)⒅匦姆诺接脩趔w驗上來。蘋果公司強調(diào)他們是通過提供出色的用戶體驗贏得市場成功和無上榮譽，其他人自然而然就跟隨這他們的腳步前進。

用戶體驗的未來

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

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

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

文章來源：優(yōu)設(shè)
優(yōu)設(shè)譯者：@陳子木

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用戶體驗設(shè)計發(fā)展簡史你知道嗎？

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

據(jù)Google技術(shù)總監(jiān)RayKurzweil的所說：到2029年，電腦很可能會比人類更聰明，UX的未來也將變得更加自動化。人工智能和機器學(xué)習(xí)等最新科技已經(jīng)可以支持需要人類參與的、非線性的、邏輯復(fù)雜的任務(wù)，技術(shù)創(chuàng)新正在改變?nèi)藗兊纳罘绞?。例如科技?chuàng)業(yè)型公司不僅為自動駕駛提供相關(guān)建議，甚至可以為節(jié)目表演提供更加智能的建議。

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

設(shè)計自動化：迅速將概念轉(zhuǎn)化為高保真原型

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

圖1 低保真用戶界面草圖

圖2 低保真用戶界面草圖

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

自動化蘊含著無盡的機會

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

圖3 Airbnb設(shè)計

圖4 Airbnb的迭代設(shè)計

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

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

利用“設(shè)計自動化”創(chuàng)造更好的產(chǎn)品

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

視覺與品牌設(shè)計團隊

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

產(chǎn)品負責(zé)人和產(chǎn)品經(jīng)理

花一些時間去研究并開發(fā)加快設(shè)計過程的新方法。從創(chuàng)新方法入手，簡化產(chǎn)品構(gòu)思和原型制作過程。如果你不這樣做，你的競爭對手當(dāng)然會。自動化設(shè)計不應(yīng)該成為創(chuàng)意的瓶頸，產(chǎn)品面向的是用戶，加快設(shè)計過程可以更好地為用戶服務(wù)。

“測試想法所需的時間應(yīng)該為零 ”。- Airbnb設(shè)計主管 Benjamin Wilkins

UX設(shè)計師

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

設(shè)計自動化即將到來

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

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

譯者總結(jié)

在了解了自動化設(shè)計相關(guān)的內(nèi)容后，筆者將現(xiàn)有的產(chǎn)品上線流程與應(yīng)用自動化設(shè)計的產(chǎn)品上線流程進行對比，如圖5所示：

圖5 應(yīng)用自動化設(shè)計的前后流程對比

傳統(tǒng)的產(chǎn)品上線流程

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

自動化的產(chǎn)品上線流程

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

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

結(jié)合兩種流程對比，譯者結(jié)合自身工作經(jīng)歷總結(jié)了應(yīng)用自動化設(shè)計的三點優(yōu)勢：

（1）迅速驗證多種設(shè)計方案

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

（2）提前開發(fā)節(jié)點，縮短項目周期

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

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

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

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

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

封面作者：Paul Olek

原文地址：網(wǎng)易UEDC（公眾號）

作者：仉長娟

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用戶體驗設(shè)計的自動化正在靠近

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

1. 確定核心用戶體驗

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

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

2. 定義產(chǎn)品的設(shè)備組

盡管存在大量不同屏幕尺寸的設(shè)備，但絕對不能定位各個設(shè)備，可以根據(jù)用戶可能關(guān)注的任務(wù)定義產(chǎn)品的設(shè)備組。最常見的設(shè)備組是：

移動手機

平板電腦

臺式電腦

智能電視

智能手表

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

3. 適應(yīng)每個上下文使用的體驗

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

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

                           用于電腦版本的Evernote應(yīng)用程序被優(yōu)化用于閱讀文本和查看媒體。

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

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

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

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

                                      圖片來源：UXMag

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

                                                                                      按鈕之間的間距

使用懸停狀態(tài)。但在觸摸屏上，沒有“懸停”。

4. 最小屏幕設(shè)計

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

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

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

5. 不要忘記大屏幕

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

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

                                                                                           圖片來源：Wikipedia

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

                                                左：低質(zhì)量圖像。右：正確的分辨率。

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

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

6. 提供一致的體驗

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

對未來與產(chǎn)品的交互設(shè)定期望，并建立用戶信心。

一致的體驗使得你的產(chǎn)品在其他設(shè)備上與用戶的交互更容易。

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

                                                 當(dāng)設(shè)計和功能一致時，用戶可以在他們選擇的設(shè)備上更快更有效地完成任務(wù)。

7. 創(chuàng)造無縫體驗

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

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

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

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

8. 測試你的設(shè)計

在測試環(huán)境中有效的并不總是在現(xiàn)實世界中。在實際設(shè)備上為實際用戶運行可用性測試，你可以在發(fā)布之前發(fā)現(xiàn)用戶體驗的問題并解決它。

結(jié)論

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

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》在不同屏幕和設(shè)備上創(chuàng)建用戶體驗設(shè)計的8個步驟

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

1. 什么是設(shè)計？

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

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

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

2.如何做好用戶體驗設(shè)計？

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

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

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

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

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

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

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

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

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

3. 設(shè)計規(guī)劃

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

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

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

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

4. 結(jié)果

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

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

作者：流年

 轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》了解什么是用戶體驗設(shè)計？

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

1. 失敗的復(fù)選框

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

為什么這個復(fù)選框設(shè)計是失敗的？

這個設(shè)計的問題在于使用復(fù)選框作為控制元素——在錯誤的地方應(yīng)用了錯誤的組件。

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

設(shè)計提示：復(fù)選框應(yīng)該只用于少量選項之間的選擇。關(guān)于數(shù)量的選擇應(yīng)放置在另一個框中，并添加下拉菜單或加減按鈕來完成數(shù)量的增減。

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

2. 國家區(qū)號限制不準確

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

這個用戶體驗設(shè)計為什么糟糕?

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

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

3. 語言障礙

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

用戶體驗不好的原因？

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

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

4. 反常規(guī)的復(fù)選框

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

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

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

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

5. 顏色使用不當(dāng)

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

為什么用戶體驗不好？

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

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

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

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

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

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

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

7. 凌亂的界面

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

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

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

設(shè)計提示：在界面設(shè)計方面，菜單是不錯的組件選擇。使用這里的示例，可以使用一個菜單來管理專輯，而不是一股腦將它們?nèi)咳拥绞醉撋?。甚至列出最近打開的2或3張專輯也是一個不錯的折中

8. Netflix的懸停播放功能

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

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

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

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

9. 谷歌早期的失誤案例

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

為什么是壞的用戶體驗？

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

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

10. 已刪除的消息通知

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

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

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

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

最后的一點想法

用戶體驗需要放在用戶體驗設(shè)計的首要位置。優(yōu)秀的用戶體驗設(shè)計是小企業(yè)將客戶從更大、更傳統(tǒng)的企業(yè)中轉(zhuǎn)化出來的途徑之一。最后一條建議是將可用性置于界面風(fēng)格之上。吸引眼球的應(yīng)用程序和網(wǎng)站固然很重要，實用性在絕大部分時候是要置與美學(xué)之上的。

原文地址：UI中國

作者：摹客Mockplus

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》十大用戶體驗設(shè)計失敗案例，你知道嗎？

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

產(chǎn)品功能層面的可用性

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

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

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

用戶體驗設(shè)計層面的可用性

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

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

用戶體驗設(shè)計方案里如何體現(xiàn)可用性原則的

狀態(tài)可見性：比如控件狀態(tài)可見，當(dāng)這個產(chǎn)品售罄了，能從視覺上給用戶清晰的狀態(tài)展示。

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

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

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

那什么是好的用戶體驗設(shè)計呢？

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

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

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

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

減少記憶負擔(dān)
比較常見的是歷史搜索。

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

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用戶體驗設(shè)計的可用性

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

變色龍效應(yīng)/鏡像效應(yīng)

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

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

啟動效應(yīng)（Priming）

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

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

馮·雷斯托夫（Von Restorff）效應(yīng)

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

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

序列位置效應(yīng)

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

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

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

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

格式塔原理

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

負空間：

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

相似：

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

連續(xù)性：

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

閉合：

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

相鄰性：

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

圖形與背景關(guān)系：

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

共同命運律：

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

認知負荷

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

認知負荷是表示處理具體任務(wù)時加在學(xué)習(xí)者認知系統(tǒng)上的負荷的多維結(jié)構(gòu)。

?？硕?/strong>