**中的內容再好,總得讓使用者能看到,才有價值,而矛盾在於,首屏的空間始終是有限的。所以,我們總希望使用者能夠滾動頁面向下看,從某種意義上來說,長滾動頁面和無限滾動的設計,如此地受歡迎,就是因為它貼合了使用者下意識滾動瀏覽的習慣,也符合內容的建立者希望被使用者看到的需求。一般而言,依託滾動互動的頁面,同樣多的內容,在小螢幕上需要滾動的距離更長,同時,它們也需要設計師提供更優秀、可用性更強的導航和輔助元素,甚至借助動效等元素來引導使用者滾動瀏覽。如果你希望你的網頁更能吸引使用者滾動,那麼下面的5種策略,應該能夠幫你向著你想要的目標,更進一步。
1、一開始就提供有趣的內容
儘管許多使用者習慣於在頁面載入的時候就開始滾動,但是首屏的內容對於使用者決策的影響是至關重要的。首屏內容的好壞, 會讓使用者對於後續的內容的期待有明顯的影響,如果首屏內容足夠有趣,使用者會主動向下滾動,並且希望看到同樣有意思的內容。
所以,作為整體設計的一部分,設計師應當盡量讓使用者感興趣的內容置於首屏,傳遞給使用者一種資訊,就是後面的內容同樣有趣。
在設定內容的時候,盡量為使用者提供:
·有趣的元素和內容(吸引使用者注意力的內容和資訊)
2、給使用者以視覺線索
有的時候,想讓使用者向下滾動可以直接告知使用者這麼做。為使用者提供這方面的視覺線索,比如指向下方的箭頭,或者直接用文字寫上「scroll down」來告知使用者,更多的內容在首屏之下。視覺線索的呈現方式有不少,上述的明示如果不夠「優雅」的話,你可以試著讓下方的內容在首屏上露個頭,讓使用者明白下方有更多,也不錯。
3、保持導航可見
導航是**的重要組成部分,它能成就乙個**的好體驗,也能毀掉它。而在設計網頁的時候,最大的風險之一,就是可用性低的導航設計,導致使用者在使用過程中迷失。通常,這種設計會讓使用者感到挫敗感。所以,盡量使用懸浮置頂的導航欄,或者固定式的導航欄,一方面讓使用者始終明白自己所處的位置,另一方面也方便使用者跳轉到其他的位置。當為移動端進行設計的時候,需要注意的是導航會不會佔據太大的空間,比較合理的策略是讓導航在滾動的時候隱藏,當準備回到頂部或者停下的時候顯現。
4、加入動效提公升參與感
以視差滾動為代表的動畫特效是讓使用者滾動瀏覽更加有趣的一種設計技巧,同時它通過有趣的設計,吸引使用者不停滾動下去,讓使用者始終處於探索「接下來還有什麼」的過程中。考慮到頁面常常被設計成不同的區塊,可以將富有創意的動效到不同的區塊當中,讓使用者在不斷滾動當中,沿著設計好的路徑來瀏覽。視差滾動是目前最流行的特效之一,設計師可以借助元素移動速度差來創造深度和沉浸感。當使用者在平滑的滾動瀏覽內容的時候,視差特效所創造出的沉浸感能夠讓使用者有身臨其境的感覺。
5、避免滾動劫持
滾動劫持這個概念並不難理解,瀏覽器本身的滾動機制被替代,使用者無法按照他們預期的、習慣的方式來滾動瀏覽,有的時候這種狀況是設計師刻意營造的瀏覽效果,但是並不一定能給使用者以好的體驗,至少多數時候是超出使用者預期並且難以控制的。滾動劫持這種狀況要盡量避免。
結語滾動是使用者互動中最基礎、最核心的部分,創造良好的滾動體驗只是網頁設計的基礎,內容的設計,多**和動效的加入,都是為了圍繞著同乙個目的而運作的:讓使用者瀏覽下去。只有讓使用者接收到資訊,它們的價值才能傳遞出去。
翻譯:優設網-陳子木
大連中鈺睿泓與你分享精品文章
忍不住回頭
午夜飛行 十九歲的最後一天 作詞 伊能靜 作曲 李正帆 那一年我們正迷惑 日子在無知中滑過 愛情,只牽牽手 書本變的好重 十九歲的年齡 本來就不太懂 對我們這群人來說 愛情要比汽水可口 一成不變的日子 我們從來不過 十九歲的年齡 本來就該揮霍 忽然之間就走過 十字頭的年齡沒留下什麼 二字頭的開始 我...
忍不住想念
學會放棄,在落淚以前轉身離去,留下簡單的背影 學會放棄,將昨天埋在心底,留下最美好的回憶 學會放棄,讓彼此都能有個更輕鬆的開始,遍體鱗傷的愛並不一定就刻骨銘心。與其許諾乙個沒有結果的未來,不如選擇乙個沒有開始的結束 如果不能給他乙個溫情的小屋,不如送他乙個翱翔的天空 如果不能給他乙個避風的港灣,不如...
忍不住的胡思亂想
我有一千個理由放棄世界。卻沒有乙個理由擁有世界。因為我放棄了世界。世界也不再想來召喚我。我不想有被背叛的感覺。我發過許許多多的誓。卻沒有幾個成立的。無疑的。人是善變的。我不敢想象我會多麼的狼狽。也不願意想象。時間在不斷的流逝。我不知道自己在流逝的時間內乾了什麼。因為忘記了。有些事情是永恆的。但有些事...