推薦：我的站長(zhǎng)我的站
站長(zhǎng)，活躍在鍵盤(pán)與鼠標(biāo)旁邊的這樣一群人，有著自己蒙昧以求的理想，夢(mèng)想自己的網(wǎng)站在某一天，能更真正的站起來(lái)，他們對(duì)網(wǎng)絡(luò)有著自己執(zhí)著的熱情，可能在別人眼里，站長(zhǎng)是一群整天瞎搗鼓的瘋子，但是他們自己明白，他們要的是什么，他們希望看著自己的站一天

設(shè)計(jì)師并不僅僅讓設(shè)計(jì)看起來(lái)美觀

很顯然，用戶(hù)體驗(yàn)設(shè)計(jì)師設(shè)計(jì)用戶(hù)體驗(yàn)，但是，我們所說(shuō)到的“用戶(hù)體驗(yàn)”到底是什么呢？在網(wǎng)絡(luò)上，當(dāng)用戶(hù)使用一個(gè)網(wǎng)站或者網(wǎng)頁(yè)應(yīng)用的時(shí)候，用戶(hù)的整體體驗(yàn)由很多方面構(gòu)成：

網(wǎng)頁(yè)給人的視覺(jué)感受

用戶(hù)是否能達(dá)到他的目的

網(wǎng)頁(yè)響應(yīng)用戶(hù)的整體速度

預(yù)期是否發(fā)生，例如，如果用戶(hù)認(rèn)為網(wǎng)頁(yè)會(huì)對(duì)自己的操作產(chǎn)生某種形式的響應(yīng)，但是卻并沒(méi)有，他會(huì)感到很失望。

以上只是舉些簡(jiǎn)單的例子。那么什么才是良好用戶(hù)體驗(yàn)的要素呢？可以這么說(shuō)，所有的細(xì)節(jié)都是。

您網(wǎng)站的用戶(hù)體驗(yàn)并不僅僅是指您的網(wǎng)頁(yè)看起來(lái)如何，或者是當(dāng)用戶(hù)點(diǎn)擊一個(gè)按鈕時(shí)會(huì)發(fā)生什么，也不僅僅是指用戶(hù)完成預(yù)定目標(biāo)的流程，而是包括了一切細(xì)節(jié)。從用戶(hù)打開(kāi)您的網(wǎng)站到離開(kāi)的整個(gè)過(guò)程中，他所做的一切和經(jīng)歷的一切都是用戶(hù)體驗(yàn)的組成部分。用戶(hù)體驗(yàn)設(shè)計(jì)師的工作是非常重要的，多方面的知識(shí)能使他的工作發(fā)揮更大的效用。

用戶(hù)體驗(yàn)設(shè)計(jì)師需要知道什么

用戶(hù)體驗(yàn)設(shè)計(jì)與用戶(hù)界面設(shè)計(jì)并不相同，涉及的方面要多得多。個(gè)人認(rèn)為，用戶(hù)體驗(yàn)設(shè)計(jì)師的工作應(yīng)該包括用戶(hù)界面設(shè)計(jì)，以及用戶(hù)在達(dá)到目標(biāo)過(guò)程中的任務(wù)流程設(shè)計(jì)，需要設(shè)計(jì)師了解可用性測(cè)試的知識(shí)，了解易用性和一些用戶(hù)的特殊需求，還需要了解系統(tǒng)的基本功能是怎么在運(yùn)作的。

最優(yōu)秀的用戶(hù)體驗(yàn)設(shè)計(jì)師能結(jié)合多個(gè)學(xué)科的知識(shí)（如設(shè)計(jì)、開(kāi)發(fā)，心理學(xué)）運(yùn)用到工作中以最大限度地使用戶(hù)受益。

例如我在Twitter上和Lukas的會(huì)話(huà)中舉過(guò)的一個(gè)例子，一個(gè)用戶(hù)體驗(yàn)設(shè)計(jì)師需要知道Ajax如何工作才能更有效地使用它。如果你不知道Ajax如何工作或者服務(wù)器請(qǐng)求是如何工作，你又怎么能確定在某些特定的環(huán)境中，Ajax方式對(duì)于用戶(hù)體驗(yàn)來(lái)說(shuō)是最好的？Lukas在Twitter上的留言里這么回復(fù)：

這恰恰是忽視代碼實(shí)現(xiàn)而改善用戶(hù)體驗(yàn)的一個(gè)完美的例子；頁(yè)面刷新會(huì)使頁(yè)面更容易和快速地執(zhí)行。

