首頁 培訓網 最新資訊 熱門問答

網頁設計

13013833891 免費試聽 在線客服

您的位置: 蘇州培訓網 > 網頁設計培訓資訊 > 蘇州網頁設計的用戶體驗

蘇州網頁設計的用戶體驗

來源:教育聯展網 | 發(fā)布時間: | 編輯:佚名

網站中的內容再好,總得讓用戶能看到,才有價值,而矛盾在于,首屏的空間始終是有限的。所以,我們總希望用戶能夠滾動頁面向下看,從某種意義上來說,長滾動頁面和無限滾動的設計,如此地受歡迎,就是因為它貼合了用戶下意識滾動瀏覽的習慣,也符合內容的創(chuàng)建者希望被用戶看到的需求。

蘇州網頁設計的用戶體驗


滾動是用戶交互中**基礎、**核心的部分,創(chuàng)造良好的滾動體驗只是網頁設計的基礎,內容的設計,多媒體和動效的加入,都是為了圍繞著同一個目的而運作的:讓用戶瀏覽下去。

網頁設計的用戶體驗

網站中的內容再好,總得讓用戶能看到,才有價值,而矛盾在于,首屏的空間始終是有限的。所以,我們總希望用戶能夠滾動頁面向下看,從某種意義上來說,長滾動頁面和無限滾動的設計,如此地受歡迎,就是因為它貼合了用戶下意識滾動瀏覽的習慣,也符合內容的創(chuàng)建者希望被用戶看到的需求。

一般而言,依托滾動交互的頁面,同樣多的內容,在小屏幕上需要滾動的距離更長,同時,它們也需要設計師提供更優(yōu)秀、可用性更強的導航和輔助元素,甚至借助動效等元素來引導用戶滾動瀏覽。

如果你希望你的網頁更能吸引用戶滾動,那么下面的5種策略,應該能夠幫你向著你想要的目標,更進一步。

1、一開始就提供有趣的內容

盡管許多用戶習慣于在頁面加載的時候就開始滾動,但是首屏的內容對于用戶決策的影響是至關重要的。首屏內容的好壞, 會讓用戶對于后續(xù)的內容的期待有明顯的影響,如果首屏內容足夠有趣,用戶會主動向下滾動,并且希望看到同樣有意思的內容。

所以,作為整體設計的一部分,設計師應當盡量讓用戶感興趣的內容置于首屏,傳遞給用戶一種信息,就是后面的內容同樣有趣。

在設置內容的時候,盡量為用戶提供:

- 有趣的元素和內容(吸引用戶注意力的內容和信息)
- 引人入勝的圖片或視頻(用戶會密切關注這類視覺信息)

2、給用戶以視覺線索

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

視覺線索的呈現方式有不少,上述的明示如果不夠“優(yōu)雅”的話,你可以試著讓下方的內容在首屏上露個頭,讓用戶明白下方有更多,也不錯。

3、保持導航可見

導航是網站的重要組成部分,它能成就一個網站的好體驗,也能毀掉它。而在設計網頁的時候,**大的風險之一,就是可用性低的導航設計,導致用戶在使用過程中迷失。通常,這種設計會讓用戶感到挫敗感。所以,盡量使用懸浮置頂的導航欄,或者固定式的導航欄,一方面讓用戶始終明白自己所處的位置,另一方面也方便用戶跳轉到其他的位置。

當為移動端進行設計的時候,需要注意的是導航會不會占據太大的空間,比較合理的策略是讓導航在滾動的時候隱藏,當準備回到頂部或者停下的時候顯現。

4、加入動效提升參與感

以視差滾動為代表的動畫特效是讓用戶滾動瀏覽更加有趣的一種設計技巧,同時它**有趣的設計,吸引用戶不停滾動下去,讓用戶始終處于探索“接下來還有什么”的過程中。

考慮到頁面常常被設計成不同的區(qū)塊,可以將富有創(chuàng)意的動效到不同的區(qū)塊當中,讓用戶在不斷滾動當中,沿著設計好的路徑來瀏覽。

視差滾動是目前**流行的特效之一,設計師可以借助元素移動速度差來創(chuàng)造深度和沉浸感。當用戶在平滑的滾動瀏覽內容的時候,視差特效所創(chuàng)造出的沉浸感能夠讓用戶有身臨其境的感覺。

5、避免滾動劫持

滾動劫持這個概念并不難理解,瀏覽器本身的滾動機制被替代,用戶無法按照他們預期的、習慣的方式來滾動瀏覽,有的時候這種狀況是設計師刻意營造的瀏覽效果,但是并不一定能給用戶以好的體驗,至少多數時候是超出用戶預期并且難以控制的。滾動劫持這種狀況要盡量避免。

結語

滾動是用戶交互中**基礎、**核心的部分,創(chuàng)造良好的滾動體驗只是網頁設計的基礎,內容的設計,多媒體和動效的加入,都是為了圍繞著同一個目的而運作的:讓用戶瀏覽下去。只有讓用戶接收到信息,它們的價值才能傳遞出去。



立刻咨詢,領取限量報班資格

咨詢聯系方式:13777371146(莊老師)或者QQ:1073963412 還可以直接在線咨詢

想了解更多蘇州網頁設計培訓班相關信息,記得在線留言哦!


更多課程推薦:蘇州網頁設計輔導培訓  蘇州網頁設計培訓班

熱門機構推薦
網頁設計

免費體驗課開班倒計時

11: 41: 09

稍后會有專業(yè)老師給您回電,請保持電話暢通

咨詢電話:13013833891

本周熱門資訊

全國分站 熱門機構

北京網頁設計培訓 上海網頁設計培訓 廣州網頁設計培訓 深圳網頁設計培訓 杭州網頁設計培訓 蘇州網頁設計培訓 南京網頁設計培訓 天津網頁設計培訓 佛山網頁設計培訓 南寧網頁設計培訓 長沙網頁設計培訓 重慶網頁設計培訓 太原網頁設計培訓 青島網頁設計培訓 寧波網頁設計培訓 鄭州網頁設計培訓 西安網頁設計培訓 廈門網頁設計培訓 武漢網頁設計培訓 成都網頁設計培訓 無錫網頁設計培訓 濟南網頁設計培訓 昆明網頁設計培訓 貴陽網頁設計培訓 揚州網頁設計培訓 徐州網頁設計培訓 珠海網頁設計培訓 合肥網頁設計培訓 長春網頁設計培訓

德方培訓武漢絲路教育石家莊天琥培訓中心青島天琥設計

申請試聽名額

已有10254人申請免費試聽

01電話咨詢 | 13013833891

QQ:1413838287
加盟合作:0755-83654572

今日已有25人申請,本月限額500