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

青島網站制作指南

分類: 瀏覽(lan)次數:59388 2018-11-30 00:00:00
滿(man)意回答
2018-11-30 00:00:00

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

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

QQ截圖201

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

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

這一點(dian)對主頁(ye)是最(zui)重要(yao)的,大多(duo)數訪客都會從主頁(ye)登錄,所以主頁(ye)需要(yao)具備(bei)以下因素:

①網站名;

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

③與用(yong)戶緊密相(xiang)關的(de)(de)主要(yao)版塊的(de)(de)導航(hang)。

然(ran)而,用(yong)戶(hu)習慣(guan)一(yi)直都在(zai)(zai)改變(bian)。近(jin)期研究證明,用(yong)戶(hu)對于(yu)(yu)滾動屏(ping)幕并沒有不舒服,而且有時候,他們(men)會愿意一(yi)直翻到(dao)頁面(mian)底(di)部。相(xiang)對翻頁閱讀(du),許多用(yong)戶(hu)更喜歡滾動,并且對于(yu)(yu)許多用(yong)戶(hu)而言,頁面(mian)上最重要的信(xin)息并不一(yi)定(ding)都得“放在(zai)(zai)折(zhe)疊線以上”(由于(yu)(yu)可用(yong)顯示(shi)分(fen)辨率(lv)的多樣性,這(zhe)一(yi)點就顯得相(xiang)當過時,漸漸被棄用(yong)了)。因此,為方便網頁瀏覽(lan),最好是把布局分(fen)割(ge)成不同(tong)版塊(kuai),并在(zai)(zai)中間加入(ru)許多空白將它們(men)分(fen)開。

2.藍(lan)色是最(zui)佳(jia)鏈接色

雖然讓自己的(de)(de)(de)(de)(de)網站(zhan)(zhan)具(ju)有(you)獨特(te)的(de)(de)(de)(de)(de)設計很不錯(cuo)的(de)(de)(de)(de)(de),但提到可(ke)用性,有(you)時(shi)候(hou)和別(bie)人保(bao)持一(yi)(yi)致(zhi)才是(shi)(shi)(shi)王道。遵循常規,因為人們瀏覽一(yi)(yi)個新網站(zhan)(zhan)時(shi),常常會(hui)根據(ju)他(ta)(ta)們在別(bie)的(de)(de)(de)(de)(de)網站(zhan)(zhan)尋找(zhao)信息的(de)(de)(de)(de)(de)經驗來(lai)判斷(duan)信息在這(zhe)個網站(zhan)(zhan)的(de)(de)(de)(de)(de)位置(zhi)(zhi),也就是(shi)(shi)(shi)用他(ta)(ta)們的(de)(de)(de)(de)(de)經驗來(lai)理(li)解這(zhe)個新內容——這(zhe)就是(shi)(shi)(shi)所(suo)謂的(de)(de)(de)(de)(de)使用習慣。人們希望有(you)些東西(xi)能夠保(bao)持一(yi)(yi)致(zhi),比如(ru)鏈接的(de)(de)(de)(de)(de)顏色、網站(zhan)(zhan)Logo的(de)(de)(de)(de)(de)位置(zhi)(zhi)以及(ji)選項卡式的(de)(de)(de)(de)(de)導航欄,等等。

Google所(suo)有網頁上的鏈接(jie)(jie)都(dou)是藍(lan)色,這是有理可循的:藍(lan)色是多數(shu)用(yong)戶的熟悉鏈接(jie)(jie)色,找起(qi)來很容(rong)易。

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

3.搜索(suo)框(kuang)的理想寬度為27個字(zi)符

搜(sou)索(suo)(suo)框(kuang)的(de)理想寬度(du)是多少?這個(ge)概念存在(zai)么?Jakob Nielsen就人們(men)在(zai)網頁搜(sou)索(suo)(suo)框(kuang)中輸入(ru)的(de)檢索(suo)(suo)詞(ci)條的(de)長(chang)(chang)度(du)做(zuo)了(le)相關可(ke)用性調查研究(jiu),結果(guo)顯示,當前大多數搜(sou)索(suo)(suo)框(kuang)都(dou)太短了(le)。搜(sou)索(suo)(suo)框(kuang)太短的(de)問(wen)題在(zai)于,盡管你可(ke)以輸入(ru)一個(ge)很長(chang)(chang)的(de)詞(ci)條,但只有其中一部分是可(ke)見的(de),這就讓(rang)訪(fang)客復(fu)查或編輯所輸入(ru)的(de)詞(ci)條變得很麻煩。

