国产视频一二三四区_国产伦视频一区二区三区_五月天久久狠狠_欧美一区二区三区日韩_97在线观看免费高_欧美成人在线免费视频_美女久久网站_中国女人做爰视频_国产精品久久久久久久浪潮网站_乱熟女高潮一区二区在线_国产一区二区在线影院_91超碰在线免费观看

1.大多數(shù)用戶不喜歡滾屏

Jakob Nielsen關(guān)于用戶怎樣滾屏閱讀的研究表明，只有23%的訪客初次訪問頁面時會拉動滾動條，這意味著77%的訪客是不會滾屏閱讀的，他們只會看看折疊線以上的內(nèi)容（也就是網(wǎng)頁上不需要拉動滾動條就能看到的內(nèi)容區(qū)域）。此外，之后再訪問頁面時，拉滾動條的用戶就更少了，只有16%的訪客在他們第二次訪問時向下滾動屏幕。從這組數(shù)據(jù)就能明顯看出，把重要內(nèi)容放在突出位置有多么重要，尤其是在登錄頁面。

這并不意味著你要把所有內(nèi)容都放在網(wǎng)頁的上半部分，只是你得好好對其加以利用。全部填塞進(jìn)去，只會降低這些內(nèi)容的可讀性——當(dāng)用戶看到太多信息，他們會不知道該從哪里開始。

Basecamp的網(wǎng)站空間利用非常成功。在折疊線以上（768像素高）有一幅大截圖、標(biāo)語、價值定位、行動呼吁、客戶列表、視頻和圖片顯示的簡短的功能列表。

這一點(diǎn)對主頁是重要的，大多數(shù)訪客都會從主頁登錄，所以主頁需要具備以下因素：

①網(wǎng)站名；

②網(wǎng)站的價值定位（即用戶使用該網(wǎng)站可以從中獲得怎樣的好處）；

③與用戶緊密相關(guān)的主要版塊的導(dǎo)航。

然而，用戶習(xí)慣一直都在改變。近期研究證明，用戶對于滾動屏幕并沒有不舒服，而且有時候，他們會愿意一直翻到頁面底部。相對翻頁閱讀，許多用戶更喜歡滾動，并且對于許多用戶而言，頁面上重要的信息并不一定都得“放在折疊線以上”（由于可用顯示分辨率的多樣性，這一點(diǎn)就顯得相當(dāng)過時，漸漸被棄用了)。因此，為方便網(wǎng)頁瀏覽，好是把布局分割成不同版塊，并在中間加入許多空白將它們分開。

2.藍(lán)色是佳鏈接色

雖然讓自己的網(wǎng)站具有獨(dú)特的設(shè)計很不錯的，但提到可用性，有時候和別人保持一致才是王道。遵循常規(guī)，因為人們?yōu)g覽一個新網(wǎng)站時，常常會根據(jù)他們在別的網(wǎng)站尋找信息的經(jīng)驗來判斷信息在這個網(wǎng)站的位置，也就是用他們的經(jīng)驗來理解這個新內(nèi)容——這就是所謂的使用習(xí)慣。人們希望有些東西能夠保持一致，比如鏈接的顏色、網(wǎng)站Logo的位置以及選項卡式的導(dǎo)航欄，等等。

Google所有網(wǎng)頁上的鏈接都是藍(lán)色，這是有理可循的：藍(lán)色是多數(shù)用戶的熟悉鏈接色，找起來很容易。

你的網(wǎng)站鏈接應(yīng)該是什么顏色呢？首先要注意的就是對比：鏈接顏色必須足夠深（或淺），從而與背景色形成鮮明對比。其次，它們應(yīng)該從其他文本中突顯出來。因此，如果文字顏色是黑色，那鏈接就不能也是黑色。后，研究顯示（Van Schaik和Ling），如果你覺得可用性是第一位的，那么將鏈接設(shè)置成藍(lán)色便是不二之選。瀏覽器默認(rèn)的鏈接顏色是藍(lán)色，因此人們會比較期待是這樣。選用另一種顏色也沒有多大問題，但它可能會拖慢用戶找到它的速度。

3.搜索框的理想寬度為27個字符

搜索框的理想寬度是多少？這個概念存在么？Jakob Nielsen就人們在網(wǎng)頁搜索框中輸入的檢索詞條的長度做了相關(guān)可用性調(diào)查研究，結(jié)果顯示，當(dāng)前大多數(shù)搜索框都太短了。搜索框太短的問題在于，盡管你可以輸入一個很長的詞條，但只有其中一部分是可見的，這就讓訪客復(fù)查或編輯所輸入的詞條變得很麻煩。

研究發(fā)現(xiàn)，搜索框的平均寬度是18個字符。研究數(shù)據(jù)表明，27%的檢索問題都太長了，無法完全容納進(jìn)去，如果把搜索框延長至27個字符，90%的檢索問題就都能納入其中了。記住，你可以用em單位設(shè)置搜索框的寬度，不限于px或pt。一個em單位剛好是“m”字符的寬度與高度（不管網(wǎng)站設(shè)置的字號是多少）。那么，就用這個單位將文字輸入框的寬度設(shè)置成27個字符寬吧。

