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

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

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

網(wǎng)頁給人的視覺感受

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

你不需要是專家

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

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

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

這有助于你成為專家

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

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

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

用戶體驗(yàn)設(shè)計(jì)師對(duì)你來說意味著什么？

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

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

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

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