第一、設(shè)計(jì)網(wǎng)頁(yè)時(shí)要充分考慮用戶(hù)視覺(jué)瀏覽習(xí)慣
用戶(hù)瀏覽網(wǎng)站的視覺(jué)路線是從左至右,從上到下,其‘熱點(diǎn)’集中在類(lèi)似于字母“F”型的區(qū)域里。最頂部的位置總是能被看到,中間區(qū)域僅有一半被看到,再往下只有左邊一部分能被看到。因此,網(wǎng)站建設(shè)的過(guò)程中,設(shè)計(jì)師應(yīng)當(dāng)把最主要的內(nèi)容突出展示在熱點(diǎn)區(qū)域里,以保證用戶(hù)可以最快的找到他們想要的信息。
第二、做好網(wǎng)頁(yè)布局
網(wǎng)頁(yè)布局是網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)重要的方面,網(wǎng)頁(yè)的布局一定要簡(jiǎn)潔清晰,以最少的元素表達(dá)最多的信息。一個(gè)頁(yè)面應(yīng)該只有一個(gè)重點(diǎn)的屏幕元素作為頁(yè)面的主體,它可以是文字塊或圖像,具體隨內(nèi)容而定。其他屏幕元素不應(yīng)比主體元素更醒目,而應(yīng)該圍繞主體,突出主體。
第三、設(shè)計(jì)好網(wǎng)站導(dǎo)航菜單
導(dǎo)航菜單可能是網(wǎng)頁(yè)設(shè)計(jì)中最重要的部分了。每個(gè)用戶(hù)瀏覽網(wǎng)站時(shí)一定有所需,因此導(dǎo)航菜單能夠幫助用戶(hù)尋找信息。好的導(dǎo)航菜單像是導(dǎo)游,告訴用戶(hù)網(wǎng)站是干什么的,內(nèi)容分類(lèi)有哪些,在哪里可以找到什么信息。
合理放置導(dǎo)航,出現(xiàn)在該出現(xiàn)的地方,將導(dǎo)航放置何處,以何種方式展現(xiàn),這都是不容忽視的,無(wú)論是水平布局還是垂直布局,都要盡量滿(mǎn)足用戶(hù)使用習(xí)慣。水平式導(dǎo)航菜單的好處是明顯,清晰可見(jiàn),大家都會(huì)知道導(dǎo)航條在上方,而且不是那么占據(jù)空間。而垂直的導(dǎo)航菜單可以兼容不同的屏幕尺寸。
第四、設(shè)計(jì)網(wǎng)頁(yè)時(shí)適當(dāng)留白
當(dāng)瀏覽者瀏覽一個(gè)網(wǎng)站時(shí),如果滿(mǎn)屏都是文字或圖片,不僅無(wú)法突出重點(diǎn)內(nèi)容,而且容易造成用戶(hù)的視覺(jué)疲勞,沒(méi)有‘休息’的機(jī)會(huì)。適當(dāng)?shù)牧舭,在需要讓用?hù)停下來(lái)的地方進(jìn)行留白處理,是把握好用戶(hù)瀏覽速度和保持良好感覺(jué)的設(shè)計(jì)需求。
同時(shí)我們應(yīng)該認(rèn)識(shí)到網(wǎng)頁(yè)中留空白不是在浪費(fèi)網(wǎng)頁(yè)空間。傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)可能會(huì)認(rèn)為設(shè)計(jì)頁(yè)面的時(shí)候應(yīng)該盡可能在頁(yè)面中內(nèi)填充各種顏色和加入各種元素。但從上面提到的幾個(gè)方面有可以看出,網(wǎng)頁(yè)的空白也提升信息可讀性與易讀性、可以讓網(wǎng)頁(yè)的顏色更加鮮明讓用戶(hù)印象更加深刻,可以提升用戶(hù)的專(zhuān)注度體驗(yàn)。所以,網(wǎng)頁(yè)中的空白不一定總是缺陷,如果能夠認(rèn)真利用,是可以帶來(lái)不一樣的用戶(hù)體驗(yàn)。
第五、設(shè)計(jì)網(wǎng)頁(yè)時(shí)要做好A/B測(cè)試
當(dāng)你不知道哪種網(wǎng)頁(yè)設(shè)計(jì)更能符合用戶(hù)的瀏覽習(xí)慣,更能博得用戶(hù)好感時(shí),不妨試試網(wǎng)站的A/B測(cè)試。通過(guò)對(duì)兩種不同頁(yè)面設(shè)計(jì)效果的隨機(jī)展示,讓用戶(hù)自己來(lái)決定哪種更好。