1.青島網(wǎng)站建設(shè)方法之別讓訪客思考
根據(jù)Steve Krug可用性定律,青島網(wǎng)站建設(shè)應(yīng)該簡(jiǎn)潔直觀。創(chuàng)建網(wǎng)站時(shí),你必須得避開(kāi)那些會(huì)令人疑惑的地方,也就是需要訪客深思熟慮、權(quán)衡利弊之后才能做的決定。
如果導(dǎo)航欄和網(wǎng)站結(jié)構(gòu)都不是很直觀,人們的疑問(wèn)就會(huì)增多,這更增加了訪客對(duì)系統(tǒng)如何操作以及怎樣從A點(diǎn)移至B點(diǎn)的理解難度。一個(gè)清晰的網(wǎng)站結(jié)構(gòu)、中規(guī)中矩的視覺(jué)呈現(xiàn)和容易辨認(rèn)的鏈接,這些能幫助訪客掌握實(shí)現(xiàn)目標(biāo)的方法。
舉個(gè)例子,Beyondis.co.uk聲稱(chēng)自己“超越平凡渠道、超越平凡產(chǎn)品、超越平凡配送?!边@是什么意思呢?考慮到用戶(hù)們傾向于按照“F”模式瀏覽網(wǎng)站,那么他們進(jìn)入這個(gè)網(wǎng)站時(shí),必然會(huì)看到這三個(gè)口號(hào)。盡管這個(gè)網(wǎng)站?設(shè)計(jì)本身很簡(jiǎn)潔直觀,但要弄明白這個(gè)網(wǎng)站是做什么的,用戶(hù)就需要進(jìn)行一番摸索了——這其實(shí)是個(gè)不必要的疑惑。青島網(wǎng)站?設(shè)計(jì)師的責(zé)任就是將疑惑出現(xiàn)的概率降低到“0”。頁(yè)面右側(cè)則是它的圖片解釋?zhuān)灰淖円幌聢D片與文字的左右位置,網(wǎng)站的可用性就能得到大大提高。
ExpressionEngine和Beyondis采用了同樣的結(jié)構(gòu),但它避開(kāi)了不必要的疑惑。此外,網(wǎng)站?頁(yè)面上的標(biāo)語(yǔ)顯得很有幫助,訪客可以選擇嘗試服務(wù)、下載免費(fèi)版本。
通過(guò)降低訪客的大腦運(yùn)動(dòng)負(fù)荷,能讓訪客更輕松地了解系統(tǒng)運(yùn)行規(guī)律。一旦達(dá)到這個(gè)目標(biāo),你就能解釋為什么這個(gè)系統(tǒng)是有效的,而且訪客如何從中受益。人們?nèi)绻涣私饽愕木W(wǎng)站布局,他們是不會(huì)使用它的。
2.青島網(wǎng)站建設(shè)方法之?別考驗(yàn)訪客的耐心
無(wú)論是什么項(xiàng)目,當(dāng)你向訪客提供一些服務(wù)或工具時(shí),你需要盡量把對(duì)他們的要求最小化。嘗試服務(wù)時(shí),需要訪客付出得越少,就越可能吸引隨機(jī)訪客真正去嘗試它。初次到訪的訪客愿意嘗試這個(gè)服務(wù),而不會(huì)為了一個(gè)以后完全不可能用到的賬號(hào)去填寫(xiě)冗長(zhǎng)的表格進(jìn)行注冊(cè)。讓訪客自行探索這個(gè)網(wǎng)站,發(fā)現(xiàn)你提供的服務(wù),而不是逼著他們留下個(gè)人信息。為了測(cè)試網(wǎng)站性能而強(qiáng)迫訪客輸入他們的電子郵箱地址是不合理的。
正如37Signals團(tuán)隊(duì)的開(kāi)發(fā)者Ryan Singer所說(shuō),訪客們也許會(huì)在體驗(yàn)到試用效果之后愿意提供出自己的郵箱(如果要求提供郵箱的話(huà))——這樣,他們便大概知道可能會(huì)收到哪些信息。Sitkkit就是方便用戶(hù)的一個(gè)絕佳例子。它幾乎不需要用戶(hù)提供任何信息,界面舒服,不強(qiáng)人所難,而這正是你希望用戶(hù)在你的網(wǎng)站上體驗(yàn)到的。很顯然,Mite網(wǎng)站的要求更多,但注冊(cè)過(guò)程也可以在30秒內(nèi)完成——因?yàn)楸砀駲M向排列,用戶(hù)甚至不需要滾動(dòng)頁(yè)面。
如果希望理想化地清除所有障礙,那就不要在剛開(kāi)始時(shí)要求訪客訂閱或注冊(cè)。訪客注冊(cè)本身已經(jīng)是其瀏覽網(wǎng)站的一個(gè)阻礙,而且會(huì)對(duì)網(wǎng)站瀏覽產(chǎn)生很大的不利影響。
3.青島網(wǎng)站建設(shè)方法之?抓住用戶(hù)的眼球
因?yàn)榫W(wǎng)站會(huì)提供靜態(tài)和動(dòng)態(tài)的內(nèi)容,有些網(wǎng)站?用戶(hù)界面就會(huì)比其他的更吸引人。顯然,圖片比文字要更能抓住人的眼球——就好比加粗的句子要比正常的文字要更加引人注意。
人類(lèi)的眼睛是個(gè)高度非線(xiàn)性設(shè)備,網(wǎng)站訪客可以立即識(shí)別邊緣、模式和運(yùn)動(dòng),這就是為什么視頻廣告尤其惱人、極度分散注意力。但從市場(chǎng)角度而言,它們的確很好地抓住了用戶(hù)的眼球。Humanized.com完美地運(yùn)用了焦點(diǎn)原理,用戶(hù)能夠直接看到的唯一一個(gè)元素就是“Free(免費(fèi))”一詞,它兼具吸引力和誘惑性的同時(shí),也很簡(jiǎn)潔,信息量十足。此外,細(xì)微的線(xiàn)索也給用戶(hù)留下足夠的信息,從而找到“免費(fèi)”產(chǎn)品。
只需要稍稍注意視覺(jué)效果的應(yīng)用,就可以將用戶(hù)的注意力集中到網(wǎng)站上某個(gè)指定的區(qū)域,幫助訪客直接從A點(diǎn)到達(dá)B點(diǎn),而不用去思索到底該怎么做。訪客的疑問(wèn)越少,他們就會(huì)獲得越好的方向感,也會(huì)對(duì)網(wǎng)站所代表的公司產(chǎn)生更多的信任。換句話(huà)說(shuō):背后需要的思考越少,用戶(hù)體驗(yàn)越好——這正是可用性的首要目標(biāo)。
4.青島網(wǎng)站建設(shè)方法之?盡量使特征明顯
現(xiàn)代青島網(wǎng)站設(shè)計(jì)制作常常因?yàn)槠渑渖洗蟀粹o的、搶眼的用戶(hù)指引方式——“第一步——第二步——第三步——完成”——而遭受口水。但從網(wǎng)站?設(shè)計(jì)角度來(lái)看,這些元素其實(shí)并沒(méi)有拖后腿。相反,這些指令非常有效,它們以一種相當(dāng)簡(jiǎn)單便捷的方式引導(dǎo)用戶(hù)將網(wǎng)站內(nèi)容盡收眼底。
Dibusotf.com結(jié)合了視覺(jué)吸引力與清晰的網(wǎng)站結(jié)構(gòu),這個(gè)網(wǎng)站有9個(gè)主要的導(dǎo)航選項(xiàng),一眼就能看到,但選項(xiàng)顏色有些偏淡。
讓訪客清楚地看到有哪些功能可以使用,是用戶(hù)界面設(shè)計(jì)中的基本原則之一,至于如何做到這一點(diǎn)并不重要,重要的是網(wǎng)站內(nèi)容能夠被很好地理解,讓瀏覽者舒服地與系統(tǒng)進(jìn)行互動(dòng)。
5.青島網(wǎng)站建設(shè)方法之?有效書(shū)寫(xiě)
由于網(wǎng)站和紙質(zhì)內(nèi)容的差異,根據(jù)用戶(hù)個(gè)人偏好以及瀏覽器習(xí)慣來(lái)調(diào)整書(shū)寫(xiě)風(fēng)格就顯得很有必要。用戶(hù)會(huì)忽略宣傳性的文字,跳過(guò)沒(méi)有圖片或者粗體字、斜體字標(biāo)記出關(guān)鍵詞的冗長(zhǎng)的文字塊,嘩眾取寵的文字也會(huì)被忽視。
言歸正傳??蓯?ài)討巧的名字、市場(chǎng)導(dǎo)向的名字、公司名以及一些生僻的術(shù)語(yǔ)要堅(jiān)決避開(kāi)。例如,如果你要描述一項(xiàng)服務(wù),希望用戶(hù)注冊(cè)一個(gè)賬戶(hù),用“注冊(cè)(sign up)”要好過(guò)“現(xiàn)在開(kāi)始?。⊿tart now)”,當(dāng)然比“探索我們的服務(wù)”好更多。
Eleven2.com就恰得要領(lǐng)——沒(méi)有可愛(ài)的詞匯,也沒(méi)有花言巧語(yǔ)——相反,只是列出了個(gè)價(jià)格,而這正是訪客所期待的。有效書(shū)寫(xiě)的最佳方案包括:
使用簡(jiǎn)短精確的短語(yǔ)(盡快闡述主題);
使用便于瀏覽的版式(將內(nèi)容分類(lèi),使用多層標(biāo)題,用視覺(jué)元素和流程圖);
使用平實(shí)客觀的語(yǔ)言(做宣傳不一定要看起來(lái)就像是廣告,只要給你的用戶(hù)提供一些合理而客觀的理由,讓他們明白為什么應(yīng)該嘗試你的服務(wù)或在你的網(wǎng)站駐足)。
6.青島網(wǎng)站建設(shè)方法之?力求簡(jiǎn)潔明了
“簡(jiǎn)潔”應(yīng)該是網(wǎng)站設(shè)計(jì)的首要原則,用戶(hù)們不是沖著網(wǎng)站?設(shè)計(jì)本身而來(lái)的,何況在多數(shù)情況下,他們是來(lái)尋找信息而不是網(wǎng)站的設(shè)計(jì)。力求網(wǎng)站?設(shè)計(jì)簡(jiǎn)單明了,避免復(fù)雜。
Crcbus的設(shè)計(jì)簡(jiǎn)單清晰。可能因?yàn)槭且獯罄Z(yǔ),所以你不知道這個(gè)網(wǎng)站是干什么的,但你能直接找到導(dǎo)航欄、標(biāo)題、內(nèi)容區(qū)域和腳注。注意,圖標(biāo)都能夠清楚地傳遞信息。鼠標(biāo)懸停于圖標(biāo)上方時(shí),則會(huì)顯示更多信息。
從用戶(hù)的角度來(lái)看,最好的網(wǎng)站設(shè)計(jì)就是純文字,沒(méi)有任何廣告,不會(huì)額外出現(xiàn)符合訪客搜索詞條的內(nèi)容塊。這是方便打印的網(wǎng)站能夠獲得較好用戶(hù)體驗(yàn)的原因之一。
Finch清晰地呈現(xiàn)了網(wǎng)站信息,用戶(hù)可以進(jìn)行選擇,但倒不會(huì)讓他們因?yàn)椴槐匾膬?nèi)容而困擾。
7.青島網(wǎng)站建設(shè)方法之?別怕留白
其實(shí),留白的重要性不是三言?xún)烧Z(yǔ)就能概括的。它不僅能幫助減少訪客的認(rèn)知負(fù)荷,同時(shí)也讓訪客在屏幕上獲取信息更為容易。新訪客瀏覽青島網(wǎng)頁(yè)制作時(shí),第一件事情通常是瀏覽整個(gè)頁(yè)面,在心里將內(nèi)容區(qū)域劃分成可消化的組塊。
復(fù)雜的結(jié)構(gòu)讓閱讀、掃視、分析和使用變得困難。如果你可以在用明顯的線(xiàn)條和空白這兩者之間選擇從而將兩塊內(nèi)容分開(kāi),通常情況下,留白會(huì)是個(gè)更好的選擇。分層減少了復(fù)雜程度(西蒙法則),用戶(hù)感受到的視覺(jué)層次感越好,網(wǎng)站上的內(nèi)容就越容易被獲取。
留白是個(gè)好選擇,Cameron.io將留白作為青島網(wǎng)站設(shè)計(jì)公司的最重要要素,這使得整個(gè)版式非常便于瀏覽,突出網(wǎng)站內(nèi)容。
8.青島網(wǎng)站建設(shè)方法之?用“可視化語(yǔ)言”進(jìn)行有效交流
Aaron Marcus在關(guān)于有效視覺(jué)交流的研究文章中提出了三個(gè)基本原則,其中包括所謂的“可視化語(yǔ)言”,也就是用戶(hù)在屏幕上所看到的內(nèi)容。
組織:為用戶(hù)提供清晰連貫的概念體系。連貫性、頁(yè)面布局、組塊關(guān)系和頁(yè)面導(dǎo)航都是組織里的重要概念。同樣的常規(guī)和原則都應(yīng)該應(yīng)用到所有元素中。
經(jīng)濟(jì)化:用盡量少的刺激信號(hào)和視覺(jué)元素達(dá)到最好的效果。這里要考慮到四個(gè)關(guān)鍵點(diǎn)——簡(jiǎn)潔、清晰、獨(dú)特和重點(diǎn)突出?!昂?jiǎn)潔”是說(shuō),只將對(duì)表達(dá)最不可或缺的元素納入其中;“清晰”指的是所有的部件都應(yīng)該精心設(shè)計(jì),避免含義模糊。“獨(dú)特”是指必要元素的重要屬性應(yīng)該是獨(dú)一無(wú)二的?!爸攸c(diǎn)突出”則是指最重要的元素應(yīng)該很容易被辨認(rèn)。
表達(dá):使頁(yè)面呈現(xiàn)符合用戶(hù)的接受范圍,網(wǎng)站?用戶(hù)界面必須在易讀性、可讀性、布局、象征性、多層觀點(diǎn)和顏色或紋理效果之間保持平衡,從而使信息得到順利傳遞。一個(gè)頁(yè)面最多只能用三種字體,最大只能用三號(hào)字——每一行文字最多只能有18個(gè)單詞或者50~80個(gè)字符。
9.青島網(wǎng)站建設(shè)方法之?與規(guī)范為友
按照規(guī)范設(shè)計(jì)出的網(wǎng)站不一定都是索然無(wú)味的,事實(shí)上,傳統(tǒng)規(guī)范很有裨益,因?yàn)樗s短了學(xué)習(xí)周期,亦不需要搞清楚來(lái)龍去脈。比如說(shuō),如果所有網(wǎng)站的RSS源都有各自的外觀,網(wǎng)站可用性必然遭遇噩夢(mèng)。這與我們?nèi)粘I钪辛?xí)慣于按照一定規(guī)則整理數(shù)據(jù)(文件夾)或購(gòu)物(放置貨物)沒(méi)什么差別。
在規(guī)范作用下,你能夠獲得用戶(hù)的信心、信任和依賴(lài),也能證明你很可靠。遵從用戶(hù)的期望——明白他們希望從網(wǎng)站的導(dǎo)航欄、紋理結(jié)構(gòu)、搜索引擎位置等等功能中得到什么。
使用Babelfish(多國(guó)語(yǔ)言在線(xiàn)翻譯):Amazon.com俄文版面。
可用性測(cè)試中一個(gè)典型例子就是將網(wǎng)頁(yè)翻譯成日文(假設(shè)你的網(wǎng)站用戶(hù)不懂日語(yǔ),比如,他們使用Babelfish),然后讓參與可用性測(cè)試的用戶(hù)在不同語(yǔ)言頁(yè)面找到指定的東西。如果正確使用規(guī)范,目標(biāo)不是太具體,用戶(hù)就能找到它,即使他們完全不明白它是什么意思。
Steve Krug認(rèn)為,只有在你有更好的創(chuàng)意時(shí)才去創(chuàng)新,否則的話(huà),還是好好按照規(guī)范來(lái)吧。
10.青島網(wǎng)站建設(shè)方法之?早測(cè)試,常測(cè)試(TETO)
這個(gè)所謂的TETO原則可以應(yīng)用到所有網(wǎng)站設(shè)計(jì)項(xiàng)目中,因?yàn)榭捎眯詼y(cè)試常常會(huì)曝露出一些重大漏洞以及與布局相關(guān)的問(wèn)題。
測(cè)試不能太晚,不能太少,也不能為了不適合的理由而做。所謂“不適合的理由”是說(shuō),大多數(shù)設(shè)計(jì)方面的決策都是為眼前考慮的,這意味著你不能籠統(tǒng)地回答這個(gè)布局比那個(gè)好,因?yàn)槟阈枰唧w情況、具體分析,考慮具體要求、投資者的利益、預(yù)算,等等。
以下是圭谷設(shè)計(jì)提示大家需要記住的一些要點(diǎn):
根據(jù)Steve Krug的觀點(diǎn),測(cè)試一個(gè)用戶(hù)絕對(duì)比一個(gè)都不測(cè)試要強(qiáng),而且在項(xiàng)目初期測(cè)試一個(gè)用戶(hù)好過(guò)在項(xiàng)目尾聲時(shí)測(cè)試五十個(gè)。根據(jù)波姆法則第一條,需求和網(wǎng)站?設(shè)計(jì)過(guò)程期間最容易出現(xiàn)錯(cuò)誤,而越往后要清除這些錯(cuò)誤就需要付出越高的代價(jià)。
測(cè)試是項(xiàng)重復(fù)性的工作,也就是說(shuō),你設(shè)計(jì)出一樣?xùn)|西,然后得測(cè)試,接著修補(bǔ),然后再測(cè)試。有些問(wèn)題在第一輪測(cè)試中可能顯示不出來(lái),因?yàn)橛脩?hù)們也許剛好被其他問(wèn)題困擾著。
可用性測(cè)試總是能帶來(lái)有用的結(jié)果。無(wú)論是否被指出網(wǎng)站存在一些問(wèn)題,對(duì)于你的項(xiàng)目來(lái)說(shuō)都是好消息。
根據(jù)溫伯格定律,網(wǎng)站代碼開(kāi)發(fā)者本人不適合參與測(cè)試——這對(duì)設(shè)計(jì)者同樣適用。當(dāng)你花了好幾個(gè)星期設(shè)計(jì)一個(gè)網(wǎng)站,你便再也不能用一個(gè)新的視角來(lái)看待它了。你知道它是如何構(gòu)建的,因此你當(dāng)然知道它該如何操作——和獨(dú)立的測(cè)試人員和訪客相比,“你知道的太多了”。
基本原則是:只要你想讓你的網(wǎng)站完美無(wú)缺,你必須得進(jìn)行測(cè)試。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號(hào)-3