網站建設中10個進步網站可用性的經歷攻略

我想每個人都會擁護，網站的可用性是它能否受歡迎的一個重要方面，不管你進行的是公司網站、在線商鋪仍是其他，讓你的界面變得簡略控制，運用時令人舒暢是要害，近幾年現已有許多針對網站界面優化的研討，而且這些研討的作用關于進步網站可用性對錯常有價值的?，F在這里有10個超有用的經歷共享，相信我，這些主張會極大地進步你那個網站的用戶體會，讓用戶愛上你的網站!

這是一篇09年的老文章咯，可是這些技巧和經歷并沒有過期，所以我們仍然翻譯出來，引薦您細心閱覽。

一、善用人物配圖，運用戶專心于你想出現的

當進入你的網站，我們會天性地重視網站上人物圖片中的臉和眼睛，這卻是為我們供給了一個主意，是不是能夠用人物配圖吸引小伙伴的留意力呢?當然，但這僅是榜首步，我們還能夠這樣做，你瞧，是不是大不相同!

這是榜首步：

10個進步網站可用性的經歷攻略

「依據眼球追尋的研討，我們先會重視這個直望著我們的小萌孩」

10個進步網站可用性的經歷攻略

「現在，小萌孩是仰望著右邊文字的，與此同時，你是不是也把留意力搬運到右邊的內容呢?」

這里是原始的研討報告 → usableworld.com，實踐證明，如果其他人往某個方向望，那么人們也會跟著望同一個方向(參照腦筋急轉彎：大街上有，有一個人仰著頭站著。周圍的人認為天空中有什么美觀的東西，都跟著往天上看，可天空中什么都沒有。你猜那人怎么說?答案附最后..)依據這個特色，我們能夠運用人物配圖來出現你想要讓用戶重視的內容。

二、表格的最抱負方位

一個來自UX Matters 的研討發現，最抱負的表格置放應該是由上至下，由于人們一般會習氣筆直的表格，這樣一般易于閱覽與填寫。

三、人們對網站的信賴度取決于規劃質量

榜首印象很重要!栗子：

10個進步網站可用性的經歷攻略

這是一個展現手機運用的網站，可能我們不知道這個名為”fever”的APP終究怎么樣，可是看到一個這么潔凈圓潤的用戶界面，對它的好感理應大大提升了。

一個風趣的研討發現，人們判別一本書的依據往往是它的封面…相同的，一個網站的布局、一致性、配色、排版等都在影響你的用戶，他們會以此判別你將供給的東西。因而，你要切當保證網站的風格不僅要潔凈美麗，更要合適你的受眾用戶。

除了網站規劃，其他影響用戶對你的網站信賴度的還有：網站內容的質量、犯錯的次數、更新的頻率、操作的快捷性和網站站住的人品。

四、大多數用戶不會翻滾閱覽

一份來自Jakob Nielsen的研討顯現(研討在此 → nngroup)僅僅有23%的用戶榜首次進入網站時會翻滾閱覽，這意味著有77%的用戶只會看那個區域(無須翻滾的可見頁面)，更重要的是，只要16%的用戶會在第2次訪問時繼續翻滾閱覽。該數據突顯出，將要害的內容放在主頁的突出方位是多么的重要!

不過，這并不意味著你要填滿頁面的上部區域，悉數塞在那兒只會讓內容難明，當用戶看到太多的信息時，他們不知道該從哪里開端看。

讓我們看看優異典范：

10個進步網站可用性的經歷攻略

basecamp 在這折疊線以上(768px高)，網站顯現了一個巨大的截圖，標語、價值主張、呼吁舉動、客戶列表、視頻以及顯現特色的小圖。

這些內容關于網站主頁是至關重要的，所以我們需求供給的中心要害有：

網站的稱號

網站的價值主張(即用戶能得到什么，有什么優點，如何運用它)

與用戶相關的導航規劃

然而，自那時以來，用戶習氣發生了很大的改動，最近的研討證明用戶很喜歡視差翻滾的作用，他們寧愿翻滾到頁面底部而不是翻頁，對許多用戶來說，最重要的信息也不須置放在主頁，所以有個好主意，我們能夠運用留白空間的方法將頁面分成幾段。

五、能夠共同，但不要難明

有一個共同規劃的網站當然是好樣的，但當你需求進步網站的可用性時，主張你最好恪守大多數網站采納的方法。由于當人們閱覽一個新網站時，他們會發動自身的「經歷形式」去了解這個網站的運用，例如：藍色是鏈接的色彩，網站LOGO的方位、導航標簽的下拉行為等。

10個進步網站可用性的經歷攻略

谷歌之所以一切的鏈接都是藍色是由緣由的，這個色彩合適大多數用戶，也便于辨認。

鏈接該選什么色彩?

色彩夠深/淺，能夠與背景色有激烈地比照，易于區別

不能與文字色彩相同，所以你能夠看到，沒有鏈接是黑色的

研討證明，選用藍色的鏈接是最好的，由于閱覽器默認的鏈接是藍色的。挑選其他色彩也沒問題，但可能會影響用戶找到它