研究(jiu)發(fa)現,搜(sou)索(suo)框的平均寬(kuan)度(du)(du)是(shi)18個(ge)字(zi)符(fu)。研究(jiu)數據(ju)表明,27%的檢(jian)索(suo)問題(ti)都太長了,無法完全(quan)容納(na)(na)進去,如果把搜(sou)索(suo)框延長至(zhi)27個(ge)字(zi)符(fu),90%的檢(jian)索(suo)問題(ti)就都能(neng)納(na)(na)入其(qi)中了。記(ji)住(zhu),你可以用em單(dan)(dan)位(wei)設置(zhi)搜(sou)索(suo)框的寬(kuan)度(du)(du),不限于(yu)px或pt。一(yi)個(ge)em單(dan)(dan)位(wei)剛好(hao)是(shi)“m”字(zi)符(fu)的寬(kuan)度(du)(du)與高度(du)(du)(不管(guan)網站設置(zhi)的字(zi)號(hao)是(shi)多少(shao))。那么,就用這個(ge)單(dan)(dan)位(wei)將文字(zi)輸入框的寬(kuan)度(du)(du)設置(zhi)成27個(ge)字(zi)符(fu)寬(kuan)吧。

Apple的搜索(suo)框則顯得太短(duan),截(jie)斷了檢索(suo)詞(ci)條(tiao)“Microsotf O?ce 2008”。

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

4.空(kong)白可(ke)以增(zeng)進(jin)理(li)解(jie)

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

注意The Netsetter網(wang)站內容塊(kuai)留(liu)出(chu)了寬(kuan)大的(de)頁(ye)邊距、空隙(xi)以(yi)及段落間距,使網(wang)頁(ye)內容更容易和舒適(shi)地閱讀。

空白同時(shi)也(ye)讓(rang)內(nei)容更清晰易(yi)讀。有(you)研究(Lin,2004)發現,在段落(luo)之間(jian)、左右(you)邊距(ju)上合理(li)使(shi)用空白可以讓(rang)理(li)解度(du)增加(jia)大概20%。留白充(chong)分的網頁(ye)內(nei)容會讓(rang)用戶覺得容易(yi)聚焦和(he)理(li)解。

其實,根據(ju)Chaperro、Shaikh和Baker的(de)研究,網頁布局(包括空白、標(biao)題、縮進和配圖)也許對(dui)整體呈現影響不(bu)大,但它確實會影響到用(yong)戶滿意度和體驗。

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

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

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

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

如果你的(de)(de)網(wang)站鏈接有(you)產品(pin)(pin)頁面,網(wang)上購(gou)物(wu)的(de)(de)人們絕對(dui)會跟蹤、瀏覽。雖然人們只是大致瀏覽看(kan)看(kan),但很(hen)多產品(pin)(pin)也缺乏充足(zu)有(you)效的(de)(de)信(xin)息。這(zhe)個問(wen)題很(hen)嚴重,因為(wei)產品(pin)(pin)信(xin)息能幫助人們做(zuo)出購(gou)買選擇(ze)。研究顯示,產品(pin)(pin)信(xin)息匱乏會造(zao)成8%左右的(de)(de)可用(yong)性問(wen)題,甚至(zhi)10%的(de)(de)用(yong)戶失(shi)敗(也就(jiu)是,用(yong)戶放棄瀏覽行為(wei),離開網(wang)站)。

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

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

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

這(zhe)意味著用(yong)戶屏蔽的(de)不僅(jin)(jin)僅(jin)(jin)是廣(guang)告自(zi)身,還有(you)任何(he)看起來像(xiang)廣(guang)告的(de)東西。有(you)些導航條設計得有(you)些過火(huo),會有(you)廣(guang)告條幅之嫌,因此這(zhe)方(fang)面(mian)得注意一下。

FlashDen網站(zhan)左(zuo)側的(de)方形條幅(fu)其實并不是廣(guang)告,而是內容鏈接。但(dan)它(ta)們確實看起來很像廣(guang)告條幅(fu),讓(rang)人不舒(shu)服(fu),因此有些用戶會忽視(shi)它(ta)們的(de)存在(zai)。

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


標簽:
青(qing)島企業郵箱哪家做?多(duo)少錢(qian)的相關問題

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