99久久精品免费观看国产_久久无码人妻一区二区三区_50岁熟妇的呻吟声对白_毛很浓密超多黑毛的少妇

青島網站制作指南

分類(lei): 瀏(liu)覽(lan)次數(shu):59304 2018-11-30 00:00:00
滿(man)意回答(da)
2018-11-30 00:00:00

1.大多數(shu)用戶不喜歡滾(gun)屏

Jakob Nielsen關(guan)于用戶怎樣(yang)滾(gun)(gun)屏閱讀的(de)研究表明(ming),只有(you)(you)23%的(de)訪(fang)客初次訪(fang)問頁面時(shi)會(hui)拉動(dong)滾(gun)(gun)動(dong)條(tiao)(tiao),這意味著77%的(de)訪(fang)客是(shi)不(bu)會(hui)滾(gun)(gun)屏閱讀的(de),他們只會(hui)看看折(zhe)疊線以上(shang)的(de)內容(rong)(也(ye)就是(shi)網頁上(shang)不(bu)需要(yao)(yao)拉動(dong)滾(gun)(gun)動(dong)條(tiao)(tiao)就能看到的(de)內容(rong)區域)。此外,之(zhi)后再訪(fang)問頁面時(shi),拉滾(gun)(gun)動(dong)條(tiao)(tiao)的(de)用戶就更(geng)少了,只有(you)(you)16%的(de)訪(fang)客在他們第二次訪(fang)問時(shi)向下滾(gun)(gun)動(dong)屏幕。從這組數據(ju)就能明(ming)顯看出,把重(zhong)要(yao)(yao)內容(rong)放在突出位置有(you)(you)多么(me)重(zhong)要(yao)(yao),尤其(qi)是(shi)在登錄頁面。

QQ截圖201

這并不意味著你要把所有內容(rong)都放在網頁的上半部(bu)分,只是你得好好對其加以(yi)利用。全(quan)部(bu)填塞進去(qu),只會(hui)降低(di)這些(xie)內容(rong)的可讀性——當(dang)用戶看到太多信(xin)息,他們會(hui)不知道該從哪(na)里開始(shi)。

Basecamp的網站空間利(li)用非常成功。在折疊(die)線以上(768像素(su)高)有一幅大截圖、標語、價值定位、行(xing)動呼吁、客戶列表(biao)、視頻和圖片(pian)顯示(shi)的簡短的功能列表(biao)。

這一點對主頁是(shi)最重要(yao)的,大多數訪客都會從(cong)主頁登錄(lu),所以(yi)主頁需要(yao)具(ju)備以(yi)下因素(su):

①網站名;

②網站(zhan)的價值定(ding)位(即用戶(hu)使(shi)用該網站(zhan)可以從中獲得怎樣的好處);

③與用戶緊密相關(guan)的主要版塊的導航。

然而,用(yong)(yong)戶習慣一(yi)直(zhi)都在(zai)改變。近期(qi)研(yan)究證明(ming),用(yong)(yong)戶對于(yu)滾(gun)動屏幕并沒有(you)不舒服(fu),而且(qie)有(you)時候,他們會愿意一(yi)直(zhi)翻到頁(ye)面底(di)部(bu)。相(xiang)對翻頁(ye)閱讀,許(xu)多(duo)用(yong)(yong)戶更喜歡滾(gun)動,并且(qie)對于(yu)許(xu)多(duo)用(yong)(yong)戶而言,頁(ye)面上(shang)最重(zhong)要的信息并不一(yi)定都得(de)“放在(zai)折疊線以上(shang)”(由于(yu)可(ke)用(yong)(yong)顯(xian)示分辨(bian)率(lv)的多(duo)樣性(xing),這一(yi)點就顯(xian)得(de)相(xiang)當過時,漸漸被(bei)棄用(yong)(yong)了(le))。因此(ci),為方便網頁(ye)瀏覽,最好是(shi)把布局分割成不同版(ban)塊,并在(zai)中間加入許(xu)多(duo)空(kong)白將它們分開。

2.藍色是最佳鏈接色

