列出一排選項讓用戶來選擇,但是何必這樣?應(yīng)當(dāng)選擇可靠、安全、方便的默認(rèn)項。而且,要將正確的體驗作為你目標(biāo)用戶的默認(rèn)體驗。不要假設(shè)用戶會把不好的初始體驗配置成自己希望的方式,他們不會這么做。做好初始配置,讓最常使用及最重要的任務(wù)一目了然,并使你的程序能夠立即開始工作。
第一、具備響應(yīng)式設(shè)計
響應(yīng)式設(shè)計毫無疑問是如今網(wǎng)站應(yīng)當(dāng)具備的基礎(chǔ)素質(zhì),而大型的網(wǎng)站頁腳同樣也應(yīng)該具備良好的響應(yīng)性,這樣才能確保體驗上的一致,并且讓用戶能夠便捷輕松地與之互動。
一個大型的頁腳,在桌面端上展示的時候,信息按列來分割排布,看起來是很合理的,但在移動端設(shè)備上,就顯得凌亂而復(fù)雜了。尤其是考慮到頁腳需要隨著頁面變化而響應(yīng),并且要便于交互。整個頁腳的主要設(shè)計目標(biāo)是包含并組織大量的元素,而這種形式并不一定拘泥于多欄式布局。當(dāng)然,你還可以采取另外一種方法來進(jìn)行設(shè)計,使用超大的頁腳來承載單一元素,讓它將特定的功能發(fā)揮到極致。整個頁腳幾乎擴(kuò)到屏幕的尺寸,單列式的布局,即使是在移動端上也可以和桌面端一致的樣式來進(jìn)行響應(yīng)和展示。
第二、組織鏈接
包含大量的,不同的內(nèi)容的網(wǎng)站,應(yīng)該考慮將大量的鏈接按照類別來進(jìn)行分組管理,通過有組織的鏈接,你可以幫助用戶找到他們想要的相關(guān)的內(nèi)容。對于大型的項目而言,這是一種非常常見的技術(shù),對于用戶而言,可能會非常有用。以 Amazon 為代表的這些在線零售巨頭對于在頁腳中組織信息就有著豐富的經(jīng)驗。頁腳是網(wǎng)站功能的一種補(bǔ)充和完善,尤其是對于大型的網(wǎng)站項目而言,頁腳的信息組織是尤其重要的。
第三、維持品牌的調(diào)性
不要事后再考慮頁腳中的微文案。頁頭中的品牌設(shè)計和頁腳中的品牌調(diào)性是同樣重要的。風(fēng)格和調(diào)性上,頁腳同樣是網(wǎng)站的品牌設(shè)計中不可分割的一部分,在視覺上沿用網(wǎng)站的配色,在視覺元素和品牌化上,同樣不能失去應(yīng)有的調(diào)性。只有這樣,用戶才不會在瀏覽頁腳的時候感到迷惑。頁腳的元素和元素之間留有足夠多的空間,確保整體的舒適感。
第四、包含用戶期望的信息
絕大多數(shù)的用戶對于網(wǎng)頁頁腳中所呈現(xiàn)的信息,是有所期待的,將用戶期望的信息包含在其中,可以讓它的可用性更強(qiáng)。雖然并非所有的元素都需要包含在網(wǎng)頁頁腳當(dāng)中,但是下面所列舉出來的元素,應(yīng)該覆蓋了絕大多數(shù)的用戶需求:網(wǎng)站地圖或者拓展導(dǎo)航,聯(lián)系信息,地址或者地圖,社交媒體鏈接,電子郵件訂閱信息,搜索,關(guān)于我,獲獎情況或者證明,還有一些其他的小元素或者功能控件可以放到其中,但是用戶并非需要全部的元素,他們所需要的通常是其中的一部分,絕大多數(shù)是關(guān)于網(wǎng)站本身的一些信息。
第五、保持對比度
需要保有足夠功能性的頁腳,應(yīng)當(dāng)確保它們能和上方的內(nèi)容之間構(gòu)成對比,從而形成視覺上的差異,脫穎而出。頁腳應(yīng)當(dāng)是整個設(shè)計當(dāng)中的一部分,同時也應(yīng)當(dāng)具備足夠視覺差異性,便于用戶理解它的功能和存在。在視覺上建立這種對比,最常用的方法是將頁腳至于特定的 UI容器當(dāng)中,比如彩色的區(qū)塊或者框當(dāng)中,通過背景色彩和上方的內(nèi)容進(jìn)行區(qū)別。許多以淺色背景的網(wǎng)站,會在頁腳的部位采用深色的背景。這種額外的視覺對比的功能性是很明顯的,用戶會在看到頁腳的時候因為差異而注意到并思考其功能,它是足夠強(qiáng)大的視覺線索,并且在整個設(shè)計中創(chuàng)造出方向感和可用性。
第六、足夠的留白
緊密的文本是用戶瀏覽和交互的大敵,保持足夠的呼吸感,不僅能夠確保視覺上的舒適,而且在功能上也有保障,用戶交互也更加方便??臻g排版布局的規(guī)則,同樣適用于頁腳的布局設(shè)計,千萬不要覺得它只是裝飾性的,并不是「能看就行」。如果頁腳的設(shè)計可用性差,就不好了。你可以借助熱點圖等方式來確定用戶對于各個模塊的點擊率和效果,在此基礎(chǔ)上來進(jìn)行優(yōu)化。
用戶會發(fā)現(xiàn)不必要的遲緩以及沒有響應(yīng)的程序不可用。對于每一個性能會成為問題的功能特性來說,應(yīng)當(dāng)首先理解你的用戶的目標(biāo)和期望,然后選擇能夠達(dá)成其目標(biāo)的最輕量級的設(shè)計。超過 10 秒的任務(wù)需要更多的信息反饋,并應(yīng)當(dāng)能夠被取消。記住用戶對于速度的感知和實際速度一樣重要,而且速度的感知主要決定于程序多快能夠響應(yīng)。
網(wǎng)站建設(shè)中超實用的網(wǎng)頁頁腳設(shè)計方法由眾合長春網(wǎng)站建設(shè)公司為您提供,更多內(nèi)容:http://newenglandjobsearch.com
相關(guān)鏈接:長春網(wǎng)站建設(shè),長春網(wǎng)站制作,長春網(wǎng)站設(shè)計,長春做網(wǎng)站,長春建網(wǎng)站,長春網(wǎng)站公司,長春網(wǎng)絡(luò)公司,http://newenglandjobsearch.com