正如我在下一段留言里所指出的，Lukas所說(shuō)的實(shí)際上并不正確——在很多情況下，相比整頁(yè)刷新頁(yè)面，Ajax請(qǐng)求事實(shí)上執(zhí)行得更快。刷新整頁(yè)會(huì)向服務(wù)器發(fā)送更多的HTTP請(qǐng)求（例如請(qǐng)求CSS、JavaScript和圖片文件），但在很多情況下，Ajax請(qǐng)求僅僅返回一段文本數(shù)據(jù)，所以它向服務(wù)器發(fā)送的請(qǐng)求要少得多。在絕大多數(shù)情況下，用Ajax請(qǐng)求來(lái)發(fā)送或者獲取數(shù)據(jù)比整頁(yè)刷新都要快。

我怎么知道這些的呢？因?yàn)樽鳛橐粋�(gè)網(wǎng)頁(yè)用戶(hù)體驗(yàn)設(shè)計(jì)師，我需要知道HTTP請(qǐng)求如何工作以及Apache（譯注：一種服務(wù)器軟件）如何響應(yīng)瀏覽器端的請(qǐng)求，并且知道當(dāng)我發(fā)送一個(gè)Ajax請(qǐng)求的時(shí)候服務(wù)器端在執(zhí)行什么樣的代碼。只有知道這些，才能在使用Ajax或者刷新整頁(yè)之間選擇前者作為解決方案。很多時(shí)候我決定用Ajax，正是因?yàn)樗�更快速并且使�?yīng)用程序更加靈敏地響應(yīng)用戶(hù)操作。用戶(hù)體驗(yàn)的很大一部分來(lái)自于用戶(hù)對(duì)應(yīng)用程序的響應(yīng)速度的感覺(jué)，所以，我使用Ajax是一個(gè)以用戶(hù)為中心的決定，因?yàn)槲抑�道這樣做能提高用戶(hù)體驗(yàn)。

如果有些人僅僅從表面上了解Ajax的運(yùn)作（“頁(yè)面沒(méi)有刷新但是執(zhí)行了某些代碼”），那么，他在作出決定使用Ajax而不是整頁(yè)刷新時(shí)候，其實(shí)并不完全知道Ajax的運(yùn)作機(jī)制，有什么好處，有什么弊端，對(duì)應(yīng)用程序的性能產(chǎn)生什么作用，以及如何影響應(yīng)用程序緩存等等。這僅僅是一個(gè)在對(duì)關(guān)鍵知識(shí)沒(méi)有全面了解的情況下靠拍拍腦門(mén)就做出的決定。

設(shè)計(jì)大師熟悉自己的工具

建筑設(shè)計(jì)師并不僅僅畫(huà)藍(lán)圖，他們需要知道工程地區(qū)的地形地貌、氣候特征，以及考慮這各種因素選擇什么樣的建筑材料才最合適。他們并不僅僅是畫(huà)圖，還需要了解建筑工藝和整體結(jié)構(gòu)，需要對(duì)建筑材料和建筑過(guò)程有深入的了解，這樣才能更有效地開(kāi)展工作。

廚師并不僅僅是把各種食材配料堆在一起然后祈禱上天就可以變出美味的大餐，他們需要對(duì)食物以及不同人群的口味有深入了解。

陶藝師并不僅僅是雕刻出漂亮的泥坯，他們還要燒制泥坯成型。他們需要知道關(guān)于上釉、溫度和燒制的科學(xué)工藝，才能像制作藝術(shù)品一樣來(lái)完成他們的工作。

正如建筑設(shè)計(jì)師、廚師和陶藝師一樣，用戶(hù)體驗(yàn)設(shè)計(jì)師也需要知道關(guān)于網(wǎng)絡(luò)環(huán)境和媒介的知識(shí)。網(wǎng)頁(yè)設(shè)計(jì)師設(shè)計(jì)網(wǎng)頁(yè)，并且熟知可以將他們的設(shè)計(jì)圖最終實(shí)現(xiàn)成用戶(hù)界面的HTML和CSS。如果他們不懂得HTML和CSS，那么他們并不是真正地設(shè)計(jì)網(wǎng)頁(yè)，因?yàn)樗麄兊脑O(shè)計(jì)不會(huì)考慮網(wǎng)絡(luò)環(huán)境的制約。當(dāng)一個(gè)自詡為網(wǎng)頁(yè)設(shè)計(jì)師的人對(duì)網(wǎng)絡(luò)媒介并沒(méi)有深入了解的時(shí)候會(huì)出現(xiàn)什么情況呢？在對(duì)自己的設(shè)計(jì)將如何影響用戶(hù)體驗(yàn)缺乏足夠了解的情況下做出的決定，無(wú)疑是很糟糕的。舉個(gè)例子：

