DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 設計的細節體驗的細節:返回頂部按鈕意義何在
設計的細節體驗的細節:返回頂部按鈕意義何在
編輯:關於網頁技巧     

國內的產品設計師/UI設計師們在設計稍長的網頁時,經常會加個「返回頂部」的按鈕,形式有固定在Bottom底部的,有飄浮的小圖片(居多)。

來看兩個示例圖:

圖1:新浪微博的返回頂部

圖2:騰訊微博的返回頂部

有多少人會去用“「返回頂部」的按鈕”呢?

這是一個設計的細節、體驗的細節,但表現出的意義卻是這個功能真的是用戶需求嗎?是不是某個產品設計師YY出來的,繼而各個平台互相抄襲,形成了一股“「返回頂部」的按鈕”的風暴,它存在的意義在哪兒?

下面是在網上搜集的關於「返回頂部」按鈕的討論:

問題:國外的很多網站,即使很多時候頁面會拉的很長,也沒有「返回頂部」這個按鈕

Q1:這個問題單獨抽出來本身就有問題。割裂了具體環境如何能判斷“返回頂部”按鈕好還是壞呢?

不是所有頁面很長的網站都需要返回頂部。關鍵看這個網站的布局如何,返回頂部做什麼,需不需要時常返回頂部。

有些網站本身就有相對屏幕定位的菜單,已經可以解決各種跳轉,即便頁面很長也不需要返回頂部。比如google圖片搜索。鼠標移動去點LOGO刷新頁面和點返回頂部按鈕的距離差不多。

有些網站頂部並無關鍵的操作按鈕。比如所有菜單鏈接、發微博框什麼的。返回頂部干什麼去。

有些網站局部內容有折疊展開按鈕,內容長折起來就是了,不用特意返回頂部。

另外不排除有些網站就是希望你多看幾遍,不要走。希望你慢慢滾滾動條,慢慢看。

還要說明的是,很多國外網站都有返回頂部鏈接。並不是都沒有。

最後還有一個操作習慣問題。比如我個人習慣鍵盤 PageUp,PageDown,Home,End。速度還快些。返回頂部按鈕就是無用的。

電腦屏幕和手機也不一樣。

Q2:那個啥……區域差別應該算一點,還有就是習慣問題

中國人已經習慣有這種auto的方式去返回,其實國外有很多用戶習慣跟國內不一樣,也不是很好的用戶體驗。這個“返回頂部”我覺得還是比較好滴~

Q3:其實返回頂部的按鈕,設計的初衷是為了用戶看完了當頁的所有內容,需要更換頻道或更換其他頁面的需求時,返回頂部點擊“首頁”“私信”什麼的快捷鍵,如果取消返回頂部,用戶需要手動拉滾動條或鼠標滾輪,對於用戶的“懶”是一種考驗,如果將網站的header固定到浏覽器頂部,沒有“返回頂部”也挺好。

老外沒有返回頂部,我想是兩方面考慮:

首先,他們希望閱讀是從上之下的,不需要打擾。就像你看一本書,不是說看完一章,還要重新回到目錄,選擇下一章,直接翻頁看就好了。

其次,閱讀完畢,點擊固定的header,不用返回頂部再點啦。

老外沒有返回頂部,header也不固定的,用戶體驗肯定不好,不過,蘋果的機器,觸摸板向上一拉,回頂部並不麻煩。

Q4:其實很少會有人去用那個按鈕的,有些是忽略了,因為過多關注內容部分了;有些是習慣,怎麼下來的,就怎麼上去,上去的過程中還可以對重點內容重復閱讀一遍;

就我個人,知道這個按鈕的功能,但也很少會用,記憶中只用過1、2次,所以沒有也罷,keep it simple and stupid。

注:本文部分內容來源於百度產品、知乎上的內容

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved