您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

想讓用戶忍不住欣賞下去,這5種設(shè)計(jì)策略需謹(jǐn)記

網(wǎng)站中的內(nèi)容再好,總得讓用戶能看到,才有價(jià)值,而矛盾在于,首屏的空間始終是有限的。所以,我們總盼望用戶能夠滾動網(wǎng)頁向下看,從某種意義上來說,長滾動網(wǎng)頁和無窮滾動的設(shè)計(jì),如此地受迎接,就是由于它貼合了用戶下意識滾動欣賞的風(fēng)俗,也吻合內(nèi)容的創(chuàng)建者盼望被用戶看到的需求。

一樣平常而言,依托滾動交互的網(wǎng)頁,同樣多的內(nèi)容,在小屏幕上必要滾動的距離更長,同時,它們也必要設(shè)計(jì)師提供更良好、可用性更強(qiáng)的導(dǎo)航和輔助元素,甚至借助動效等元素來指導(dǎo)用戶滾動欣賞。

假如你盼望你的頁面更能吸引用戶滾動,那么下面的5種策略,應(yīng)該能夠幫你向著你想要的目標(biāo),更進(jìn)一步。

1、一開始就提供風(fēng)趣的內(nèi)容

盡管很多用戶風(fēng)俗于在網(wǎng)頁加載的時候就開始滾動,但是首屏的內(nèi)容對于用戶決策的影響是至關(guān)緊張的。首屏內(nèi)容的好壞, 會讓用戶對于后續(xù)的內(nèi)容的期待有顯明的影響,假如首屏內(nèi)容充足風(fēng)趣,用戶會自動向下滾動,并且盼望看到同樣故意思的內(nèi)容。

所以,作為團(tuán)體設(shè)計(jì)的一部分,設(shè)計(jì)師應(yīng)當(dāng)盡量讓用戶感愛好的內(nèi)容置于首屏,傳遞給用戶一種信息,就是后面的內(nèi)容同樣風(fēng)趣。

在設(shè)置內(nèi)容的時候,盡量為用戶提供:

·風(fēng)趣的元素和內(nèi)容(吸引用戶細(xì)致力的內(nèi)容和信息)
·引人入勝的圖片或視頻(用戶會密切關(guān)注這類視覺信息)

2、給用戶以視覺線索

有的時候,想讓用戶向下滾動可以直接告知用戶這么做。為用戶提供這方面的視覺線索,比如指向下方的箭頭,或者直接用文本寫上“Scroll Down”來告知用戶,更多的內(nèi)容在首屏之下。

視覺線索的呈現(xiàn)體例有不少,上述的明示假如不夠“優(yōu)雅”的話,你可以試著讓下方的內(nèi)容在首屏上露個頭,讓用戶曉暢下方有更多,也不錯。

3、保持導(dǎo)航可見

導(dǎo)航是網(wǎng)站的緊張組成部分,它能成就一個網(wǎng)站的好體驗(yàn),也能毀掉它。而在設(shè)計(jì)頁面的時候,最大的風(fēng)險(xiǎn)之一,就是可用性低的導(dǎo)航設(shè)計(jì),導(dǎo)致用戶在使用過程中迷失。通常,這種設(shè)計(jì)會讓用戶感到挫敗感。所以,盡量使用懸浮置頂?shù)膶?dǎo)航欄,或者固定式的導(dǎo)航欄,一方面讓用戶始終曉暢本身所處的位置,另一方面也方便用戶跳轉(zhuǎn)到其他的位置。

當(dāng)為移動端進(jìn)行設(shè)計(jì)的時候,必要細(xì)致的是導(dǎo)航會不會占有太大的空間,比較合理的策略是讓導(dǎo)航在滾動的時候隱蔽,當(dāng)預(yù)備回到頂部或者停下的時候展現(xiàn)。

4、加入動效提拔參與感

視差滾動為代表的動畫殊效是讓用戶滾動欣賞更加風(fēng)趣的一種設(shè)計(jì)技巧,同時它通過風(fēng)趣的設(shè)計(jì),吸引用戶一直滾動下去,讓用戶始終處于探索“接下來還有什么”的過程中。

考慮到網(wǎng)頁常常被設(shè)計(jì)成不同的區(qū)塊,可以將富有創(chuàng)意的動效到不同的區(qū)塊當(dāng)中,讓用戶在賡續(xù)滾動當(dāng)中,沿著設(shè)計(jì)好的路徑來欣賞。

視差滾動是目前最流行的殊效之一,設(shè)計(jì)師可以借助元素移動速度差來創(chuàng)造深度和沉浸感。當(dāng)用戶在平滑的滾動欣賞內(nèi)容的時候,視差殊效所創(chuàng)造出的沉浸感能夠讓用戶有身臨其境的感覺。

5、避免滾動劫持

滾動劫持這個概念并不難理解,欣賞器自己的滾動機(jī)制被替換,用戶無法按照他們預(yù)期的、風(fēng)俗的體例來滾動欣賞,有的時候這種狀態(tài)是設(shè)計(jì)師刻意營造的欣賞結(jié)果,但是并不肯定能給用戶以好的體驗(yàn),至少多數(shù)時候是超出用戶預(yù)期并且難以控制的。滾動劫持這種狀態(tài)要盡量避免。

結(jié)語

滾動是用戶交互中最基礎(chǔ)、最核心的部分,創(chuàng)造優(yōu)秀的滾動體驗(yàn)只是頁面設(shè)計(jì)的基礎(chǔ),內(nèi)容的設(shè)計(jì),多媒體和動效的加入,都是為了圍繞著統(tǒng)一個目的而運(yùn)作的:讓用戶欣賞下去。只有讓用戶接收到信息,它們的價(jià)值才能傳遞出去。


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di3916.html
輕松看懂規(guī)范!詳解組件控件結(jié)構(gòu)系統(tǒng)之導(dǎo)航類
如何設(shè)計(jì)問卷,才能收集到高質(zhì)量的數(shù)據(jù)?
圖趣網(wǎng)微信
建議反饋
×