隨著行業(yè)技術(shù)和方法論的發(fā)展，Web站點或者Web應(yīng)用越來越復(fù)雜。原來單一的靜態(tài)網(wǎng)頁，現(xiàn)在變得如此的豐富，大大提升了交互體驗。

但是無論技術(shù)或者方法如何的改變，一個Web站點的成功的關(guān)鍵仍然沒變：用戶是怎么看的?！拔覐倪@個站點獲得了什么？很容易使用嗎？甚至有很愉悅的用戶體驗？”，用戶在使用我的產(chǎn)品的同時心中如此的問，這是產(chǎn)生用戶黏性的基礎(chǔ)。

User experience design（UX）的任務(wù)是讓用戶說出“Yes”。這篇文章旨在幫助你熟悉專業(yè)UX設(shè)計的規(guī)則，背景將基于Web系統(tǒng)，比如Web站點或者應(yīng)用。

什么是UX？

人與系統(tǒng)交互時的感就是用戶體驗（簡寫為UX）。網(wǎng)站，Web應(yīng)用，桌面程序都是所謂的系統(tǒng)，在現(xiàn)在概念里通稱為人機(jī)交互（HCI）。

UX設(shè)計師研究和評估一個系統(tǒng)的用戶體驗，關(guān)注與該系統(tǒng)的易用性，價值體現(xiàn)，實用性，高效性等。

設(shè)計師也有可能關(guān)注與一個系統(tǒng)的子系統(tǒng)或者流程。例如，他們有可能研究一個電子商務(wù)站點的結(jié)賬（checkout）流程，看看流程是否對用戶友好易用。他們可以更加深入的研究子系統(tǒng)的組件，比如研究用戶在填寫Web表單的時候如何更加高效和舒服。

尤其在基于Web的系統(tǒng)，UX是一個相對較新的概念。Donald Norman博士提出了“用戶體驗”一詞，他是一個認(rèn)知科學(xué)的研究人員，首次提出了以用戶為中心設(shè)計的重要性（用戶的需求應(yīng)該決定產(chǎn)品如何設(shè)計）。

為什么UX如此重要？

如今，隨著以用戶為中心的設(shè)計理念不斷加強，也產(chǎn)生了一些對于設(shè)計和增強用戶體驗的重要性的質(zhì)疑和討論。簡單的說：“它是重要的，因為它直接和用戶需求打交道——這已經(jīng)足夠”。

以用戶為中心，以可用性為中心將使得我們的網(wǎng)站與眾不同，但在客戶我我們理解以用戶為中心的設(shè)計之前，只有兩件事情決定了我們?nèi)绾巫鲈O(shè)計：我們的想法和用戶希望看到的。

我們以自己認(rèn)為的方式建立交互——我們?yōu)槲覀冊O(shè)計。完全以美學(xué)和品脾啊為中心，沒有人會考慮用戶體驗。

沒有現(xiàn)成的科學(xué)理論來支撐我們的設(shè)計，我們設(shè)計應(yīng)為我們覺得結(jié)果是好的，因為它們是被創(chuàng)造的（以我們的想法）并且因為這是我們的客戶想要的。

但是這十年見證了Web的變化。普及顯而易見——Web在2008年至少有1.5億用戶——但是Web已經(jīng)變得如此的復(fù)雜，擁有豐富的功能，此時Web想要變得高效，它們必需有良好的用戶體驗設(shè)計。

再者，用戶瀏覽站點的方式變得多種多樣：移動設(shè)備，各種瀏覽器，各種連入互聯(lián)網(wǎng)的方式。

我們也意識到可用性的重要——對于我們基于Web的產(chǎn)品來說——滿足屏幕閱讀器和非傳統(tǒng)的輸入設(shè)備是不夠的，還需要滿足那些沒有寬帶連接的或者使用較老移動用戶等等。

隨著這些巨大的變化，那些易用的取悅用戶的網(wǎng)站已經(jīng)脫穎而出。如何創(chuàng)建一個Web站點呢？給予使用者高用戶體驗成了驅(qū)動開發(fā)的主要因數(shù)。

誰將從UX設(shè)計中受益？

所有的系統(tǒng)將受益于以用戶為中心的設(shè)計，受益于一個非?？煽康脑u價標(biāo)準(zhǔn)，當(dāng)然，說話很容易，但是，反駁者說：完全以用戶為中心設(shè)計是一件很難的事情。我們不是生活在一個完美的世界之中，沒有無限的資源，因此，我們必須鑒別出一個范圍，可以從UX設(shè)計中獲得效益。

