編者按:CARRIECOUSINS寫了不少各種網站和UI設計的最佳實踐,雖然很多UI元素的設計并不復雜,但是許多細節(jié)都值得注意。今天的文章幫你梳理了如今流行的網站大型頁腳的設計技巧和注意事項,還是挺實用的。
雖然網頁頁腳的設計在整個頁面設計中并非最引人矚目的部分,在需求中的優(yōu)先級也不高,也不是整個網站設計的核心,但是它依然是整個網站不可或缺的部分。一個好的網站頁腳能夠讓用戶找到有用的信息,更好地互動感。想要設計一個功能完善,美觀的網站頁腳,有什么可供遵循的方法和技巧呢?今天的文章就來給你答案。
通常,一個包含系統(tǒng)化信息的大型頁腳能夠幫用戶更好地使用一個復雜的大型網站,尤其是像Amazon。
大型頁腳的設計訣竅在于信息的組織。一旦明確了頁腳需要幫用戶實現(xiàn)什么目標,接下來的事情就不難了。下面分享7個技巧。
1.確定一個明確的目標
在為網站設計一個大型頁腳的時候,先要明確用戶在實際狀況下如何使用它。盡管有許多網站將頁腳當作收納不知道怎么處理的鏈接和信息的地方,但是實際上頁腳的功能并不是垃圾箱。
和網站其他的部分一樣,設計優(yōu)良的頁腳是有著明確的設計目標的:
提供網站地圖,以及最受歡迎的頁面/鏈接
提供聯(lián)系方式,或者提交訂閱的表單
提供社交媒體帳號鏈接和信息
提供行為召喚的功能
提供公司或者店鋪的實際地址/可視化地圖
網站和團隊相關的信息(適合博客類網站)
2.具備響應式設計
響應式設計毫無疑問是如今網站應當具備的基礎素質,而大型的網站頁腳同樣也應該具備良好的響應性,這樣才能確保體驗上的一致,并且讓用戶能夠便捷輕松地與之互動。
一個大型的頁腳,在桌面端上展示的時候,信息按列來分割排布,看起來是很合理的,但在移動端設備上,就顯得凌亂而復雜了。尤其是考慮到頁腳需要隨著頁面變化而響應,并且要便于交互。
整個頁腳的主要設計目標是包含并組織大量的元素,而這種形式并不一定拘泥于多欄式布局。
當然,你還可以采取另外一種方法來進行設計,使用超大的頁腳來承載單一元素,讓它將特定的功能發(fā)揮到極致。就像上面的HustlePanda這個頁面,整個頁腳幾乎擴到屏幕的尺寸,單列式的布局,即使是在移動端上也可以和桌面端一致的樣式來進行響應和展示。(當然,你需要讓CTA元素足夠大,并且易于閱讀)
3.包含用戶期望的信息
絕大多數(shù)的用戶對于網頁頁腳中所呈現(xiàn)的信息,是有所期待的,將用戶期望的信息包含在其中,可以讓它的可用性更強。
雖然并非所有的元素都需要包含在網頁頁腳當中,但是下面所列舉出來的元素,應該覆蓋了絕大多數(shù)的用戶需求:
網站地圖或者拓展導航
聯(lián)系信息,地址或者地圖
社交媒體鏈接
電子郵件訂閱信息
搜索
關于我們
獲獎情況或者證明
新聞資訊,最近的文章或者事件列表
還有一些其他的小元素或者功能控件可以放到其中,但是用戶并非需要全部的元素,他們所需要的通常是其中的一部分,絕大多數(shù)是關于網站本身的一些信息。
版權信息
法律信息和隱私條款
專業(yè)領域或者所屬組織
著作權歸作者所有。
商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。