Apple的搜索框則顯得太短，截斷了檢索詞條“Microsotf O?ce 2008”。

總而言之，寬搜索框比短搜索框要強(qiáng)些，這樣用戶就能迅速復(fù)查、核實并提交檢索。這個問題相當(dāng)簡單，但不幸的是，人們太容易忽略它了。搜索框內(nèi)留出些許空隙對于設(shè)計及用戶體驗也是有益無害的。

4.空白可以增進(jìn)理解

大多數(shù)設(shè)計師都知道空白的重要性，也就是在網(wǎng)頁的段落、圖片、按鈕以及其他元素之間留出空間。空白讓頁面上的各個元素有空間來“呼吸”，避免頁面擁擠凌亂。我們也可以通過縮小某些之間的空隙，同時增加它們與別的元素之間的距離將各個元素歸類分組。這對于展示元素之間的關(guān)系（例如，為了顯示某個按鈕適用于某一組元素）和建立網(wǎng)頁元素等級至關(guān)重要。

注意The Netsetter網(wǎng)站內(nèi)容塊留出了寬大的頁邊距、空隙以及段落間距，使網(wǎng)頁內(nèi)容更容易和舒適地閱讀。

空白同時也讓內(nèi)容更清晰易讀。有研究（Lin，2004）發(fā)現(xiàn)，在段落之間、左右邊距上合理使用空白可以讓理解度增加大概20%。留白充分的網(wǎng)頁內(nèi)容會讓用戶覺得容易聚焦和理解。

其實，根據(jù)Chaperro、Shaikh和Baker的研究，網(wǎng)頁布局（包括空白、標(biāo)題、縮進(jìn)和配圖）也許對整體呈現(xiàn)影響不大，但它確實會影響到用戶滿意度和體驗。

5.有效的用戶測試并一定要廣泛

可用性測試中，多少測試對象才算是理想測試數(shù)量呢？Jakob Nielsen關(guān)于此問題的研究發(fā)現(xiàn)，只要對5個用戶進(jìn)行測試，就能暴露出網(wǎng)站幾乎85%的問題，測試15個用戶差不多就能曝光所有問題。

大的問題通常是由第一個或前面兩個用戶發(fā)現(xiàn)的，其他的測試者則不斷確認(rèn)這些問題的存在，并發(fā)現(xiàn)其他比較小的問題。只要大概兩名用戶就能發(fā)現(xiàn)網(wǎng)站存在的一半問題。這就是說，網(wǎng)站測試并不一定非要廣泛或花大代價才能產(chǎn)生好結(jié)果。大的收獲往往來源于從0個測試用戶到第1個，因此不要覺得測試用戶太少：做了總比不做好。

6.網(wǎng)頁產(chǎn)品信息充足有助于其脫穎而出

如果你的網(wǎng)站鏈接有產(chǎn)品頁面，網(wǎng)上購物的人們絕對會跟蹤、瀏覽。雖然人們只是大致瀏覽看看，但很多產(chǎn)品也缺乏充足有效的信息。這個問題很嚴(yán)重，因為產(chǎn)品信息能幫助人們做出購買選擇。研究顯示，產(chǎn)品信息匱乏會造成8%左右的可用性問題，甚至10%的用戶失敗（也就是，用戶放棄瀏覽行為，離開網(wǎng)站）。

蘋果公司為其產(chǎn)品建立了專門的“產(chǎn)品特性”頁面，這將復(fù)雜的詳細(xì)信息獨(dú)立于簡潔的銷售頁面。但同時如果有需要的話，這為用戶了解產(chǎn)品特性提供了方便的入口。詳細(xì)描述產(chǎn)品信息，但不要又掉入另一個陷阱——對用戶實施文字轟炸。盡量保持信息淺顯易懂，將文字分割成小塊，多使用小標(biāo)題，保證頁面便于瀏覽。給產(chǎn)品配上盡量多的圖片，語言描述準(zhǔn)確精煉——避免使用術(shù)語，因為用戶可能并不懂。

7.多數(shù)用戶會無視廣告

Jakob Nielsen在他的AlertBox網(wǎng)絡(luò)文集中表示，多數(shù)用戶會自動屏蔽廣告條幅。如果他們正盯著網(wǎng)頁上一小塊信息看，或者全神貫注在內(nèi)容上，旁邊的廣告完全不會形成干擾。

這意味著用戶屏蔽的不僅僅是廣告自身，還有任何看起來像廣告的東西。有些導(dǎo)航條設(shè)計得有些過火，會有廣告條幅之嫌，因此這方面得注意一下。

FlashDen網(wǎng)站左側(cè)的方形條幅其實并不是廣告，而是內(nèi)容鏈接。但它們確實看起來很像廣告條幅，讓人不舒服，因此有些用戶會忽視它們的存在。

也就是說，如果廣告看起來像內(nèi)容的話，就會吸引人們的注意，點(diǎn)擊閱讀。這或許會產(chǎn)生更多廣告收入，但卻是以失去用戶信任為代價，因為他們點(diǎn)擊的是他們眼里認(rèn)為的真實內(nèi)容。在你選擇這條路之前，好權(quán)衡一下利弊得失：短期收益還是長期信任。