復(fù)雜系統(tǒng)（Complex Systems）

系統(tǒng)越復(fù)雜，就越需要更多的計劃和架構(gòu)設(shè)計。簡單的靜態(tài)網(wǎng)頁完整的多用戶UX沒有必要，而多方位網(wǎng)站，高交互體驗的Web應(yīng)用以及電子商務(wù)站點都將從UX設(shè)計中受益。

用戶規(guī)模很大的系統(tǒng)，必須有價值，愉悅用戶而且高效。忽略用戶體驗將會有很大的損失。

初創(chuàng)公司（Start-Ups）

初創(chuàng)公司或者小公司沒有額外的資源來雇傭?qū)I(yè)的UX設(shè)計師來進(jìn)行UX設(shè)計，例如，37Signals，一個精悍的初創(chuàng)公司，開發(fā)了Basecamp和Highrise等強壯的非常成功的軟件，依靠幾個多面手（可以“戴上不同帽子”的人）。

這中情況下，比起招聘一個全職的UX設(shè)計師，訓(xùn)練現(xiàn)有雇員（尤其是Web設(shè)計師）學(xué)習(xí)UX設(shè)計的原則和方法，或則是直接外包必須的UX工作可能更加的合適。在軟件或服務(wù)的最初版本提供一個強壯的用戶體驗可以在同類產(chǎn)品中跳出來獲得用戶的青睞。但是作為初創(chuàng)公司，有時候并沒有足夠的資源來雇傭一個技術(shù)嫻熟的UX設(shè)計師。

預(yù)算限制的項目（Project With “OK” Budgets）

為中小企業(yè)工作的小代理考慮到用戶群和優(yōu)先交付的成果必須保持低開銷來保證預(yù)算。在這種情況下，開發(fā)者更加關(guān)注開發(fā)進(jìn)程而非研究分析和計劃。小預(yù)算的產(chǎn)品更多由其推出的最終產(chǎn)品來驅(qū)動開發(fā)。當(dāng)然這并不意味著這類項目不會因為良好的UX受益——當(dāng)然可以——但是實際看來，中小型的公司常常認(rèn)為推出一個網(wǎng)站而外的資源開銷沒有必要。

較長時限的項目（Project With Longer Timeframes）

簡單邏輯來看，給傳統(tǒng)的網(wǎng)站增加一個齒輪將增加其開發(fā)的時間。時間必須分配給UX設(shè)計一部分。UX設(shè)計師理論上可以承擔(dān)一些傳統(tǒng)上分配給Web設(shè)計師和工程師的任務(wù)來縮短時間，有可能節(jié)約在必要解決用戶問題而修正時花費的時間。

UX設(shè)計必知（Things To Know About Ux Design）

?

UX設(shè)計是一個了不起的規(guī)則，但是它不能或者不會去完成某些事情。

UX設(shè)計不是一刀切（UX Design Is Not One Size Fits All）

UX設(shè)計不是一刀切，不能解決所有的問題，因為每個人都是不一樣的。在某個人身上完全可行可能在其他人身上就是死穴。我們能做到最好的是為實際的經(jīng)驗和提升具體的行為來設(shè)計，但是我們不能偽造、假設(shè)或者預(yù)測用戶的實際體驗。

我們不能創(chuàng)造用戶體驗，同樣，也不能直接把用戶體驗從一個網(wǎng)站直接復(fù)制到另一個網(wǎng)站，不同網(wǎng)站的用戶體驗是不一樣的。設(shè)計必須適合網(wǎng)站的目標(biāo)、價值、生產(chǎn)過程一個它的其他產(chǎn)品。

傳統(tǒng)量度無法直接測量（Can’t Be Directly Assessed With Traditonal Metrcs）

無法根據(jù)基本單獨的統(tǒng)計，例如瀏覽量、跳出率、轉(zhuǎn)化率來評價一個網(wǎng)站的用戶體驗設(shè)計。我們可以假設(shè)，可以進(jìn)行用戶調(diào)查，但是我們不能（至少現(xiàn)在沒有）安裝一個程序直接自動的統(tǒng)計用戶的體驗。

和可用性不是一回事（Not the Same Thing as Usability）

用戶體驗和可用性變得好像是一回事了，但是他們截然不同。UX重點放在用戶使用系統(tǒng)的感覺，而交互界面的友好性和高效性則是可用性關(guān)心的事情。

可用性作為用戶體驗的一個主要部分充當(dāng)了重要的角色，它體現(xiàn)在系統(tǒng)高效和親切的體驗，但是人類工程學(xué)，心理學(xué)，信息架構(gòu)和以用戶為中心的設(shè)計原則同樣充當(dāng)重要的角色。