雖(sui)然(ran)讓自己的(de)網(wang)站(zhan)(zhan)具有(you)(you)獨特的(de)設計很不(bu)錯的(de),但提到可用(yong)性(xing),有(you)(you)時候和(he)別人(ren)保(bao)持一致才是(shi)王道。遵循常(chang)規(gui),因為(wei)人(ren)們(men)(men)瀏覽一個(ge)新(xin)網(wang)站(zhan)(zhan)時,常(chang)常(chang)會根(gen)據他們(men)(men)在別的(de)網(wang)站(zhan)(zhan)尋找信息的(de)經驗(yan)來(lai)判斷信息在這個(ge)網(wang)站(zhan)(zhan)的(de)位置,也就是(shi)用(yong)他們(men)(men)的(de)經驗(yan)來(lai)理解這個(ge)新(xin)內容(rong)——這就是(shi)所謂的(de)使用(yong)習慣。人(ren)們(men)(men)希望有(you)(you)些東西能夠保(bao)持一致,比如鏈接的(de)顏(yan)色、網(wang)站(zhan)(zhan)Logo的(de)位置以及(ji)選(xuan)項卡式的(de)導航(hang)欄,等(deng)等(deng)。

Google所(suo)有(you)網(wang)頁上(shang)的鏈(lian)接(jie)都是(shi)(shi)(shi)藍(lan)色(se),這是(shi)(shi)(shi)有(you)理可循的:藍(lan)色(se)是(shi)(shi)(shi)多(duo)數用戶的熟悉鏈(lian)接(jie)色(se),找起來很容易。

你的網站鏈接(jie)應(ying)該是(shi)什么顏(yan)色(se)呢?首先要(yao)注意的就是(shi)對比(bi):鏈接(jie)顏(yan)色(se)必(bi)須(xu)足夠深(或(huo)淺),從而與背景(jing)色(se)形成鮮明對比(bi)。其次(ci),它們應(ying)該從其他(ta)文(wen)本中突顯出來。因此(ci),如果文(wen)字顏(yan)色(se)是(shi)黑色(se),那鏈接(jie)就不(bu)能(neng)也是(shi)黑色(se)。最后,研究顯示(Van Schaik和Ling),如果你覺得可(ke)用(yong)性是(shi)第一(yi)(yi)位的,那么將鏈接(jie)設(she)置成藍色(se)便是(shi)不(bu)二之選。瀏覽器默(mo)認(ren)的鏈接(jie)顏(yan)色(se)是(shi)藍色(se),因此(ci)人們會比(bi)較期待(dai)是(shi)這樣(yang)。選用(yong)另一(yi)(yi)種顏(yan)色(se)也沒有多大(da)問題(ti),但它可(ke)能(neng)會拖慢用(yong)戶找到它的速度。

3.搜(sou)索(suo)框的理(li)想寬(kuan)度為(wei)27個字(zi)符

搜索(suo)框(kuang)的(de)理想寬(kuan)度是多(duo)少?這(zhe)(zhe)個概念(nian)存在(zai)么?Jakob Nielsen就(jiu)人(ren)們在(zai)網頁搜索(suo)框(kuang)中(zhong)輸(shu)入(ru)(ru)的(de)檢(jian)索(suo)詞(ci)條的(de)長度做(zuo)了相關可(ke)用性調查研究,結(jie)果顯示,當前大(da)多(duo)數搜索(suo)框(kuang)都太(tai)短(duan)了。搜索(suo)框(kuang)太(tai)短(duan)的(de)問題在(zai)于,盡(jin)管你可(ke)以輸(shu)入(ru)(ru)一個很長的(de)詞(ci)條,但只有其中(zhong)一部(bu)分(fen)是可(ke)見(jian)的(de),這(zhe)(zhe)就(jiu)讓訪客復查或編輯所(suo)輸(shu)入(ru)(ru)的(de)詞(ci)條變得很麻煩(fan)。

研究(jiu)(jiu)發現,搜索(suo)框(kuang)的(de)(de)平均(jun)寬(kuan)(kuan)(kuan)度是18個字(zi)符(fu)(fu)。研究(jiu)(jiu)數(shu)據表明(ming),27%的(de)(de)檢(jian)索(suo)問(wen)題都太(tai)長(chang)了,無法(fa)完(wan)全容納進去(qu),如果把(ba)搜索(suo)框(kuang)延長(chang)至27個字(zi)符(fu)(fu),90%的(de)(de)檢(jian)索(suo)問(wen)題就都能(neng)納入其中了。記(ji)住(zhu),你可以用em單(dan)位(wei)設(she)(she)置搜索(suo)框(kuang)的(de)(de)寬(kuan)(kuan)(kuan)度,不限于px或pt。一個em單(dan)位(wei)剛好是“m”字(zi)符(fu)(fu)的(de)(de)寬(kuan)(kuan)(kuan)度與高(gao)度(不管網站設(she)(she)置的(de)(de)字(zi)號是多少)。那么,就用這個單(dan)位(wei)將文字(zi)輸入框(kuang)的(de)(de)寬(kuan)(kuan)(kuan)度設(she)(she)置成(cheng)27個字(zi)符(fu)(fu)寬(kuan)(kuan)(kuan)吧。

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

