如何讓網民愛上你的網站(2)_網頁設計教程

推薦：Robots Meta標簽及其用法
RobotsMeta應該放置在網頁的什么位置呢？跟任何一種META標簽是一樣的，RobotsMeta放置在HTML網頁代碼的HEAD之內。htmlheadmetaname=”robots”content=

用戶體驗設計治理金字塔：

用戶體驗設計目標是什么？最重要的是要讓產品有用，這個有用是指用戶的需求。蘋果90年代出來第一款PDA手機，叫牛頓，是非常失敗的一個案例。在那個年代，其實很多人并沒有PDA的需求，蘋果把90％以上的投資放到他1％的市場份額上，所以失敗勢在必然。

其次是易用，這非常要害。不輕易使用的產品，也是沒用的。市場上手機有一百五十多種品牌，每一個手機有一兩百種功能，當用戶買到這個手機的時候，他不知道怎么去用，一百多個功能他真的可能用的就五、六個功能。當他不理解這個產品對他有什么用，他可能就不會花錢去買這個手機。產品要讓用戶一看就知道怎么去用，而不要去讀說明書。這也是設計的一個方向。

設計的下一個方向就是友好。最早的時候，加入百度聯盟，百度批準后，發這樣一個郵件：百度已經批準你加入百度的聯盟。批準，這個語調讓人非常非常難受。所以現在說：祝賀你成為百度聯盟的會員。文字上的這種感覺也是用戶體驗的一個細節。

視覺設計的目的其實是要傳遞一種信息，是讓產品產生一種吸引力。是這種吸引力讓用戶覺得這個產品可愛。“蘋果”這個產品其實就有這樣一個概念，就是能夠讓用戶在視覺上受到吸引，愛上這個產品。視覺能創造出用戶黏度。

前四者做好，就融會貫通上升到品牌。這個時候去做市場推廣，可以做很好的事情。前四個基礎沒做好，推廣越多，用戶用得不好，他會馬上走，而且永遠不會再來。他還會告訴另外一個人說這個東西很難用。

用戶體驗設計經常犯的錯誤是，直接開發直接上線。很多人說，互聯網作為一個實驗室，我一上線就可以知道結果了。這當然也是一個正確的理念。但是在上線之前有太多的錯誤，那么就會大大地影響事態結局。一開始的時候就能很準確地作出一些判定，作出一些取舍，在互聯網這個實驗室里，才能夠做得更好。

用戶需求是根本，但用戶需求不一定是功能

百度在半年前推出空間，從功能上來說它比較其他同類產品沒有什么非凡大的變化，就是三個最基本的功能：上傳文章，上傳圖片，交友。這三個功能，所有博客都有做，而且有更多的功能。但是那個時候，大部分的博客，不管是CSP還是門戶網站，都不能解決一個問題：速度。性能很不穩定，文章上傳了，可能登錄就進不去了，可能上傳的東西沒了。其實用戶最基本的需求，就是速度和穩定性。百度雖然才做博客，但百度有很大的平臺，有很多的服務器，有很大的流量，完全可以從穩定性和速度上把這兩個用戶體驗做好，其次再做一些功能。很難用的產品注定會失敗的，這個是非常要害的。

百度的搜索，可以用五個字歸納：快準全新穩。每一個字可以分解成很多小項，跟所有的搜索引擎PK，每一個字后面都代表著一種用戶體驗。一個博客一推出來就有幾百個鏈接，幾十種功能，很多網站說我可以這樣做，國外都是這樣做的，像MYSPACE做得很成功，我就把它照搬過來。但是很多中國用戶其實跟美國用戶是不一樣的，中國70％的人是30歲以下的，以娛樂為主，而不是信息搜索為主。而美國是70％是30歲以上的，非常成熟和理性的這一類。很多功能拿到中國，中國人是不會用的。這就是你增加越多的功能，你就越增加產品的復雜性。

怎么完成易用性這個任務

百度就有一個專門做易用性這樣的團隊，天天請各種用戶來做各種各樣的調研。

非凡提出，不要忽視文字的力量。當年的EBAY，注冊一個EBAY的帳戶，第一步第二步第三步。第三步，原來是這樣說的：“你只要在你的郵件確認一下你就成功了”。這樣一句話，很長。但是用戶不是一個一個字去讀，他是掃描，他一眼掃過去，他的意向可能就是成功了。把成功兩個字記住他就走掉了，不會再去確認這個郵件了。EBAY后來改成五個大字，叫“快要成功了”。五個大字，非常大。有戶一看，我沒有成功，我要做什么事，下面寫郵件。所以幾個字就讓EBAY提升了10％到20％的注冊率，相當于天天給他帶來一百萬的最終價值。

怎么能讓用戶愛上你的產品

可以通過視覺去改善，去提供一種感覺。這就是為什么百度和Google要做節日LOGO的原因，因為搜索這個產品也是太普通了。節日的時候做做LOGO，用戶產生一種感覺、情感，黏度會更好。這一類的東西我們都可以從視覺上去提高。

百度節日LOGO：

用戶體驗是一個多背景的梯形團隊

為什么多背景呢？首先你要了解用戶的需求，這不是很輕易的事情。先要從社會學，人類學，心理學角度大量研究。然后需要技術人員去模擬UI的技術或者是后臺的技術。視覺體驗，又要從工業設計這個角度去看。這些事都要不同背景不同類型的人去做。同時還要分工程師，產品經理。甚至一些公司高層、市場部的人都要在一起工作。為什么說是梯型呢？因為第一要了解各個專業的人，他們知道些什么東西，你怎么跟他們合作；第二就是更專業。兩方面都要去共同發展。這樣整個聯系在一起，就變成一個完整團隊。

另外一點很重要，UE設計并非由用戶體驗部來設計。百度成立用戶體驗部，是因為用戶體驗部可以協助其他部門更專業、更系統地去做用戶體驗這件事。

百度天天幾億的流量，稍微做一點改變，就可以得到很大的提升。比如說百度搜索結果的摘要，你加兩個字或者是減兩個字可能就影響到一百萬的收入。百度首頁上之前的一句話叫“把百度設為首頁”，最早是“設百度為首頁”，就改一個字，天天會增加幾千個以上的點擊量。用戶體驗部要做的是指揮，而不是獨自做專業的事，要讓所有的人一起來思考問題，是跟其他部門在一起工作，提供給其他部門更專業更系統的用戶體驗信息，協助所有的人員來做這個事情。

分享：網頁設計之css div PK table css
用過divcss作個整個網站，假如是純粹的div的布局是比較麻煩的，尤其是你div里面嵌套div的，div布局的時候，你有些頁面效果還是要舍棄一點的，比如圖片的圓角，