把UX作為職業(yè)引起的批判（Criticisms Of UX As A Prifession）

并不是所有人都承認(rèn)在團(tuán)隊里有個UX設(shè)計師的價值，圍繞著一個增加一個UX設(shè)計師帶來的額外花銷，技術(shù)上額外的學(xué)習(xí)和整合以及對改變的害怕，引起了爭論。

還有一個擔(dān)心的問題

在傳統(tǒng)的Web站點開發(fā)過程中，尤其是對于小部門或者初創(chuàng)公司來說，沒有充足的資源，一般由一個Web設(shè)計師和一個Web開發(fā)工程師組成。設(shè)計師在進(jìn)行草圖設(shè)計和功能原型設(shè)計等工作的同時也充當(dāng)?shù)挠脩趔w驗設(shè)計師的角色，同時開發(fā)人員按照設(shè)計師的設(shè)計來創(chuàng)建站點。專業(yè)的UX設(shè)計師在這種情況下只會增加進(jìn)程的復(fù)雜性。

空中樓閣

從事Web開發(fā)的一部分人認(rèn)為UX設(shè)計師里真正的開發(fā)實在太遠(yuǎn)了。舉個例子，Ryan Carson，Carsonified的創(chuàng)始人，在Web設(shè)計領(lǐng)域有很高的聲譽，曾批評了那些不實干的UX專家，應(yīng)該投身到每個Web項目的各個環(huán)節(jié)，設(shè)計、開發(fā)、測試、銷售甚至售后升級。

這行業(yè)有個基本的觀點，沒有實際開發(fā)背景的UX設(shè)計師是無法像那些擁有實際開發(fā)經(jīng)驗的設(shè)計開發(fā)人員熟練的給出解決方案。

然而，很多UX專家都有實際的開發(fā)背景；很多web設(shè)計師或者是開發(fā)人員選擇了產(chǎn)品過程中的這個特殊區(qū)域。

費用增加

簡單的邏輯認(rèn)為雇傭一個UX設(shè)計師將花費更多的錢（除非他們免費服務(wù)，但是這不可能）。

相反觀點，我們應(yīng)當(dāng)把UX設(shè)計當(dāng)作一種投資。盡管UX的益處并沒有明顯顯現(xiàn)，并不像網(wǎng)站或者程序其他部分一樣。它姍姍來遲，在以后的日子里，給出更高的回報。例如，在結(jié)賬過程中用戶體驗一個簡單的提高，可能會帶來數(shù)百萬美元的收益。

結(jié)果不能直接測量

采用定量的方法來評價UX設(shè)計的效力和投資回報率是很難做到的，這是因為這一塊東西本身就是很主觀的。UX處理是用戶的情感，不能像訪問量，加載速度和轉(zhuǎn)化率一樣給個數(shù)據(jù)來定義。

反而，我們需要分析流量水平，頁面訪問量，或前或后的用戶調(diào)查（類似的）來梳理出結(jié)果，指出正面的效果來自于好的用戶體驗或者美學(xué)或者其他因數(shù)，例如提高營銷或者前端性能優(yōu)化，都是非決定性因數(shù)。

困難在于試圖去量化非常主觀的效果。我們需要一些定性的證據(jù)。

UX設(shè)計工具和技術(shù)

UX設(shè)計師在不同設(shè)計階段使用各種各樣的工具。下面提供給大家一些工具。

系統(tǒng)評價

假若已經(jīng)存在一個系統(tǒng)，則UX專家將全面評估系統(tǒng)現(xiàn)狀，根據(jù)分析研究得出的數(shù)據(jù)，他們會報告發(fā)現(xiàn)的問題并提出一些解決方案。

A/B測試

UX專家可以擬定一個方案來比較不同用戶接口的質(zhì)量和效率。

首先提出假設(shè)（綠色按鈕比紅色按鈕更具吸引力），然后設(shè)做出不同的設(shè)計，界定什么是“比較好的用戶體驗”（例如：綠按鈕比較好，因為很多人都點擊了他），最后進(jìn)行測試。

用戶調(diào)查

UX設(shè)計師可對該系統(tǒng)現(xiàn)存的或者潛在的用戶進(jìn)行面談，洞察什么是好的設(shè)計。用戶體驗是主觀，獲得信息最直接也是最好的方法就是和用戶交流。

草圖設(shè)計和原型設(shè)計