設(shè)計(jì)師A傳給HTML/CSS開(kāi)發(fā)人員B一個(gè)用戶(hù)界面的設(shè)計(jì)圖稿。這是一個(gè)由多種元素組成的復(fù)雜的界面，每個(gè)框的每個(gè)角都是圓角，并且有3種不同的邊框，還加上了陰影效果。設(shè)計(jì)稿上的字體都是設(shè)計(jì)師專(zhuān)用的字體，而沒(méi)有任何用戶(hù)電腦上默認(rèn)的網(wǎng)頁(yè)字體。

這個(gè)例子里，由于設(shè)計(jì)師對(duì)于網(wǎng)絡(luò)環(huán)境的一些局限并不熟悉，他們選擇了大量給用戶(hù)體驗(yàn)帶來(lái)負(fù)面影響的素材來(lái)做設(shè)計(jì)。為了實(shí)現(xiàn)那些框的圓角，并且考慮到框會(huì)隨著里面內(nèi)容而被撐大，你需要增加HTML標(biāo)記，CSS和圖片來(lái)實(shí)現(xiàn)。復(fù)雜的邊框樣式？意味著更多的代碼標(biāo)記和圖片。陰影效果？那簡(jiǎn)直需要一摞的具有半透明特殊效果的PNG格式的圖片。自定義的設(shè)計(jì)字體？你可能需要用到“可伸縮Inman Flash替換”技術(shù)來(lái)實(shí)現(xiàn)了（譯注：即sIFR技術(shù)，可參考百度百科：http://baike.baidu.com/view/1311052.htm）。

使用大量額外的代碼標(biāo)記、圖片、Flash文件和javascript僅僅為了實(shí)現(xiàn)一個(gè)對(duì)用戶(hù)來(lái)說(shuō)并沒(méi)有多大益處的效果。用戶(hù)在看到他們期望看到的網(wǎng)頁(yè)之前需要下載許多字節(jié)的數(shù)據(jù)。加載頁(yè)面額外的耗時(shí)僅僅因?yàn)閷?duì)網(wǎng)絡(luò)媒介缺乏了解的設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候腦袋中并沒(méi)有考慮網(wǎng)絡(luò)環(huán)境和網(wǎng)絡(luò)媒介的局限性。

這是否意味著你在網(wǎng)頁(yè)上不能實(shí)現(xiàn)一些漂亮的界面效果呢？當(dāng)然不是，看看網(wǎng)上有那么多看起來(lái)漂亮的網(wǎng)頁(yè)，運(yùn)行起來(lái)也很漂亮。但是那種繪畫(huà)風(fēng)格濃重的網(wǎng)頁(yè)，體積難道不是都很龐大并且很慢？難道不是有很多對(duì)用戶(hù)體驗(yàn)并無(wú)好處的視覺(jué)效果？事實(shí)上他們并不是那么漂亮，并且這也不應(yīng)該是你設(shè)計(jì)網(wǎng)頁(yè)的方式。

你不需要是專(zhuān)家

要理解Ajax請(qǐng)求如何工作，并不意味著你需要為實(shí)現(xiàn)Ajax請(qǐng)求去親手編寫(xiě)JavaScript代碼，或者研究Apache服務(wù)器的進(jìn)程處理，但是你需要對(duì)它足夠理解，才能對(duì)它的用途作出合理的判斷。正如建筑師在選擇各種建筑材料時(shí)，并不會(huì)因?yàn)槟撤N材料看起來(lái)比較酷而選擇它，他們?cè)谧龀鲞x擇時(shí)會(huì)綜合考慮各方面因素，例如材料的結(jié)構(gòu)硬度、價(jià)格、以及缺陷等等。他們?cè)趯?duì)材料足夠了解的基礎(chǔ)上作出合理判斷，合理選擇材料以使物盡其用。

