Godzilla. 2016-08-31
網(wǎng)站建設(shè)
滾動(dòng)式網(wǎng)頁(yè)設(shè)計(jì)的新規(guī)則
近年來(lái)隨著網(wǎng)絡(luò)用戶不斷增加,尤其移動(dòng)用戶數(shù)量的增加,網(wǎng)頁(yè)滾動(dòng)設(shè)計(jì)變成一個(gè)非常必要的、受用戶喜愛(ài)的設(shè)計(jì)。在這一塊,我們將探討滾動(dòng)頁(yè)面的一些優(yōu)點(diǎn)和缺點(diǎn),并列出了對(duì)技術(shù)的一些快速提示。
自從手機(jī)用戶已經(jīng)超過(guò)了臺(tái)式機(jī)用戶,UI設(shè)計(jì)處處都相應(yīng)調(diào)整。如此多的小屏幕用戶,使得滾動(dòng)變得更加必要的:較小的屏幕,需要更長(zhǎng)的滾動(dòng)。事實(shí)上,根據(jù)實(shí)際的研究,用戶真的不介意滾動(dòng)。
滾動(dòng)是否適合您?
滾動(dòng)的優(yōu)點(diǎn):
鼓勵(lì)互動(dòng):不斷變化的元素永遠(yuǎn)不變的刺激著用戶的眼睛,尤其是視差滾動(dòng)。
更快:滾動(dòng)相比于點(diǎn)擊復(fù)雜的導(dǎo)航路徑,速度更快,也不會(huì)限制用戶體驗(yàn)。作為交互設(shè)計(jì)的最佳實(shí)踐,滾動(dòng)設(shè)計(jì)更快速的瀏覽到內(nèi)容。
引誘用戶:易用性促進(jìn)用戶互動(dòng),增加網(wǎng)站停留時(shí)間。
響應(yīng)式設(shè)計(jì):滾動(dòng)式網(wǎng)頁(yè)設(shè)計(jì)可以在不同的屏幕尺寸和設(shè)備中簡(jiǎn)化差異。
手勢(shì)控制:向下滑動(dòng)比在屏幕的不同導(dǎo)航欄重復(fù)點(diǎn)擊容易得多。用戶(尤其是移動(dòng))通常接受這樣的一種方式來(lái)顯示信息。
滾動(dòng)的缺點(diǎn):
倔強(qiáng)的用戶:有些用戶總是抗拒改變。盡管如此,該技術(shù)是現(xiàn)在非常普遍的(特別是在移動(dòng)體驗(yàn))。
SEO的缺點(diǎn):由于只有一個(gè)頁(yè)面可能會(huì)對(duì)網(wǎng)站的SEO產(chǎn)生負(fù)面影響。
迷失方向:導(dǎo)航困難,滾動(dòng)和內(nèi)容之間不能自由返回閱讀過(guò)的內(nèi)容,可能會(huì)造成用戶的離開(kāi)。
網(wǎng)站速度:大塊內(nèi)容如視頻或大尺寸圖像可以將網(wǎng)站速度變慢,尤其是對(duì)視差滾動(dòng)網(wǎng)站,這依賴于Javascript和jQuery的。
沒(méi)有頁(yè)腳:懷著無(wú)限滾動(dòng)的網(wǎng)站,專業(yè)建站網(wǎng)站摩恩網(wǎng)絡(luò)設(shè)計(jì)師建議在設(shè)計(jì)滾動(dòng)頁(yè)面時(shí)可以使用“粘性”頁(yè)腳,這樣你就不會(huì)讓用戶看不到頁(yè)腳。
滾動(dòng)最佳實(shí)踐
通過(guò)一些嘗試和實(shí)踐得出結(jié)論,不要害怕與短長(zhǎng)滾動(dòng)交替,使用較短的滾動(dòng)網(wǎng)頁(yè)和長(zhǎng)滾動(dòng)登陸頁(yè)面是完全可以的??紤]粘性導(dǎo)航,讓用戶可以隨時(shí)“找回”頁(yè)腳。你也可以做一些調(diào)查研究,看看用戶是如何與滾動(dòng)互動(dòng)的。
小屏幕需要更多的滾動(dòng)。交互設(shè)計(jì)是長(zhǎng)期滾動(dòng)的網(wǎng)站設(shè)計(jì)的基礎(chǔ)。如果用戶喜歡該網(wǎng)站界面,發(fā)現(xiàn)它是直觀和有趣的,那么他們將不會(huì)介意滾動(dòng)的長(zhǎng)度(只要它不是非常長(zhǎng))。滾動(dòng)可以是一把雙刃劍,所以堅(jiān)持到建議的使用情況,以避免它做弊大于利。
文章標(biāo)簽:
滾動(dòng)式 網(wǎng)頁(yè)設(shè)計(jì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高,我想投身于網(wǎng)站行業(yè)中,一展所長(zhǎng),為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論: