1.記?。耗隳芸刂频臅r(shí)間是有限的
瀏覽正常頁(yè)面只需要4秒,你沒(méi)有足夠的時(shí)間吸引用戶,讓他們繼續(xù)瀏覽你的網(wǎng)站。也就是說(shuō),你應(yīng)該盡可能準(zhǔn)確地描述你設(shè)計(jì)的網(wǎng)站是關(guān)于什么的。如果需要瀏覽者花更多的時(shí)間去了解這個(gè)網(wǎng)站是關(guān)于什么的,他就會(huì)放棄,離開。
2.記?。河脩粽跒g覽頁(yè)面
當(dāng)你進(jìn)入一個(gè)房間的時(shí)候,你并不是專門看所有東西的樣子。首先,你會(huì)注意房子里人或物的外觀。你會(huì)環(huán)視整個(gè)房子,然后尋找你感興趣的東西。一次瀏覽網(wǎng)站也會(huì)發(fā)生類似的事情。一般來(lái)說(shuō),瀏覽者或用戶首先瀏覽網(wǎng)站。這需要你引導(dǎo)用戶去你想讓他們?nèi)サ牡胤?。它可能是一個(gè)登錄按鈕,一個(gè)更多內(nèi)容的按鈕,或者一篇博客文章。
3.網(wǎng)站左上角是明顯的位置
這是公認(rèn)的事實(shí)。主要是大家都是用這種習(xí)慣的方式看書看文章(從左上角開始),早期的網(wǎng)站和應(yīng)用軟件也是基于這種方式設(shè)計(jì)開發(fā)的。我們一般把LOGO放在左上角,很好。但可以考慮在這個(gè)位置增加一兩個(gè)其他元素,讓它更明顯(注冊(cè)鏈接、搜索表單、標(biāo)語(yǔ)等)。).
4.理解“F”結(jié)構(gòu)
一些視覺(jué)跟蹤研究證明,用戶瀏覽網(wǎng)站的視覺(jué)路線類似字母“F”。高的位置總能看到,中間區(qū)域只能看到一半,再往下只能看到左邊部分。當(dāng)你在設(shè)計(jì)的時(shí)候不知道把一個(gè)內(nèi)容塊放在哪里的時(shí)候,可以考慮這個(gè)因素。
5.了解用戶忽略了什么
用戶對(duì)廣告視而不見。他們習(xí)慣于忽略圖片廣告和文字廣告。避免設(shè)計(jì)看起來(lái)像廣告的東西,用戶會(huì)忽略大的文本區(qū)域。沒(méi)有人有時(shí)間(或者說(shuō)耐心!)閱讀大塊文字,他們只是了解頁(yè)面文章的大意。
6.文字和圖片
一個(gè)有趣的事實(shí)是。文字比那些精彩的圖片能得到更多的關(guān)注!如果你想給你的用戶發(fā)消息,我建議你用大標(biāo)語(yǔ)詞,而不是那些眼花繚亂的頭像…
7.使用設(shè)計(jì)元素來(lái)吸引注意力
好的吸引眼球的元素是口號(hào),動(dòng)作節(jié)目的按鈕(一般是亮色的),分1-2-3級(jí),或者只是一個(gè)普通的列表……如果是寫長(zhǎng)文,找到副標(biāo)題很重要。字幕比其他內(nèi)容得到更多關(guān)注。通過(guò)這個(gè)簡(jiǎn)單的步驟,使用適當(dāng)?shù)臉?biāo)題向用戶解釋本文的主題。
8.文本格式
適當(dāng)?shù)奈谋靖袷礁欣陂喿x。不要擔(dān)心使用太多的段落,粗體、斜體、引號(hào)、下劃線或字母大小寫……所有這些都可以使文本塊具有更多的視覺(jué)效果。當(dāng)然,你還需要使用格式來(lái)強(qiáng)調(diào)一些你認(rèn)為重要的單詞或句子,這樣可以引導(dǎo)你的讀者閱讀完整的文本。
9.使用簡(jiǎn)單的圖片
我前面提到用戶對(duì)廣告視而不見。當(dāng)你在設(shè)計(jì)過(guò)程中使用圖片的時(shí)候,一定要保證圖片不凌亂,不煩人,不讓人看不懂。大多數(shù)人覺(jué)得看亂七八糟、五顏六色的圖片很難。圖片要簡(jiǎn)潔易懂。當(dāng)你使用人臉的圖片時(shí),更容易吸引用戶的注意力,尤其是當(dāng)圖片中人物的眼睛盯著用戶的時(shí)候。當(dāng)然,你也可以用眼睛的方向來(lái)引導(dǎo)用戶關(guān)注某個(gè)方向。
10.使用空格
使用空白可以給一些元素更多的視覺(jué)空間。如果一個(gè)元素離邊距或者其他元素太近,很容易被混淆,需要留一些喘息的空間。尤其是文本和文本內(nèi)容之間。