網(wǎng)頁(yè)用戶(hù)體驗(yàn)設(shè)計(jì)師做出以用戶(hù)為中心的高質(zhì)量的決策也需要對(duì)網(wǎng)絡(luò)環(huán)境和媒介有充分了解。如果一個(gè)用戶(hù)體驗(yàn)設(shè)計(jì)師想要使用一個(gè)復(fù)雜的交互模型，例如拖放效果，他需要了解程序?qū)崿F(xiàn)的這種效果應(yīng)用在網(wǎng)頁(yè)上的局限。網(wǎng)頁(yè)上的拖放和桌面應(yīng)用的拖放并不相同，因此你需要知道為什么不同，有哪些不同，以及如何正確有效地應(yīng)用它。如果你時(shí)常被網(wǎng)頁(yè)應(yīng)用的速度問(wèn)題所困擾，那么，了解一些關(guān)于頁(yè)面加載執(zhí)行JavaScript文件的字節(jié)數(shù)方面的知識(shí)就顯得非常重要了。你還需要知道身體有殘障的用戶(hù)（譯注：例如無(wú)法進(jìn)行精確的鼠標(biāo)操作的用戶(hù)）如何來(lái)使用網(wǎng)頁(yè)，以及如何讓他們也能使用那些拖放功能。在用戶(hù)禁用JavaScript的情況下，你知道如何去應(yīng)對(duì)。

做出一個(gè)關(guān)于設(shè)計(jì)的決策并不像看起來(lái)那么簡(jiǎn)單。這個(gè)決策的制定需要基于很多相關(guān)因素，如設(shè)計(jì)、開(kāi)發(fā)、結(jié)構(gòu)、可用性以及易用性。用戶(hù)體驗(yàn)設(shè)計(jì)師的工作需要從整體上考量各種情景和環(huán)境因素，以盡可能地使自己的工作卓有成效。是否掌握足夠的和自己的決策有關(guān)的知識(shí)，直接決定著用戶(hù)體驗(yàn)朝好的或者負(fù)面的方向發(fā)展。

這有助于你成為專(zhuān)家

掌握足夠的知識(shí)來(lái)做出一些以用戶(hù)為中心的好的決策，當(dāng)然非常好，但是如果能對(duì)知識(shí)有更加深入、高級(jí)的了解，則是最好不過(guò)的了。如果你作為一個(gè)用戶(hù)體驗(yàn)設(shè)計(jì)師，希望在某個(gè)界面中使用拖放，如果你能實(shí)現(xiàn)整個(gè)交互的原型，真切感受一下拖放操作的整體體驗(yàn)，對(duì)你的工作將會(huì)是非常有幫助的。實(shí)踐出真知，如果你沒(méi)有動(dòng)手去用過(guò)一個(gè)實(shí)際的界面，有些東西你很難真正了解。在設(shè)計(jì)工作之前能夠制作出一個(gè)實(shí)際的界面原型，及時(shí)發(fā)現(xiàn)一些你所不了解的東西，這是對(duì)你的工作是非常有價(jià)值的。

隨著Apple操作系統(tǒng)的演化，他們的用戶(hù)交互方式也在不斷改進(jìn)。在Apple公司最新操作系統(tǒng)Leopard以及Apple的許多最新應(yīng)用中，動(dòng)畫(huà)效果和更高級(jí)的用戶(hù)交互方案已作為用戶(hù)體驗(yàn)的一部分得到運(yùn)用。如果Apple公司的用戶(hù)體驗(yàn)設(shè)計(jì)師完全不了解動(dòng)畫(huà)的核心實(shí)現(xiàn)，他們就不可能運(yùn)用Keynote和Flash之類(lèi)的應(yīng)用技術(shù)來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果，那么，他們發(fā)布的某個(gè)用戶(hù)界面版本很難有實(shí)質(zhì)上的更新。實(shí)際上，Apple公司的視覺(jué)界面設(shè)計(jì)師應(yīng)該知道Flash和Keynote并能用它們來(lái)實(shí)現(xiàn)用戶(hù)界面。呃，用戶(hù)界面設(shè)計(jì)師應(yīng)該知道如何編寫(xiě)ActionScript代碼才能開(kāi)展工作？我想是的，如果你不會(huì)，那么你團(tuán)隊(duì)中會(huì)這些技術(shù)的那個(gè)同事工作上就會(huì)比你更加出色。

