首頁 部落格 網頁設計範例之網頁頁尾的7個技巧
Jericho
Feb 22, 2022
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

網頁設計範例之網頁頁尾的7個技巧

雖然網頁頁尾的設計在整個頁面設計中並非最引人矚目的部分,在需求中的優先級也不高,也不是整個網站設計的核心,但是它依然是整個網站不可或缺的部分。一個好的網站頁尾能夠讓用戶找到有用的訊息,更好地互動感。想要設計一個功能完善,美觀的網站頁尾,有什麽可供遵循的方法和技巧呢?今天的文章就來給你答案。

通常,一個龐大的網站都會有大型頁尾,例如像 Amazon、eBay、Apple…等國際等級的網站,大型頁尾的設計添加了有用的訊息,以致今日用戶很多人看的不是首頁,而是頁尾。想一想,頁尾需要幫用戶完成什麼事情?達到什麽目標?接下來的事情就不難了。下面分享幾個實用策略:

 

明確目標

網站設計一個大型頁尾的時候,先要想想看用戶在實際狀況下如何使用它。儘管有許多網站將頁尾當作收納不知道怎麽處理的鏈結和訊息的地方,但是實際上頁尾的功能並不是垃圾桶。

如果你毫無頭緒,先參考看看設計優良的頁尾基本元素有:
網站地圖
聯絡方式
社群媒體帳號鏈結
行為召喚的功能
公司或者店鋪的實際地址
網站和團隊相關的訊息

 

正確訊息

大多用戶對網頁頁尾的訊息是有所期待的,當然內容就要確保正確。我們看過許多網頁維護者,更新網站時忽略的頁尾的更新,例如:社群連結失效,地址電話變更,內容遺失都沒能察覺,招致用戶的負面印象,而且一錯就是好幾個月甚至數年。

 

串聯組織

如果你有分散在各地的網站,不知道該如何導引,那麼頁尾是一個美好的地方。不論是進行分組管理,或直接提供鏈結,你可以告訴用戶:除了我們的網站以外,我們還有很多機構、合作夥伴,你可以相信他們。

 

對話設計

頁尾有個很大的優勢:空間很大,幾乎沒有什麼使用限制,可以跳脫選單的限制,使用比較人性化的方法導引用戶。舉例來說:受到選單的限制,「門診服務」的選項在頁尾就可以變成「立即預約你的門診時間」,一來顯得更貼近用戶需求,二來也能充分利用頁尾空間。

 

品牌形象

頁尾中的企業標語、商業話語、微文案、互動特效...有時可以讓用戶肯定,認為你的網頁設計從頭到尾,從大方向到小細節都密面俱到,未來合作上自然更值得信賴。換句話說,頁頭中的品牌設計和頁尾同樣重要,這句話絕無誇大。

 

留白亦可

如果你已覺得頁尾內容足以滿足用戶了,或說穿了,網站內容也沒有那麼多,也不要強加內容,保持足夠的呼吸感,不僅能夠確保視覺上的舒適,而且未來或許還有添加資訊的需求,留點空白絕對是好處多多。

 

結語

越來越多的網站開始推崇超大型的頁尾,或是添加相當驚艷的視覺效果在頁尾,但是頁尾的設計應當節制,以訊息、導覽、正確資訊為主,至於其他的創意,罕用的功能,不用急著一口氣都塞在頁尾。

網頁使用視覺平衡設計的優點和好處
網頁使用視覺平衡設計的優點和好處
Jericho
Jericho
Apr 19, 2024
在網頁設計中使用橙色
在網頁設計中使用橙色
Jericho
Jericho
Apr 10, 2024
網頁設計的十大竅門
網頁設計的十大竅門
Jericho
Jericho
Apr 03, 2024