關(guān)于滾動下滑轻腺,我有話說

Rodrigo Muniz對于網(wǎng)頁指引用戶滾動有些獨到的見解乐疆。

翻譯:勵定洲

現(xiàn)在有很多網(wǎng)站使用一些無邊框的、看起來高大上的圖片來鋪滿整個頁面贬养,而且似乎有一大幫受眾都很吃這一套挤土。

但是并不是所有人都喜歡這種設(shè)計的。煤蚌。呃耕挨,為啥呢?

我只是想問一句尉桩,為啥子你要朝我吼,比如網(wǎng)頁上那個向下的箭頭贪庙?得了吧蜘犁,我知道怎么用我的電腦,OK止邮?我不是腦殘这橙,我靠滾動的方式瀏覽網(wǎng)頁已經(jīng)不是一兩年了。所以不要試圖教我怎么做导披!

解釋是愚者的行為 ——Milton Glaser

致設(shè)計師們

你們正在打斷用戶瀏覽網(wǎng)頁的邏輯過程屈扎,而緣由不過是一些最最基礎(chǔ)的交互動作。所有人都知道該怎么滾動頁面撩匕,而你們卻肆意破壞了這種心智模型鹰晨。難道你們不會睜大眼睛看看?哪里有被折疊的頁面止毕?所有東西都是平鋪展示的模蜡。這種設(shè)計的出發(fā)點就錯了,向下箭頭壓根不是個解決方案扁凛,而是不當(dāng)?shù)睦圪槨?/p>

用一個箭頭告訴用戶滾動網(wǎng)頁的行徑就好像在一個按鍵上標(biāo)注“點擊這里”那樣愚蠢忍疾。這不是設(shè)計,甚至不是藝術(shù)谨朝。正如我之前所說卤妒,你一試圖解釋就已經(jīng)敗了。

這樣的箭頭壓根沒有存在的意義字币,相反则披,它是一種懶惰和無用的解決方案,因為它正試圖強迫用戶去操作纬朝,而非和用戶溝通收叶。

“可是我的客戶希望要個全屏的大圖片!天哪我該怎么做共苛?

冷靜下來判没,我們都是設(shè)計師蜓萄,挑戰(zhàn)就是樂趣所在。

大量的調(diào)研表明當(dāng)用戶不知道可以下滑時是如何忽略你的內(nèi)容的澄峰,以及針對這個問題的解決方法嫉沽。即便使用一個下滑箭頭確實起到了不錯的效果,而對我來說那只不過是因為頁面對著用戶大叫“給我滑下去俏竞,傻瓜绸硕!”。換言之魂毁,它能解決問題玻佩,但是不能提供優(yōu)秀的體驗,

嘗試用一些微妙的動畫(我不是指那些動來動去的箭頭)

頁面上的動畫元素可以很好地幫助用戶留意到大圖下面是否還有內(nèi)容席楚。我不是說這是個萬金油的方案咬崔,但是動畫對我而言可能是解決此類問題優(yōu)先考慮的方案。

從第一個例子里可以看到烦秩,底部的內(nèi)容在頁面加載完初彈起又落下垮斯,直至消失于屏幕最底端,就好像在說:“嗨只祠,我在這里兜蠕,隨時來找我”。

如果你的網(wǎng)站使用了視差滾動抛寝,或許你可以再玩點更有意思的效果熊杨,這樣可以讓整個頁面的動畫看起來更具一致性。如果圖片在用戶滾動時縮小墩剖,那么它在頁面加載完底下內(nèi)容蹦出來時時也應(yīng)該有一樣的效果猴凹。

同樣地,如果你藏在首屏下的內(nèi)容不止一塊岭皂,那也可以整點新花樣郊霎。

不要把內(nèi)容藏起來

谷歌Fit在大的圓形圖表下露出小半截卡片幫助你了解可以滑動瀏覽更多。這是個很直觀和智慧的方式因為它不需要任何其它多余元素來說明爷绘,同時它能給予主視圖元素以足夠的空間书劝。

這并不是一個多么新穎的想法。在2006年土至,Jared Spool早就討論過此類設(shè)計购对。

在網(wǎng)頁中,你也同樣可以采用類似的戲法:讓首屏大圖只顯示90%的窗口高度陶因。

我們還降低底下冒尖的內(nèi)容的透明度骡苞,這樣用戶的注意力就能更聚焦在首屏上。

關(guān)于底部內(nèi)容的透明度我有話說。解幽。如果透明度太低那也不中贴见,而且最關(guān)鍵的是別忘了當(dāng)用戶向下滾動網(wǎng)頁或試圖與這些內(nèi)容產(chǎn)生交互動作時讓透明度回歸100%。

“簡化”是個大課題躲株,正如我們都知道的片部。然而有時候看起來簡單的解決方法不過是懶惰的體現(xiàn)。有的東西看起來容易設(shè)計霜定,實則無意義于使用档悠。


請向我保證下次別在你的網(wǎng)站中出現(xiàn)向下箭頭了,好嗎望浩?

原文鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末辖所,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子曾雕,更是在濱河造成了極大的恐慌奴烙,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件剖张,死亡現(xiàn)場離奇詭異,居然都是意外死亡揩环,警方通過查閱死者的電腦和手機搔弄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來丰滑,“玉大人顾犹,你說我怎么就攤上這事“” “怎么了炫刷?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長郁妈。 經(jīng)常有香客問我浑玛,道長,這世上最難降的妖魔是什么噩咪? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任顾彰,我火速辦了婚禮,結(jié)果婚禮上胃碾,老公的妹妹穿的比我還像新娘涨享。我一直安慰自己,他們只是感情好仆百,可當(dāng)我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布厕隧。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吁讨。 梳的紋絲不亂的頭發(fā)上髓迎,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天,我揣著相機與錄音挡爵,去河邊找鬼竖般。 笑死,一個胖子當(dāng)著我的面吹牛茶鹃,可吹牛的內(nèi)容都是我干的涣雕。 我是一名探鬼主播,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼闭翩,長吁一口氣:“原來是場噩夢啊……” “哼挣郭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起疗韵,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤兑障,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蕉汪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體流译,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年者疤,在試婚紗的時候發(fā)現(xiàn)自己被綠了福澡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡驹马,死狀恐怖革砸,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情糯累,我是刑警寧澤算利,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站泳姐,受9級特大地震影響效拭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜仗岸,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一允耿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧扒怖,春花似錦较锡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽低散。三九已至,卻和暖如春骡楼,著一層夾襖步出監(jiān)牢的瞬間熔号,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工鸟整, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留引镊,地道東北人。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓篮条,卻偏偏與公主長得像弟头,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子涉茧,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫赴恨、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,064評論 4 62
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,770評論 25 707
  • 日記一樣的伴栓,記錄一下我的學(xué)生之一小雪的思維導(dǎo)圖之路伦连,這孩子太搞笑了,自從有了她钳垮,再也不用擔(dān)心課上犯困了...只要擔(dān)...
    董季節(jié)閱讀 5,924評論 2 1
  • 閱讀及筆記時間:2017年1月惑淳,15日,約1.5小時饺窿; 閱讀書本:《量子創(chuàng)意課》汛聚;作者:李欣頻;2013年6月第1...
    時空山莊閱讀 327評論 4 4
  • 我是一株蒲公英 生在城墻的向陽 背后是你巍峨的身軀 腳下有著肥沃的土壤 你說你愿護我一生 為我將凜冽的北風(fēng)阻擋 你...
    林一盈閱讀 445評論 17 21