六、抱負的查找框寬度是27個英語字符

什么是抱負的查找框?有的，Jakob Nielsen針對可用性進行了一個查找框寬度的研討，發現大多數查找框都太短了，查找框太短帶來的問題是雖然你能夠輸入滿意長的字符，但只要一部分文本字符可見，這導致你很難檢查或許修改。

這項研討發現查找框的均勻長度是18個字符，27個字符的查找框可能會太長而很難習氣，不過，它能滿意90%的查找。記住，你能夠用像素和點設置寬度，而不僅僅是em。小技巧，一em的寬與高對應一個英文字符”m”，所以你能夠以此來檢測查找框是否有27個英文字符的寬度。

10個進步網站可用性的經歷攻略

谷歌的查找框寬度捉襟見肘

10個進步網站可用性的經歷攻略

相對而言，蘋果就無能為力了。

一般來說，查找框稍長比稍短好，由于用戶能夠隨時檢查、核實、修改。這條經歷十分簡略，可是很不幸的是常常被人們疏忽。其實在輸入區域的一點改善也會帶來更好地用戶體會

七、留白規劃帶來更好的閱覽

大多數規劃師都知道白色空間在階段、圖片、按鈕以及其他項目中的價值，白色空間能夠讓各個項目自在地呼吸。當然，我們也能夠經過空間的擺放(組合、減少)來制作白色空間。關于在頁面展現內容間的聯絡、樹立層級聯系十分重要。

10個進步網站可用性的經歷攻略

留意：文本的邊際，階段的距離這些細節都給閱覽帶來了舒適的感受。

白色空間讓頁面內容的可讀性相應進步。一個04年的研討表明，如果在階段與左右邊際間能夠杰出地地運用留白，至少進步20%的閱覽舒適感。讀者能夠愈加簡略地專心于閱覽。

八、不用進行廣泛的用戶測驗

Jakob Nielsen的研討顯現僅需求5個用戶就能夠發現你的網站85%的問題，如果有15人就能找出挨近悉數的問題。

10個進步網站可用性的經歷攻略

榜首或第二個用戶會發現最大的問題，其他人會承認這些問題而且發現其他小問題，只要2個用戶能找到你網站50%的問題，這意味著其實你不需花許多錢去得到一個好的成果。當你開端測驗時，你現已有巨大的收獲了。任何小小的測驗都比沒有好

九、有多少信息，就有多少喜愛。

大多數介紹產品的頁面總是缺少滿意多的信息，有些僅僅能讓用戶掃一眼。這是個有必要正視的問題，由于產品的信息將協助人們忖度購買的決議。在可用性的研討中，匱乏的產品信息這個失利的事例占有了8%甚至10%的網站。

10個進步網站可用性的經歷攻略

Apple供給了具體的產品介紹頁面，包含產品特色及規范等。請留意，不要讓一點難明的技術細節停留在介紹頁面，給消費者看的懂的。

參照：如何寫新聞類的軟文

供給要害的信息，而不要臃腫，讓你的案牘易于吸收。經過階段距離和副標題使介紹能夠一掃明晰，給你的增加滿意的圖片，且不要運用行話，不然你的用戶看不懂。

十、大多數用戶會無視廣告

Jakob Nielsen的研討表明大多數用戶會直接無視廣告的存在，如果他們在聚精會神地閱覽文章，他們不會被廣告搬運留意力。

這條經歷要通知你的是，人們會無視廣告，而且與任何看起來與廣告相似的東西，即便它不是廣告。一些色彩風格激烈的導航會讓他們誤認為是廣告，所以請細心留意這個經歷。

10個進步網站可用性的經歷攻略

在左邊的方塊圖其實不是廣告，可是看起來與廣告很相似，所以可能會被一些用戶誤解。

所以，廣告看起來最好能像文章，那樣人們才會去點擊它，也能給你帶來更多的收入，但無疑這將會損失你的用戶信賴度，當他們點擊廣告時他們認為會是文章，成果被你詐騙。因而當你決議這樣做之前，考慮下這個買賣：短期的利益與長時間的信賴。

干貨福利：

在這些年，我們的雜志組為了確定最佳地規劃方案，研討了許多事例。到目前為止，我們現已發現了許多風趣的形式，是的，它們能夠作為你的下個規劃項目的指導方針，希望這些規范能予你便利。

行高(px)÷ 英文字符大(px)=1.48

1.5一般被認為是最經典的排字方法，我們的研討決計為這個方法點個贊。幾乎沒有網站運用低于它的，那些高于這個規范的也會越來越少，特別是當你看完這篇文章后。

行長(px)÷行高(px)=27.8

行的均勻長度是538.64px(掃除邊際)，關于大多數還選用12px到13px巨細字體的網站來說，這是最完美的組織。

最佳的字/行是55——75

依據經典的排版書本，最佳的字/行應該是55到75，但現在盛行的75——85，童鞋們自在酌量(英文字符)

注冊頁面一般很簡略，是為了防止人們分神