推薦連結: 進修 英文 課程

 

在網頁設計中,滾動似乎是網站的一個非常基本的功能。雖然網站有基本的功能,但在你的網站上滾動可以使用戶受益並吸引用戶,從而將他們推向競爭對手的網站。

有些網站使用“無限”滾動,你滾動到一個長主頁的底部,只看到滾動條跳轉到更多內容的底部,然後跳回到其軌道的中間。這種滾動在某些情况下可能有效,但它會讓用戶更加沮喪。本期《高端網站定制角度》讓您認識到滾動在哪裡起作用,應該使用哪種類型。


網頁設計

複雜性要求簡單

網站比以往任何時候都更加强大和豐富,囙此網頁設計師們想出了一種新的方法,在不淹沒用戶的情况下,用資訊填充荧幕。鑒於移動設備用戶數量超過桌上型電腦用戶,這一點現在尤其如此。設計師必須在一個相對較小的荧幕上放置大量內容,這需要一定程度的滾動。平鋪的思想是創建小尺寸的內容(通常是指向更詳細內容的互動式連結),以便快速高效地導航。將此概念與滾動相結合,您可以為用戶提供看似無盡的內容流。滾動在移動設備上也很有吸引力。滑動手指是一個簡單,容易但精確的動作。用戶可以快速學習如何快速或緩慢地滑動到頁面底部,以獲得下一個相關內容。

滾動式

根據你的品牌形象和客戶群,你的網站上應該顯示的滾動類型會有所不同。在决定使用哪種方法時,請考慮該方法將如何與您提供的內容互動。滾動有三種基本類型:

1長卷

長滾動的優點是可以創建一個無縫內容的頁面。這為用戶提供了流暢、線性的瀏覽體驗,自然有助於講故事。當用戶滾動時,他們可以自然地吸收更多的故事,從而提供更具沉浸感的瀏覽體驗。許多網站選擇長時間滾動一個頁面,但這種配寘的主要缺點是它可能會損害網站的搜尋引擎優化。有多個頁面的網站往往在搜尋引擎優化方面表現更好。

2固定長輥

固定的長滾動配寘不會滾動整個頁面,但會使某些內容保持靜態,而其他內容則會滾動。或者您可以設定滾動,以便當用戶到達某個點時,靜態內容將移動到新的部分。這對於那些由於SEO問題而不想轉換為單個頁面的網站非常有用。

三。無限滾動

對於提供大量內容的網站,一次可能會在一個頁面上加載過多的內容。有了無限的滾動設定,你實際上可以創建節奏。大多數社交媒體(如Facebook、Tumblr和imagine)都配寘為無限滾動。這允許用戶不斷瀏覽新內容。

滾動最佳實踐

你在網頁設計中使用的滾動類型應該取決於你的內容。滾動的基本功能是允許用戶根據需要或多或少地消化您的內容,囙此根據您的產品定制體驗非常重要。內容豐富的網站可能需要調查無限長的滾動條。這種方法適用於社交媒體,尤其是在移動平臺上,因為在一個頁面上沒有太多東西可以消化,試圖讓每個人都在一個頁面上是不切實際和不參與的。讓內容决定滾動的長度。您也可以使用簡單的按鈕來修剪滾動條(滾動更多或查看更多)。允許用戶决定是否繼續瀏覽,不僅可以加快頁面的加載速度,還可以讓用戶出於人類的好奇心點擊更多次。

你的用戶數據會告訴你很多關於你的用戶如何與你的網站互動,以及你是否應該重新考慮滾動配寘。當用戶訪問你的頁面時,他們首先看到的是頂部。用戶可以在下麵按一下的視圖數(稱為分析)和用戶可以在底部按一下的視圖數稱為“分析”。此指示器告訴您當前的滾動設定和網站佈局是否鼓勵用戶繼續向下滾動以查看您提供的內容。

粘性導航是一個很好的工具

無論你為你的網站選擇什麼類型的滾動,粘滯導航都是一個很好的方法來保持用戶在瀏覽你的網站時的控制。考慮一個基於網站的電子郵件用戶端,比如Gmail:你可以向下滾動收件箱,但荧幕左側的工具列上有一些按鈕,用於在帳戶之間切換或訪問不同的資料夾。用戶可以在業餘時間滾動,但他們總是可以選擇跳到確切的部分。

arrow
arrow
    全站熱搜

    lingww 發表在 痞客邦 留言(0) 人氣()