2022-11-03 14:09:52|已瀏覽:133次
如何設計用戶喜歡的滾動頁面
如何設計用戶喜歡的滾動頁面:從某種意義上來說,長滾動頁面和無限滾動的設計,如此地受歡迎,是因為它貼合了用戶滾動瀏覽的習慣。今天小編主要給大家分享如何設計用戶喜歡的滾動頁面,希望對你們有幫助!
1. 一開始就提供有趣的內容
盡管許多用戶習慣于在頁面加載時就滾動頁面,但是首屏的內容對用戶決策的影響是至關重要的。首屏的質量將對后續內容的預期產生重大影響。如果首屏的內容足夠有趣,用戶就會主動向下滾動,希望看到同樣有趣的內容。
因此,作為整體設計的一部分,設計師應該在首屏上設計讓用戶感興趣的內容,并傳遞給用戶一條同樣有趣的消息。
在設置內容時,盡量為用戶提供:
(1)有趣的元素和內容。(吸引用戶注意力的內容和信息)
(2)精彩的圖片或視頻。(用戶會密切關注這些視覺信息)
2.給用戶一個直觀的提示
有時候,如果想讓用戶向下滾動,設計師可以直接告訴用戶,在這方面為用戶提供視覺線索,例如指向的指引箭頭,或者簡單地在文本中寫下“向下滾動”,以通知用戶下面有更多的內容。
呈現視覺線索的方法有很多,如果顯式的內容不夠“優雅”,可以嘗試讓下面的內容顯示在首屏上,讓用戶明白下面還有更多。
3.保持導航可見
導航是一個網站的重要組成部分,它能成就一個網站的良好體驗,也可以摧毀它。設計web頁面時最大的風險之一是可用性低導航設計,這會導致用戶在使用過程中會迷失方向。
通常,這種設計會讓用戶感到吃多白干,因此,嘗試使用懸浮制定的的導航欄,或者固定導航欄,一方面讓用戶始終知道自己在哪里,另一方面方便用戶跳轉到其它位置。
在為移動端設計時,需要注意導航會不會占用太多的空間,更合理的策略是讓導航在滾動時隱藏,當它準備回到頂部或停止時顯示出來。
4.加入動態效應,增強參與性
以視差滾動為代表的動畫特效是一種設計技巧,它允許用戶滾動瀏覽更有趣的設計,同時,吸引用戶不斷往下滾動瀏覽,讓用戶始終處于探索“下一步還會發生什么”的過程中。
考慮到頁面常常被設計成不同的區塊,創造性的效果可以移動到不同的區塊中,讓用戶在精心設計的路徑中滾動瀏覽。
視差滾動是目前最流行的特效之一,設計師可以根據元素移動速度的不同來創建深度和沉浸感。當用戶平滑地滾動內容時,視差效應產生的沉浸感會給用戶一種身臨其境的感覺。
5.避免滾動劫持
滾動劫持的概念并不難理解,瀏覽器本身的滾動機制被替換,用戶無法按照他們期望習慣的方式滾動頁面。
有時這種情況是設計師故意創造的瀏覽效果,但它并不是一定能給用戶一個很好的體驗,至少大部分時間是超出用戶的預期,滾動劫持這種情況應該盡可能避免使用。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-66086.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050
姓名:
手機:
地區: