12.25日(rì)音(yīn)訊,闡論網站(zhàn)©€±建設細節之返回頂部按鈕。這(zhè)是(shì)一($δσ∏yī)個(gè)設計(jì)的(de)細節、體(tǐ)驗的(de)細節©αγ•,但(dàn)表現(xiàn)出的(de)₩≤δσ意義卻是(shì)這(zhè)個(gè)功能(néγ₽ng)真的(de)是(shì)用(yòng)戶需求嗎(ma)?是(shì)不™∏(bù)是(shì)某個(gè)産品設計(jì)師(shΩ>÷ī)YY出來(lái)的(de),繼而各個(gè)平台互相(xi±γàng)抄襲,形成了(le)一(yī)股&ldqu↕¶o;「返回頂部」的(de)按鈕”的(de)" 風(fēng)暴,它存在的(de)意義在哪兒(ér)?
下(xià)面是(shì)在網上(shàng)搜集的σ←$π(de)關于「返回頂部」按鈕的(de)討(tǎo)論:
問(wèn)題:國(guó)外(wài)的(de)很(hěn)多(↕★duō)網站(zhàn),即使很(hěn)多(duō)時(shí)候頁面會→ (huì)拉的(de)很(hěn)長(cháσ>ng),也(yě)沒有(yǒu)「返回頂部」這(✔↑zhè)個(gè)按鈕
Q1:這(zhè)個(gè)問(wèn"≥®✘)題單獨抽出來(lái)本身(shēn)就(jiù)有(yǒu)問↕ ↓(wèn)題。割裂了(le)具體(tǐ)環境如(rú)何能(néng✔∞ )判斷“返回頂部”按鈕好(hǎo)還(h γφ₩ái)是(shì)壞呢(ne)?
不(bù)是(shì)所有(yǒu)<'頁面很(hěn)長(cháng)的(de)網站(z♦↓hàn)都(dōu)需要(yào)返回頂部。關鍵看(kàn)這(α≠zhè)個(gè)網站(zhàn)的(de)布局如(rúβ¶&)何,返回頂部做(zuò)什(shén)麽,需不(bù)需要"♣(yào)時(shí)常返回頂部。
有(yǒu)些(xiē)網站(zhàn)本身(shēnπ→)就(jiù)有(yǒu)相(xiàng)對(duì)✘β屏幕定位的(de)菜單,已經可(kě)以解決各種跳(tiào≠©σ₽)轉,即便頁面很(hěn)長(cháng)也(yě)∑>≤★不(bù)需要(yào)返回頂部。比如(rú)goog≈¥le圖片搜索。鼠标移動去(qù)點LOGOγ刷新頁面和(hé)點返回頂部按鈕的(de)距離(®∑lí)差不(bù)多(duō)。
有(yǒu)些(xiē)網站(zhàn)頂部并無關鍵的(d ₹♥e)操作(zuò)按鈕。比如(rú)所有(yǒu)菜δ♠δ單鏈接、發微(wēi)博框什(shén)麽的(de)。返回頂部幹什(s€∏ hén)麽去(qù)。
有(yǒu)些(xiē)網站(zhàn)局部內(nè♥→>¶i)容有(yǒu)折疊展開(kāi)按鈕,內(nèi≥)容長(cháng)折起來(lái)就(jiù≈ ✔☆)是(shì)了(le),不(bù)用(yòng)特意返回頂部±§。
另外(wài)不(bù)排除有(yǒu)些(•≠xiē)網站(zhàn)就(jiù)是(shì)希望你(nǐ)多δ∞(duō)看(kàn)幾遍,不(bù)要(yào)走。希§®ελ望你(nǐ)慢(màn)慢(màn)滾滾動條,慢✘←φ(màn)慢(màn)看(kàn)。
還(hái)要(yào)說(shuō)±•×明(míng)的(de)是(shì),很(hěn)多(duō)國(g✔<§¶uó)外(wài)網站(zhàn)都(d φōu)有(yǒu)返回頂部鏈接。并不(bù)是(shì)都(dōu)沒₹♥有(yǒu)。
最後還(hái)有(yǒu)一(yī)個(gè)操作(zuòλ&✔β)習(xí)慣問(wèn)題。比如(rú)我個(gè)人€α∏←(rén)習(xí)慣鍵盤PageUp,PageD↑own,Home,End。速度還(hái₩×)快(kuài)些(xiē)。返回頂部按鈕就(jiù)是(shì)無用(y₩←♦"òng)的(de)。
電(diàn)腦(nǎo)屏幕和(hé)手機(jī)也(πδ yě)不(bù)一(yī)樣。
Q2:那(nà)個(gè)啥…&™↓•hellip;區(qū)域差别應該算(suàn)一(yī)點, ∞還(hái)有(yǒu)就(jiù)是(shì)習(∞λ♣xí)慣問(wèn)題
中國(guó)人(rén)已經習(xí)慣®♦≥↕有(yǒu)這(zhè)種auto的(d•&σe)方式去(qù)返回,其實國(guó)外(≥♣£wài)有(yǒu)很(hěn)多(duō)用(yòng)戶習(xíε§♥φ)慣跟國(guó)內(nèi)不(bù)一(yī)樣,也(§↔§'yě)不(bù)是(shì)很(hěn)↓←好(hǎo)的(de)用(yòng)戶體(tǐ↓ )驗。這(zhè)個(gè)“返回頂部&₽↓÷rdquo;我覺得(de)還(hái)是(sh₽×★&ì)比較好(hǎo)滴~
Q3:其實返回頂部的(de)按鈕,設計(Ω π jì)的(de)初衷是(shì)為(wèi)了(le)用(yòng)戶看(k™₹<àn)完了(le)當頁的(de)所有(yǒu)內(nèi)容,需要(yào™∏∞)更換頻(pín)道(dào)或更換其他(tā)頁面的(d§≈e)需求時(shí),返回頂部點擊“首頁₽”“私信”什(sh≈↕↕én)麽的(de)快(kuài)捷鍵,如(rú)果取消返回δ™βΩ頂部,用(yòng)戶需要(yào)手動拉滾動條或鼠标滾輪,對(÷π☆duì)于用(yòng)戶的(de)&ld©♣→≥quo;懶”是(shì)一(yī)種考∑ ♠驗,如(rú)果将網站(zhàn)的(de)h≈>>₽eader固定到(dào)浏覽器(qì)頂部,沒有(yǒu)&$β♣ldquo;返回頂部”也(yě)挺好(hǎo)。
老(lǎo)外(wài)沒有(yǒu)返回頂部,我想是(shδ↔ì)兩方面考慮:
首先,他(tā)們希望閱讀(dú)是(shì)從(cóng)上(shàn&×g)之下(xià)的(de),不(bù)需要(y€"×ào)打擾。就(jiù)像你(nǐ)看(kàn)一(yī)本書(s ¶®≈hū),不(bù)是(shì)說(shuō)看(kàn)完一♦→↔(yī)章(zhāng),還(hái)要(yào)重新回到(dào)目錄σ↑,選擇下(xià)一(yī)章(zhāng),直接翻頁看(kπ<àn)就(jiù)好(hǎo)了(le)。
其次,閱讀(dú)完畢,點擊固定的(de)hλ←"eader,不(bù)用(yòng)返回頂部再點啦。
老(lǎo)外(wài)沒有(yǒuδ≥'β)返回頂部,header也(yě)不(bù)固定的(de),用(yòng)戶體★&'∑(tǐ)驗肯定不(bù)好(hǎo),不(bù¶§)過,蘋果的(de)機(jī)器(qì),觸÷ε€₹摸闆向上(shàng)一(yī)拉,回頂部并不(bù)麻煩。
Q4:其實很(hěn)少(shǎo↑•)會(huì)有(yǒu)人(rén)去(qù)用(→®yòng)那(nà)個(gè)按鈕的(de),有(yǒu)些∑ε×(xiē)是(shì)忽略了(le),因為(wèi)過多(dσ ☆→uō)關注內(nèi)容部分(fēn)了(le);有(y↓∑ ǒu)些(xiē)是(shì)習(xí)慣,↓→怎麽下(xià)來(lái)的(de),就(jiù)怎麽上(sβ∑σ≤hàng)去(qù),上(shàng)去(qù)的(de¥λ∑)過程中還(hái)可(kě)以對(duì)重點內(nèi)容重複閱讀(dú)÷↑<一(yī)遍;