未满十八岁免费观看十年的漫画_无码一区+中文字幕_四虎永久在线精品无码_欧美成人乱码一区二区三区_欧美电影在线观看_哪灬你的鸣巴好大_夏至未至电视剧_良性黑色素痣图片_山东妇女亂伦ⅹⅹⅹ_高h各种姿势调教np

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

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

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

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

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

①網(wǎng)站名；

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

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

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

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

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

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

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

3.搜索框的理想寬度為27個(gè)字符

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

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

Apple的搜索框則顯得太短，截?cái)嗔藱z索詞條“Microsotf O?ce 2008”。

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

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

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

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

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

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

5.有效的用戶(hù)測(cè)試并一定要廣泛

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

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

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

如果你的網(wǎng)站鏈接有產(chǎn)品頁(yè)面，網(wǎng)上購(gòu)物的人們絕對(duì)會(huì)跟蹤、瀏覽。雖然人們只是大致瀏覽看看，但很多產(chǎn)品也缺乏充足有效的信息。這個(gè)問(wèn)題很?chē)?yán)重，因?yàn)楫a(chǎn)品信息能幫助人們做出購(gòu)買(mǎi)選擇。研究顯示，產(chǎn)品信息匱乏會(huì)造成8%左右的可用性問(wèn)題，甚至10%的用戶(hù)失?。ㄒ簿褪牵脩?hù)放棄瀏覽行為，離開(kāi)網(wǎng)站）。

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

7.多數(shù)用戶(hù)會(huì)無(wú)視廣告

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

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

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

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