網(wǎng)站設(shè)計5種確保用戶滾動的特別方法

2009-12-27 網(wǎng)頁設(shè)計

“首屈一指”的日子結(jié)束了。長滾動和無限滾動站點最近變得越來越流行，并且這種技術(shù)可以很好地轉(zhuǎn)換到移動設(shè)備上并非巧合。移動屏幕的增加使用無疑在長滾動技術(shù)的廣泛接受中起著關(guān)鍵作用：屏幕越小，滾動時間就越長。

長滾動為設(shè)計師打開了許多新的大門。但是，這種模式有其自身的缺點。它要求設(shè)計人員特別注意內(nèi)容，導航和動畫。

這里有5條提示，以確保您的長滾動符合用戶期望。

1.從一開始就提供有趣的內(nèi)容

盡管人們通常在頁面加載后立即開始滾動，但屏幕頂部可見部分中的內(nèi)容仍然非常重要。頁面頂部顯示的內(nèi)容會給您帶來初步印象并為您的用戶設(shè)置質(zhì)量期望。用戶可以滾動，但前提是他們進入頁面時看到的內(nèi)容很有希望。

為了確保人們能夠滾動瀏覽，您需要提供可使訪客保持興趣的內(nèi)容。因此，將您最引人注目的內(nèi)容放在頁面頂部：

提供有趣的事實（吸引游客并吸引他們注意的事實）
使用引人入勝的圖像（用戶密切注意包含相關(guān)信息的圖像和圖片）

2.為用戶提供視覺提示

有時，使用戶滾動的最佳方法是直接要求他們這樣做。只需告知用戶，大部分內(nèi)容即可在首屏中找到。細微的視覺提示（例如，指向屏幕外的箭頭或文本“向下滾動”）可以通知用戶以下內(nèi)容可用。

指向屏幕外的箭頭通知用戶大多數(shù)內(nèi)容將在下面進行布局。

3.保持導航選項始終可見

導航是網(wǎng)站用戶體驗的成敗方面。在設(shè)計中使用長滾動的最大風險之一是可能使用戶迷失方向。如果用戶向下滾動時導航欄失去可見性，那么當他們深入頁面內(nèi)時，他們將不得不一直向上滾動。通常，此行為使用戶感到困惑和沮喪。

解決此問題的明顯方法是使用粘性導航菜單，該菜單顯示當前位置并始終保持在屏幕上的同一位置。

持續(xù)可見的粘性導航的示例。

僅限移動設(shè)備：由于移動屏幕比桌面屏幕小得多，因此可見的導航欄會占據(jù)屏幕的相當大的一部分。解決小屏幕空間問題的一種方法是在用戶滾動查找新內(nèi)容時隱藏導航欄，并在用戶下拉菜單時使其可見以返回頂部。

4.使用功能動畫吸引訪問者

視差滾動和滾動激活動畫等創(chuàng)意效果可以吸引用戶進行更多滾動。他們將滾動變成更有趣的內(nèi)容，并讓用戶懷疑“接下來會發(fā)生什么？”

考慮將頁面分成可滾動的“塊”。在每個塊中，您可以通過創(chuàng)意動畫介紹內(nèi)容。當用戶滾動時，動畫會在創(chuàng)建內(nèi)容路徑時將其切換到下一個屏幕。

視差是另一種流行的動畫效果，可以改善滾動體驗。視差效果通過使背景圖像移動得比前景中的內(nèi)容慢，從而產(chǎn)生了深度和沉浸感的錯覺。當您的站點希望以流暢，線性的方式講述故事時，長滾動和視差效果可以創(chuàng)造出完全身臨其境的瀏覽體驗。

5.避免滾動劫持

網(wǎng)站設(shè)計制作劫持的網(wǎng)站可以控制滾動并覆蓋Web瀏覽器的基本功能。滾動劫持很糟糕，因為用戶不再完全控制頁面滾動并且無法預測其行為。出于敘事體驗，不應(yīng)破壞用戶對網(wǎng)站滾動交互的期望。

上一篇：網(wǎng)站設(shè)計更好的CTA按鈕的5種設(shè)計技術(shù) 返回觀點列表下一篇：網(wǎng)站制作的UX越慢越好

本文標簽：

本文地址： http://www.bmwdream.cn/a/709.html

相關(guān)專題

品牌官網(wǎng)設(shè)計
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標準為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導
查看詳情
集團/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團公司提供網(wǎng)頁設(shè)計、制作、開發(fā)服務(wù)，為集團公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因為派迪科技在這里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗、與客戶的持續(xù)溝通以及對每一個細節(jié)的關(guān)注，我們確保在快速的周期時間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情