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