基于A/B測試或者用戶調(diào)查中的發(fā)現(xiàn)，UX設(shè)計師可能會創(chuàng)建不同布局的草圖，甚至高度逼真的原型。

使用流程（UserFlows）

另一種流行的方法是設(shè)計系統(tǒng)的用戶使用流程。

講故事

依靠生動的用戶情感和熟悉的元素圖紙，UX設(shè)計師講故事，輸出信息?？刹榭催@兩篇文章“Better User Experience With Storytelling.”了解關(guān)于講故事的更多信息。

設(shè)計模式

模式提供了解決問題的一致的已知最高效的工具。而對于界面模式則是，對于特定的不同工作選擇正確的UI元素（例如：模塊標(biāo)簽，面包屑，幻燈片），從而獲得更好的用戶體驗。UX設(shè)計師是并不是提出那些曾經(jīng)用于其他網(wǎng)站的設(shè)計模式，更多的需要開發(fā)出適合當(dāng)前項目的設(shè)計模式。

用戶興趣模型和用戶扮演

UX設(shè)計的第一步就是了解你的用戶，確保你的設(shè)計能正確反應(yīng)用戶的需求。關(guān)于用戶扮演更多developed using website data。

內(nèi)容清單

作為最簡單術(shù)語，內(nèi)容清單為一個網(wǎng)站結(jié)構(gòu)列表。構(gòu)建一個內(nèi)容清單目錄是工作轉(zhuǎn)換到信息架構(gòu)的第一步，提供給用戶更好的體驗（例如：用戶操作流，可見索性和效率）。

樣式指南

設(shè)計的一致性至關(guān)重要的，可讓用戶獲得一個關(guān)于你的品牌的難忘的體驗。內(nèi)容風(fēng)格指南可以個作者和設(shè)計師一個整體框架，在這個框架下創(chuàng)造內(nèi)容和設(shè)計，并且確保了品牌和元素體驗 一致性。

I Love New York’s branding guidelines

還有很多用戶體驗的設(shè)計成果，請參考更多。

工具

一下是一些容易獲得的流行的UX專業(yè)設(shè)計工具，但并不是只適合UX設(shè)計專業(yè)人士，開發(fā)人員，設(shè)計師和交互設(shè)計師，包括其他更多的人都可以使用。

草圖設(shè)計和原型設(shè)計

簡單的使用紙和筆就可進(jìn)行草圖或者原型設(shè)計。尤其是紙質(zhì)原型有很多優(yōu)點，快速，簡單，廉價，利于原型分組設(shè)計。

草圖或原型設(shè)計的常用軟件：

• OmniGraffle
• Balsamig Mockups
• Mockingbird

A/B測試軟件

A/B測試（又叫分離測試或多變量測試）對比不同版本的頁面，并且支持多方案測試。

一般，A/B測試軟件將站點流量均等的分成兩部分，分別對應(yīng)兩個不同的版本，分別統(tǒng)計兩者的轉(zhuǎn)化率和跳出率。分割測試基于統(tǒng)計結(jié)果來判斷哪個設(shè)計版本更好。Google的Website Optimizer是最流行的A/B測試軟件之一。

內(nèi)容清單軟件

有大量的方法管理內(nèi)容清單。用一個現(xiàn)場服務(wù)器程序（為此你需要訪問Web服務(wù)器）是最好的制作網(wǎng)站的方法。和第三方軟件相比，這些應(yīng)用程序顯得更加高效和自然。你可以使用類似于Excel一樣簡單的工具來創(chuàng)建和管理內(nèi)容清單。（參考GetUXIndex()template）。

WordPress和Drupal等類似的網(wǎng)站都內(nèi)建了內(nèi)容管理系統(tǒng)，可以顯示站點地圖。

用戶測試和反饋軟件

用戶訪談另外一種流行的UX設(shè)計方法。最高效最節(jié)約成本的方法是使用一個調(diào)查反饋程序和遠(yuǎn)程用戶測試。

用戶反饋工具非常多。如PoolDaddy普查工具，還可以用于其他工作的靈活的解決方案。還有特殊用處的反饋工具Usabilla以及可提供遠(yuǎn)程測試服務(wù)以及管理評估者的可用性測試的Feedback Army

等類似軟件。

分析軟件

UX設(shè)計師可以從流量分析中猜測怎樣做可以提高網(wǎng)站使用者的用戶體驗。

比方說數(shù)據(jù)顯示Google Chrome是最流行的瀏覽器。Google Chrome是一個功能非常強大的瀏覽器（比起IE，Chrome更加主流）。從這個假設(shè)開始，UX設(shè)計師為吸引有能力的技術(shù)嫻熟的用戶設(shè)計出更適合他們的用戶體驗。