看看那些那些創(chuàng)建Mac和iPhone應(yīng)用程序的設(shè)計(jì)師，他們對(duì)于自己設(shè)計(jì)的界面是如何開(kāi)發(fā)實(shí)現(xiàn)的都很精通。設(shè)計(jì)師們研究Cocoa（譯注：Apple的面向?qū)ο箝_(kāi)發(fā)環(huán)境，用來(lái)生成 Mac OS X 的應(yīng)用程序），以期能夠創(chuàng)建iPhone的界面，因?yàn)橐粋�(gè)優(yōu)秀的iPhone界面設(shè)計(jì)，關(guān)鍵部分并不僅僅是視覺(jué)效果，還包括交互行為。iPhone開(kāi)發(fā)上最成功的設(shè)計(jì)師應(yīng)該是這樣的——他們熟悉設(shè)計(jì)和開(kāi)發(fā)的知識(shí)，并且深入地知道兩者的局限制約。看看iPhone吧，他非常輕便，節(jié)能，并且沒(méi)有鍵盤(pán)。整部機(jī)器其實(shí)就是一個(gè)最大的制約，你首先需要知道這些限制是什么，才能在這個(gè)平臺(tái)上獲得成功。

用戶(hù)體驗(yàn)設(shè)計(jì)師對(duì)你來(lái)說(shuō)意味著什么？

現(xiàn)在，對(duì)于各種從事網(wǎng)頁(yè)工作的人有如此之多的頭銜，這讓我感到滑稽可笑。你可能被稱(chēng)作界面設(shè)計(jì)師、界面工程師，視覺(jué)設(shè)計(jì)師、用戶(hù)界面工程師，信息架構(gòu)師或者用戶(hù)體驗(yàn)設(shè)計(jì)師。甚至，你還會(huì)被叫做可用性工程師、可用性測(cè)試工程師、網(wǎng)頁(yè)設(shè)計(jì)師，或者網(wǎng)頁(yè)工程師。有著這么多的頭銜，并且這么多的職業(yè)技能需要互相跨越，那么，我們?cè)趺粗�道用�?hù)體驗(yàn)設(shè)計(jì)師和用戶(hù)界面工程師的工作如何來(lái)進(jìn)行劃分和銜接呢？

我只能結(jié)合自己職業(yè)生涯中的成功之處來(lái)談一談自己的看法，那就是，盡可能地學(xué)習(xí)和自己的工作平臺(tái)有關(guān)的知識(shí)。在網(wǎng)絡(luò)上，我的工作是設(shè)計(jì)用戶(hù)流程、交互方案、用戶(hù)界面模型，所有的HTML/CSS/Javascript雛形，并且有時(shí)候還需要把這些原型放到后臺(tái)與數(shù)據(jù)庫(kù)連接。我從開(kāi)始設(shè)計(jì)網(wǎng)頁(yè)入手，學(xué)習(xí)了HTML和Javascript，然后學(xué)習(xí)了CSS、jQuery和Prototype框架，再到后來(lái)學(xué)習(xí)了PHP、MySQL和一些Ruby編程的知識(shí)。只要有機(jī)會(huì)我無(wú)處不在學(xué)習(xí)，因?yàn)�，�?duì)于那些與你做出正確決策有關(guān)的知識(shí)，當(dāng)然是越熟悉越好。如果你掌握的信息越多，能獲得真實(shí)體驗(yàn)，并且很深入地了解相關(guān)知識(shí)，那么你作出的決策會(huì)更加正確，你的網(wǎng)站和應(yīng)用程序?qū)τ脩?hù)來(lái)說(shuō)也更加地友好。

當(dāng)你需要作出一些重要的，以用戶(hù)為中心的決策的時(shí)候，你掌握的知識(shí)永遠(yuǎn)不會(huì)嫌多。掌握越多的知識(shí)，你看待問(wèn)題就會(huì)越全面。

分享：為何個(gè)人站長(zhǎng)建站失敗
我和大多數(shù)個(gè)人站長(zhǎng)一樣，也是一名網(wǎng)站的站長(zhǎng)（hdjyy.cn）。起初開(kāi)始建站的時(shí)候就夢(mèng)想著幾個(gè)月后網(wǎng)站IP達(dá)到幾千，可是到最后并不想當(dāng)初開(kāi)始的時(shí)候那樣，隨著慢慢的積累總結(jié)出建站失敗的十種原因供大家參考： 1.定位模糊 剛才開(kāi)始就犯了大而全的錯(cuò)誤 2.盲目跟