總而言之,寬搜索框比短搜索框要強些(xie),這樣用戶(hu)就能迅速(su)復查、核實(shi)并提(ti)交檢索。這個問題(ti)相當簡單,但(dan)不幸的是(shi),人(ren)們(men)太容易忽略它(ta)了。搜索框內留出些(xie)許空(kong)隙(xi)對于設計及(ji)用戶(hu)體驗也是(shi)有益無害的。

4.空白可(ke)以增進理解

大多數設計師都(dou)知(zhi)道空白(bai)的(de)(de)(de)(de)重要性,也就是在網頁的(de)(de)(de)(de)段(duan)落、圖(tu)片、按鈕(niu)以及其他元(yuan)素(su)之(zhi)(zhi)間留出(chu)空間。空白(bai)讓(rang)頁面上的(de)(de)(de)(de)各個元(yuan)素(su)有空間來“呼吸”,避免頁面擁擠凌亂。我們也可以通過縮小某些之(zhi)(zhi)間的(de)(de)(de)(de)空隙,同時增加它(ta)們與別的(de)(de)(de)(de)元(yuan)素(su)之(zhi)(zhi)間的(de)(de)(de)(de)距離將(jiang)各個元(yuan)素(su)歸(gui)類(lei)分組。這對于(yu)展示元(yuan)素(su)之(zhi)(zhi)間的(de)(de)(de)(de)關系(例如(ru),為了顯示某個按鈕(niu)適用于(yu)某一組元(yuan)素(su))和建立網頁元(yuan)素(su)等級(ji)至(zhi)關重要。

注意The Netsetter網(wang)站內容(rong)塊留出了寬(kuan)大的頁(ye)邊距(ju)(ju)、空隙以及段落間(jian)距(ju)(ju),使網(wang)頁(ye)內容(rong)更容(rong)易和舒(shu)適(shi)地(di)閱讀。

空白(bai)同時也讓(rang)內容更(geng)清晰易讀。有研究(Lin,2004)發現,在段(duan)落之間、左右邊距上(shang)合理使(shi)用(yong)空白(bai)可(ke)以讓(rang)理解(jie)度增加大概20%。留(liu)白(bai)充分(fen)的網頁內容會(hui)讓(rang)用(yong)戶覺得容易聚焦和理解(jie)。

其(qi)實,根據Chaperro、Shaikh和(he)Baker的研究,網頁布(bu)局(包括空(kong)白、標題、縮進和(he)配圖(tu))也許對整(zheng)體呈現影響(xiang)不(bu)大(da),但(dan)它確實會影響(xiang)到(dao)用戶(hu)滿意度和(he)體驗。

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

可用(yong)性測(ce)試(shi)中,多少測(ce)試(shi)對象才算(suan)是理想(xiang)測(ce)試(shi)數(shu)量(liang)呢?Jakob Nielsen關于此問(wen)題的(de)研(yan)究(jiu)發現,只要(yao)對5個用(yong)戶進(jin)行測(ce)試(shi),就能暴露出網站幾乎85%的(de)問(wen)題,測(ce)試(shi)15個用(yong)戶差(cha)不多就能曝光所有問(wen)題。

最(zui)大的問(wen)題(ti)(ti)通(tong)常是(shi)由第一個或前面兩個用戶(hu)發(fa)現的,其(qi)(qi)他(ta)的測試者則不斷確認這些問(wen)題(ti)(ti)的存在(zai),并(bing)發(fa)現其(qi)(qi)他(ta)比(bi)較小的問(wen)題(ti)(ti)。只要(yao)(yao)大概兩名用戶(hu)就能發(fa)現網(wang)站(zhan)存在(zai)的一半問(wen)題(ti)(ti)。這就是(shi)說,網(wang)站(zhan)測試并(bing)不一定(ding)非要(yao)(yao)廣(guang)泛或花大代價才能產生好結果。最(zui)大的收獲往(wang)往(wang)來源(yuan)于從0個測試用戶(hu)到第1個,因此不要(yao)(yao)覺(jue)得(de)測試用戶(hu)太少:做(zuo)了總(zong)比(bi)不做(zuo)好。

