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