2021-09-15 分類: 網(wǎng)站設(shè)計(jì)
為了能更好地理解和應(yīng)用我將要談到的這些準(zhǔn)則,讓我們先來(lái)對(duì)用戶與網(wǎng)站的互動(dòng)過(guò)程,用戶的思維方式和基本的行為模式做一個(gè)分析。
網(wǎng)站用戶如何思維
簡(jiǎn)單說(shuō)來(lái),網(wǎng)站用戶的思考模式與在商店里購(gòu)買東西的購(gòu)客差別不大。打開一個(gè)新網(wǎng)頁(yè)后,用戶會(huì)匆匆瀏覽一下,然后點(diǎn)擊一個(gè)能引起他們注意的鏈接或與其尋找的目標(biāo)相符的內(nèi)容。事實(shí)上,對(duì)網(wǎng)頁(yè)中的很大一部分內(nèi)容用戶看都不會(huì)看。
絕大多數(shù)用戶尋找的是他們感興趣的(或?qū)λ麄冇杏玫?而又能打開的內(nèi)容。一旦遇到這樣的內(nèi)容,他們會(huì)立刻點(diǎn)擊。如果新打開的網(wǎng)頁(yè)不符合用戶的期待,那么他們會(huì)點(diǎn)擊“返回”按鈕,繼續(xù)瀏覽和搜索的過(guò)程。
• 用戶對(duì)網(wǎng)站內(nèi)容的質(zhì)量和可信度最為看重 。 如果一個(gè)網(wǎng)站能為用戶提供非常優(yōu)質(zhì)的內(nèi)容,那么用戶是愿意向網(wǎng)頁(yè)中的廣告和網(wǎng)站的設(shè)計(jì)缺陷做出妥協(xié)的。這也是為什么很多設(shè)計(jì)的不怎么樣的網(wǎng)站卻擁有巨大流量的原因。在用戶眼里,網(wǎng)站內(nèi)容往往比這些內(nèi)容的載體(設(shè)計(jì))更為重要。
• 用戶不閱讀,只瀏覽。
當(dāng)用戶打開一個(gè)網(wǎng)頁(yè)時(shí),他們傾向于搜索某些特定內(nèi)容或察看能指引他們?yōu)g覽網(wǎng)頁(yè)內(nèi)容的關(guān)鍵信息點(diǎn)。
• 網(wǎng)站用戶缺乏耐心,傾向于立即獲得結(jié)果。 這是個(gè)非常簡(jiǎn)單的事實(shí):如果一個(gè)網(wǎng)站不能滿足用戶的期望,說(shuō)明網(wǎng)站設(shè)計(jì)師的工作還不到位,而而公司就要承擔(dān)經(jīng)濟(jì)上的損失。網(wǎng)站設(shè)定的認(rèn)知過(guò)程越復(fù)雜,導(dǎo)航能力越差,用戶放棄使用該網(wǎng)站而尋求替代網(wǎng)站的幾率也就越高。
• 用戶很難做出好選擇。
在尋找目標(biāo)內(nèi)容時(shí),用戶的搜索方式常常是低效的。他們也很少把一個(gè)網(wǎng)頁(yè)中各部分的內(nèi)容都瀏覽一遍以找出最有用的內(nèi)容。相反,用戶通常會(huì)選擇第一個(gè)他們覺(jué)得有趣的內(nèi)容。當(dāng)用戶看到某個(gè)符合他們期待的內(nèi)容鏈接時(shí),他們立即點(diǎn)開察看的幾率是非常高的。最優(yōu)化選擇需要花費(fèi)更多時(shí)間,用戶不愿忍受這種困難。而隨機(jī)選擇就簡(jiǎn)單的多。
• 用戶憑直覺(jué)行事。 對(duì)來(lái)自設(shè)計(jì)師的信息,大多數(shù)用戶的反應(yīng)不是細(xì)讀,而是忽略。根據(jù)Steve Krug的說(shuō)法,用戶這么的做的原因是因?yàn)樗麄儗?duì)設(shè)計(jì)師毫不關(guān)心。“我們要是覺(jué)得一樣?xùn)|西好使,就會(huì)拿來(lái)用,至于它的工作原理是什么,我們才不關(guān)心呢,只要我們覺(jué)得好用就行。如果用戶認(rèn)為你是在設(shè)計(jì)廣告牌,那么就把廣告牌設(shè)計(jì)的好一些。”
• 用戶樂(lè)于掌控網(wǎng)頁(yè)。 用戶傾向于控制自己的瀏覽進(jìn)程,傾向于認(rèn)可內(nèi)容一致性較高的網(wǎng)站。例如,他們不樂(lè)意看到毫無(wú)征兆地打開的新窗口,當(dāng)點(diǎn)擊“返回”按鈕時(shí),他們要求能真的能回到剛瀏覽過(guò)的頁(yè)面:因此,如果可能的話,盡量別設(shè)置“在新窗口中打開”的選項(xiàng)。
1. 別讓用戶費(fèi)腦筋
根據(jù)Krug關(guān)于網(wǎng)站可用性“第一原則”的說(shuō)法,好的網(wǎng)頁(yè)應(yīng)該是“一望即知,不言自明”的。當(dāng)設(shè)計(jì)師設(shè)計(jì)一個(gè)網(wǎng)頁(yè)時(shí),他的工作應(yīng)該是消除問(wèn)號(hào)--即需要用戶自己思索,權(quán)衡,選擇和決定的項(xiàng)目。
如果一個(gè)網(wǎng)站的導(dǎo)航和網(wǎng)站結(jié)構(gòu)設(shè)置不合理,導(dǎo)致網(wǎng)站的可用性不高,那么就會(huì)留下很多問(wèn)號(hào),用戶在使用時(shí),就容易被被網(wǎng)站的運(yùn)行方式弄糊涂,甚至從a點(diǎn)轉(zhuǎn)到B點(diǎn)都成問(wèn)題。而清晰的網(wǎng)站架構(gòu),簡(jiǎn)潔的視覺(jué)引導(dǎo)方式,辨識(shí)度強(qiáng)的導(dǎo)航鏈接都在用戶搜尋目標(biāo)內(nèi)容時(shí)提供極大的幫助。
讓我們來(lái)看個(gè)例子。Beyondis.co.uk聲稱他們“超越渠道,超越產(chǎn)品,超越銷售”。但他們究竟想說(shuō)什么呢由于用戶傾向于以“F”形模式瀏覽網(wǎng)站,網(wǎng)頁(yè)完全打開后,這三句話很可能是用戶最先留意到的網(wǎng)頁(yè)元素。
雖然這個(gè)網(wǎng)站本身還算簡(jiǎn)潔易用,但如果用戶想理解這三句話,就得進(jìn)一步搜索信息。這種情況就是一個(gè)非必要的問(wèn)號(hào)。網(wǎng)頁(yè)設(shè)計(jì)師的任務(wù)之一就是將問(wèn)號(hào)的數(shù)量降低至0.對(duì)于這三句話的意思,該網(wǎng)站在主頁(yè)的右側(cè)以視圖的方式給出了解釋。如果能把這兩部分內(nèi)容調(diào)換一下位置的話,可用性就會(huì)增強(qiáng)很多。
ExpressionEngine網(wǎng)站的布局方式與 Beyondi很接近,但卻沒(méi)有留下“不必要的問(wèn)號(hào)”。而且這個(gè)網(wǎng)頁(yè)中的宣傳性文字也有其功能:當(dāng)用戶試用該網(wǎng)站的服務(wù)或下載免費(fèi)版本時(shí),這些文字為他們提供了相應(yīng)的選擇。
降低網(wǎng)站的認(rèn)知難度能讓用戶更好地理解如何使用網(wǎng)站。如果你能做到這一點(diǎn),用戶便能體會(huì)到你所設(shè)計(jì)的網(wǎng)站的易用性和由此帶來(lái)的便利。如果一個(gè)網(wǎng)站讓用戶覺(jué)得很迷惑的話,用戶自然也不會(huì)使用它。
2. 別考驗(yàn)用戶的耐心
如果你想在任何設(shè)計(jì)項(xiàng)目中為用戶提供服務(wù)或工具,請(qǐng)力求把對(duì)用戶的要求降到最低。一個(gè)測(cè)試或服務(wù)對(duì)用戶要求的條件越少,它被用戶使用的幾率也就越高。新用戶尤其如此。他們通常只想體驗(yàn)一下你提供的服務(wù),而不愿為了獲得一個(gè)他們也許永遠(yuǎn)用不著的賬號(hào)去填寫一連串的表格。盡量讓用戶自行瀏覽和了解你的服務(wù),別強(qiáng)迫他們提供個(gè)人信息。為了體驗(yàn)一下網(wǎng)站的服務(wù),用戶就得留下自己的郵箱地址,這種做法并不合理。
正如37Signals團(tuán)隊(duì)的程序員Ryan Singerstates所說(shuō),如果用戶在使用過(guò)你提供的服務(wù)之后,你再要求他們提供郵箱地址,他們沒(méi)準(zhǔn)兒會(huì)積極配合,因?yàn)檫@時(shí)用戶已經(jīng)對(duì)你的服務(wù)有了了解,也期待得到更多回饋。
Stikkit網(wǎng)站的用戶體驗(yàn)就做的非常好,它幾乎不要求用戶提供任何信息,給用戶一種寬松愉悅的感覺(jué)。 這不正是網(wǎng)頁(yè)設(shè)計(jì)師希望用戶體驗(yàn)的感覺(jué)嗎
當(dāng)然,設(shè)計(jì)師也想從用戶那里獲得信息。所以該網(wǎng)站的用戶三十秒內(nèi)就能完成注冊(cè)--注冊(cè)步驟是以水平并列的方式展開的,用戶連下拉網(wǎng)頁(yè)的步驟都省了。
理想的網(wǎng)頁(yè)應(yīng)該是沒(méi)有任何障礙的,它不會(huì)強(qiáng)迫用戶先訂閱或注冊(cè)才能體驗(yàn)網(wǎng)站的服務(wù)。即使只是注冊(cè)一下也足以使用戶感到不便,這會(huì)降低他們對(duì)網(wǎng)頁(yè)的興趣,從而拉低網(wǎng)站的瀏覽量。
3. 調(diào)動(dòng)用戶的注意力
通常網(wǎng)站的內(nèi)容有靜態(tài)的,也有動(dòng)態(tài)的,某些互動(dòng)元素比另一些更能吸引用戶的注意力。我們都了解,圖象比文字更能吸引目光,正如在文字中,加粗加黑的字體比普通字體更引人注意一樣。
人眼觀察世界的方式是高度非線性的,這也為什么網(wǎng)頁(yè)中的線條,圖案和動(dòng)態(tài)畫面能立即被用戶所注意。頁(yè)面中的動(dòng)態(tài)廣告之所以如此煩人且分散我們的注意力也是這個(gè)原理,但是從市場(chǎng)營(yíng)銷的角度來(lái)看,在吸引用戶關(guān)注上,視頻彈窗確實(shí)是一種非常有效的手段。
Humanized.com網(wǎng)站近乎好地運(yùn)用了注意力法則。 這個(gè)頁(yè)面中用戶唯一立即可見的內(nèi)容是“免費(fèi)”(FREE)的大字,它以一種迷人且漂亮的方式呈現(xiàn),但本身也是一種非常有用的信息。下面的文字則為用戶如何獲得“免費(fèi)”的產(chǎn)品提供了足夠詳細(xì)的說(shuō)明。
巧妙地在網(wǎng)頁(yè)中使用簡(jiǎn)潔的視覺(jué)元素,能有效地把用戶的目光引向網(wǎng)頁(yè)中的特定區(qū)域,用戶的注意力從a點(diǎn)轉(zhuǎn)向B點(diǎn),而他們很可能對(duì)此還毫無(wú)察覺(jué)呢。用戶心中的問(wèn)號(hào)越少,他們對(duì)網(wǎng)站的認(rèn)同度就越強(qiáng),對(duì)網(wǎng)頁(yè)所宣傳的公司的信任度也就越高。換句話說(shuō):用戶對(duì)網(wǎng)站的內(nèi)容認(rèn)知越容易,用戶體驗(yàn)就越好,而用戶體驗(yàn)正是網(wǎng)站可用性的第一要素。
4. 力求突出特色
當(dāng)代設(shè)計(jì)常因?yàn)檫^(guò)度使用視覺(jué)圖象和大圖標(biāo)按鈕而飽受批評(píng)。但是純粹從設(shè)計(jì)的角度來(lái)看,這并不全是壞事。事實(shí)上,這些視覺(jué)元素能夠以非常簡(jiǎn)單而友好的方式來(lái)呈現(xiàn)網(wǎng)站內(nèi)容,也是極為有效的導(dǎo)航手段。
Dibusoft.com網(wǎng)站是將高效的視覺(jué)元素與清晰的網(wǎng)站架構(gòu)相結(jié)合的極佳范例。該網(wǎng)站有9個(gè)主要的導(dǎo)航選項(xiàng),網(wǎng)頁(yè)布局也非常簡(jiǎn)潔明了。只是顏色搭配上有點(diǎn)偏淡。在UI設(shè)計(jì)中,讓用戶能清楚地理解網(wǎng)站提供的各種功能是非常重要的一個(gè)設(shè)計(jì)原則。至于如何去實(shí)現(xiàn)這一點(diǎn),可以有很多不同的方法。最重要的是設(shè)法讓用戶更好地理解網(wǎng)站的內(nèi)容,并能在使用網(wǎng)站時(shí)獲得輕松愉悅的用戶體驗(yàn)。
5. 注意文字風(fēng)格
網(wǎng)頁(yè)文字與印刷文字的行文方式有所不同,所以網(wǎng)頁(yè)中的文字內(nèi)容一定要考慮到網(wǎng)站用戶的偏好和瀏覽習(xí)慣。促銷推廣類的內(nèi)容一般不會(huì)被認(rèn)真閱讀。沒(méi)有配圖的長(zhǎng)篇大論,加黑加粗的主題詞和斜體字常被用戶略過(guò)。浮夸花哨的文字內(nèi)容很難引起用戶的興趣。
最好平實(shí)一點(diǎn)。請(qǐng)盡量避免使用油腔滑調(diào)的名詞,充滿營(yíng)銷氣息的名詞和技術(shù)性太強(qiáng)的名詞。舉個(gè)例子,如果你介紹一項(xiàng)服務(wù)時(shí),希望用戶能注冊(cè)一個(gè)賬號(hào),那么簡(jiǎn)單的“注冊(cè)”就比“即刻開始!”好一些,而“即刻開始!”又比“請(qǐng)?bào)w驗(yàn)我們的服務(wù)”之類的詞更好一些。
Eleven2.com網(wǎng)站便深諳此道。沒(méi)有輕佻的宣傳,沒(méi)有花哨的噱頭。只有用戶最想知道的內(nèi)容:一個(gè)明確的價(jià)格。
一些可行的策略:
• 盡可能使用簡(jiǎn)短,明白的語(yǔ)句(越能點(diǎn)明重點(diǎn)越好)。
• 布局要一眼就能看清楚(可適當(dāng)為內(nèi)容分類或使用多級(jí)標(biāo)題,視覺(jué)元素或編號(hào)格式等手段來(lái)打破大段文字可能造成的枯燥感)。
• 語(yǔ)言的風(fēng)格盡量平實(shí),客觀(促銷信息沒(méi)必要渲染得像廣告一樣??陀^扼要地列出用戶應(yīng)選擇你的產(chǎn)品,網(wǎng)站或服務(wù)的原因即可)。
6. 簡(jiǎn)約而純粹
設(shè)計(jì)師應(yīng)該把“保持簡(jiǎn)單”當(dāng)成網(wǎng)頁(yè)設(shè)計(jì)的主要原則和目標(biāo)。普通用戶訪問(wèn)一個(gè)網(wǎng)站很少是為了欣賞網(wǎng)站的設(shè)計(jì),多數(shù)情況下他們是為了尋找有效的信息,設(shè)計(jì)只是一個(gè)載體。因此設(shè)計(jì)師應(yīng)該力求簡(jiǎn)潔而不是復(fù)雜。
Crcbus網(wǎng)站就很好地體現(xiàn)了簡(jiǎn)潔的原則。 你可能不認(rèn)識(shí)網(wǎng)頁(yè)中的意大利文,但你一定能清楚地認(rèn)出導(dǎo)航按鈕,標(biāo)題,內(nèi)容區(qū)和腳注。甚至網(wǎng)頁(yè)中的圖標(biāo)都能傳遞出信息。當(dāng)你把鼠標(biāo)置于圖標(biāo)之上時(shí),旁邊會(huì)出現(xiàn)相應(yīng)的提示文字。
網(wǎng)頁(yè)標(biāo)題:網(wǎng)站設(shè)計(jì)的10大金律:幫你更好的留住用戶
轉(zhuǎn)載源于:http://redsoil1982.com.cn/news26/126776.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容