6.網頁產品信息充(chong)足(zu)有助于其脫穎而出

如果你的網站鏈(lian)接有產品頁面,網上(shang)購物的人(ren)們(men)絕對會跟蹤(zong)、瀏覽(lan)。雖然(ran)人(ren)們(men)只是(shi)大致瀏覽(lan)看(kan)看(kan),但很多產品也缺(que)乏(fa)充足有效的信息(xi)。這個問(wen)題很嚴重,因為產品信息(xi)能(neng)幫助人(ren)們(men)做出購買(mai)選(xuan)擇(ze)。研究顯示,產品信息(xi)匱乏(fa)會造(zao)成8%左右的可用(yong)性(xing)問(wen)題,甚(shen)至10%的用(yong)戶失敗(也就是(shi),用(yong)戶放棄瀏覽(lan)行為,離開網站)。

蘋果公司(si)為(wei)其產(chan)品建(jian)立了(le)專門的(de)“產(chan)品特性”頁(ye)面(mian),這將復雜的(de)詳細信(xin)息(xi)獨立于簡(jian)潔的(de)銷售(shou)頁(ye)面(mian)。但(dan)同時如(ru)果有需要的(de)話(hua),這為(wei)用(yong)戶(hu)了(le)解產(chan)品特性提供了(le)方便的(de)入口。詳細描述(shu)產(chan)品信(xin)息(xi),但(dan)不要又(you)掉入另一個陷阱——對(dui)用(yong)戶(hu)實施(shi)文字轟(hong)炸。盡量(liang)保持信(xin)息(xi)淺顯易懂,將文字分割(ge)成小(xiao)塊(kuai),多使用(yong)小(xiao)標題,保證頁(ye)面(mian)便于瀏覽。給產(chan)品配上盡量(liang)多的(de)圖片(pian),語言描述(shu)準確精(jing)煉——避免使用(yong)術語,因為(wei)用(yong)戶(hu)可能并(bing)不懂。

7.多數(shu)用戶會無(wu)視(shi)廣告

Jakob Nielsen在他的(de)AlertBox網絡(luo)文集中表示,多數用(yong)戶會自動屏蔽廣(guang)告條(tiao)幅(fu)。如果(guo)他們(men)正盯著網頁上一小塊信息看(kan),或者(zhe)全(quan)神貫注在內容上,旁邊的(de)廣(guang)告完全(quan)不會形成干擾。

這(zhe)意(yi)(yi)味(wei)著用戶屏蔽的不僅(jin)(jin)僅(jin)(jin)是(shi)廣(guang)告自身,還有任何看起來像廣(guang)告的東西。有些導(dao)航條設計(ji)得有些過(guo)火,會(hui)有廣(guang)告條幅之嫌,因(yin)此(ci)這(zhe)方面(mian)得注意(yi)(yi)一下。

FlashDen網站左側(ce)的方形(xing)條(tiao)幅(fu)其實并不(bu)是(shi)廣(guang)告,而(er)是(shi)內容鏈接。但它們(men)確實看起來很像廣(guang)告條(tiao)幅(fu),讓人(ren)不(bu)舒服,因(yin)此有(you)些(xie)用戶會忽視它們(men)的存在。

也(ye)就(jiu)是說(shuo),如果廣告看起來像內容(rong)(rong)的(de)話,就(jiu)會吸引人們的(de)注意(yi),點擊閱讀。這或(huo)許(xu)會產生更多廣告收入,但卻是以(yi)失去用戶(hu)信(xin)任(ren)為(wei)代價,因為(wei)他們點擊的(de)是他們眼里認為(wei)的(de)真實內容(rong)(rong)。在你選擇(ze)這條路之前,最好權衡一下(xia)利弊(bi)得失:短期(qi)收益還是長期(qi)信(xin)任(ren)。


標簽:
青島(dao)企(qi)業郵箱(xiang)哪家做?多少錢的相關問題

Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號-3