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

這是一篇09年的老文章咯，可是這些技巧和經(jīng)歷并沒有過期，所以我們?nèi)匀环�譯出來，引薦您細(xì)心閱覽。

一、善用人物配圖，運(yùn)用戶專心于你想出現(xiàn)的

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

這是榜首步：

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

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

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

「現(xiàn)在，小萌孩是仰望著右邊文字的，與此同時(shí)，你是不是也把留意力搬運(yùn)到右邊的內(nèi)容呢?」

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

二、表格的最抱負(fù)方位

一個來自UX Matters 的研討發(fā)現(xiàn)，最抱負(fù)的表格置放應(yīng)該是由上至下，由于人們一般會習(xí)氣筆直的表格，這樣一般易于閱覽與填寫。

三、人們對網(wǎng)站的信賴度取決于規(guī)劃質(zhì)量

榜首印象很重要!栗子：

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

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

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

除了網(wǎng)站規(guī)劃，其他影響用戶對你的網(wǎng)站信賴度的還有：網(wǎng)站內(nèi)容的質(zhì)量、犯錯的次數(shù)、更新的頻率、操作的快捷性和網(wǎng)站站住的人品。

四、大多數(shù)用戶不會翻滾閱覽

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

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

讓我們看看優(yōu)異典范：

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

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

這些內(nèi)容關(guān)于網(wǎng)站主頁是至關(guān)重要的，所以我們需求供給的中心要害有：

網(wǎng)站的稱號

網(wǎng)站的價(jià)值主張(即用戶能得到什么，有什么優(yōu)點(diǎn)，如何運(yùn)用它)

與用戶相關(guān)的導(dǎo)航規(guī)劃

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

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

有一個共同規(guī)劃的網(wǎng)站當(dāng)然是好樣的，但當(dāng)你需求進(jìn)步網(wǎng)站的可用性時(shí)，主張你最好恪守大多數(shù)網(wǎng)站采納的方法。由于當(dāng)人們閱覽一個新網(wǎng)站時(shí)，他們會發(fā)動自身的「經(jīng)歷形式」去了解這個網(wǎng)站的運(yùn)用，例如：藍(lán)色是鏈接的色彩，網(wǎng)站LOGO的方位、導(dǎo)航標(biāo)簽的下拉行為等。

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

谷歌之所以一切的鏈接都是藍(lán)色是由緣由的，這個色彩合適大多數(shù)用戶，也便于辨認(rèn)。

鏈接該選什么色彩?

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

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

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

六、抱負(fù)的查找框?qū)挾仁?7個英語字符

什么是抱負(fù)的查找框?有的，Jakob Nielsen針對可用性進(jìn)行了一個查找框?qū)挾鹊难杏�，發(fā)現(xiàn)大多數(shù)查找框都太短了，查找框太短帶來的問題是雖然你能夠輸入滿意長的字符，但只要一部分文本字符可見，這導(dǎo)致你很難檢查或許修改。

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

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

谷歌的查找框?qū)挾茸浇笠娭?/p>

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

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

一般來說，查找框稍長比稍短好，由于用戶能夠隨時(shí)檢查、核實(shí)、修改。這條經(jīng)歷十分簡略，可是很不幸的是常常被人們疏忽。其實(shí)在輸入?yún)^(qū)域的一點(diǎn)改善也會帶來更好地用戶體會

七、留白規(guī)劃帶來更好的閱覽

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

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

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

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

八、不用進(jìn)行廣泛的用戶測驗(yàn)

Jakob Nielsen的研討顯現(xiàn)僅需求5個用戶就能夠發(fā)現(xiàn)你的網(wǎng)站85%的問題，如果有15人就能找出挨近悉數(shù)的問題。

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

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

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

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

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

Apple供給了具體的產(chǎn)品介紹頁面，包含產(chǎn)品特色及規(guī)范等。請留意，不要讓一點(diǎn)難明的技術(shù)細(xì)節(jié)停留在介紹頁面，給消費(fèi)者看的懂的。

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

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

十、大多數(shù)用戶會無視廣告

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

這條經(jīng)歷要通知你的是，人們會無視廣告，而且與任何看起來與廣告相似的東西，即便它不是廣告。一些色彩風(fēng)格激烈的導(dǎo)航會讓他們誤認(rèn)為是廣告，所以請細(xì)心留意這個經(jīng)歷。

10個進(jìn)步網(wǎng)站可用性的經(jīng)歷攻略

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

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

干貨福利：

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

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

1.5一般被認(rèn)為是最經(jīng)典的排字方法，我們的研討決計(jì)為這個方法點(diǎn)個贊。幾乎沒有網(wǎng)站運(yùn)用低于它的，那些高于這個規(guī)范的也會越來越少，特別是當(dāng)你看完這篇文章后。

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

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

最佳的字/行是55——75

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

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