Google Analytics是一個功能強大免費的分析軟件。

UX專業(yè)網(wǎng)站

有很多網(wǎng)站討論UX，列舉一小部分如下。

UX Magzine

UX Magzine，有大量的關(guān)于如何提高用戶體驗的高質(zhì)量的討論。

UX Booth

一個用戶多作者聚合，UX設(shè)計交流社區(qū)。也包含可用性和交互設(shè)計方面的東西。

User Interface:Stack Exchange

beta階段，UI Stack Exchange（Stack Overflow子集）是一個給UI研究者和專家問答的網(wǎng)站。

Stack Overflow

一個流行的編程Q&A網(wǎng)站，有很多精彩的關(guān)于UX和可用性的討論。

UX Exchagne

一個社區(qū)網(wǎng)站，成員可問一些關(guān)于可用性，可訪問性以及交互性等和用戶體驗相關(guān)的問題。

User Interface Engineering

UIE是世界上最大的可用性研究組織。其網(wǎng)站經(jīng)常發(fā)布一些文章這研究成果。

UXmatters

UXmatters上是一個網(wǎng)絡(luò)電子雜志。文章涉及用戶體驗策略，UX規(guī)則信息等等。

52 Weeks of UX

Joshua Porter and Joshua Brewer創(chuàng)建了該站點，相關(guān)主題為“真正的用戶體驗設(shè)計（the process of designing for real people）”。

Boxes and Arrows

Boxes and Arrows口號是：致力于實踐，創(chuàng)新和設(shè)計的討論。因此站點上常常登出一些比較拔尖關(guān)于UX的文章。

Semantics

Semantic Studios的創(chuàng)始人，Peter Morville，其公司在信息架構(gòu)，用戶體驗以及可檢索性查詢處于領(lǐng)先地位，他在該blog中寫一些用戶體驗相關(guān)的文章。

UsabilityPost

Dmitry Fadeyev的blog記錄一些功能設(shè)計方面的文章。

101 Things I Learned in Interaction Design School

交互設(shè)計和UX設(shè)計密切相關(guān)，該blog提供一些相關(guān)的簡短的但容易理解的文章。

UX Quotes

一些關(guān)于UX話題的引用片段

Outes From the User

用戶體驗關(guān)系一切用戶（為什么角色很重要）。Tumblr博客講述了一些UX相關(guān)的故事，來自不同的特點或者不同系統(tǒng)的用戶。

everydayUX

FourSquare產(chǎn)品總監(jiān)的blog，Alex Rainert，經(jīng)常和大家交流一些信息和交互設(shè)計的想法。

Konigi

為UX設(shè)計是提供新聞，資源和工具

90 percent of everything

以用戶體驗為主導(dǎo)的網(wǎng)站，Brignull 分享一些關(guān)于信息架構(gòu)，用戶體驗以及良好設(shè)計相關(guān)的文章。

DarkPatterns.org

討論一些基本用戶體驗設(shè)計模式，幫助UX設(shè)計師找到合適的設(shè)計模式，以制作良好的用戶體驗產(chǎn)品。

Johnny Halland Magazine

關(guān)于UX設(shè)計和交互設(shè)計的Web雜志

UX Pand

致力于提供UX相關(guān)的搜索服務(wù)

Adaptive Path Blog

Adaptive Path，一個領(lǐng)先的UI設(shè)計UX設(shè)計的公司，開設(shè)的個blog，一些有用的UI和UX的文章。

Putting People First

提供一些關(guān)于UX和“用戶為中心”鏈接，文章，資源和新聞，由意大利設(shè)計公司Experientia創(chuàng)建。

nFrom Blog

nForm的blog發(fā)表一些給UX設(shè)計師看的優(yōu)秀的文章。

Viget Advance

一個web產(chǎn)品公司的網(wǎng)站，UX相關(guān)。

useit.com

Jakob Nielsen，備受關(guān)注的可用性研究者，和突破性作家，一可用性和UX為主題寫一個叫Alertbox的專欄。

UX Array

Sara Summers，微軟用戶體驗傳播者。

UI and Us

UI and Us 是“關(guān)于用戶界面設(shè)計，用戶體驗設(shè)計以及設(shè)計背后的認(rèn)知心理”。

UX Storytellers

用專業(yè)方法中的一種（講故事）來給UX，UI和IA專業(yè)人士講故事

源地址：What Is User Experience Design? Overview, Tools And Resources

翻譯：http://island205.wordpres……%84%e6%ba%90/