微交互突然找不到返回了,你害怕嗎?

產品: 豆瓣FM獵人: 方方作者: 豆瓣設計團隊投稿: 呂方觀眾: 7.4k人 時間: 2019-08-22

豆瓣FM

與「豆瓣FM」有關的細節還有 4查看全部

我也有新發現 我要投稿
突然找不到返回了,你害怕嗎?突然找不到返回了,你害怕嗎?

細節描述

方方: 最新版「豆瓣FM」的設計居然把設計師的「烏托邦」完美實現了,很多小細節的設計都值得研究。比如在歌單詳情頁手勢向上滑動的時候,處于頁面中間包含「播放」「分享」「點贊」的卡片會隨著手勢上滑而移動位置,并最終吸頂。這個設計細節值得討論的有兩方面:第一,吸頂的時候是直接蓋住原有的Title Bar,這樣會導致用戶突然找不到「返回」在哪里有點迷失。此時只能通過手勢從屏幕左側邊緣向右滑動來完成返回操作;或者是下滑操作才會露出帶返回的Title Bar,然后點擊返回。第二,在吸頂的那一刻會有手機振動的提示,這樣會無形中提高「吸頂」動作的感知度。個人認為這里的設計可能正是為了彌補第一點帶來的迷失感。

923人評分
收藏 3
分享細節海報

發表評論 為下方 2 條評論點贊,解鎖好運彩蛋

{{ moreBtnTxt }}

你可能還愛看

貝殼App首頁banner的隱藏空間
貝殼

信息呈現貝殼App首頁banner的隱藏空間

獵人 - 龍爪槐守望者9.0

「貝殼」 App 首頁的 banner,在向下滾動后可展開更多信息。既節約了首屏空間,又在恰當的時候讓內容展示更加豐富,與一般的首頁 banner 設計相比,多了一些巧思和特色。

查看詳情

#banner#交互手勢#信息呈現

今天,你的耳朵被「豆瓣FM」叫醒了嗎?
豆瓣FM

微交互今天,你的耳朵被「豆瓣FM」叫醒了嗎?

獵人 - 戢戢9.0

只想聽歌,想短暫的放松休憩一下。看到推薦歌單中賞心悅目的封面和文案,暫且相信的點了進去,切換了幾首歌都找不到想要的feeling,心情反而變得更加煩躁。擁有選擇困難癥的你,不...

查看詳情

#互動#圖標#微交互

揉成一團的廢紙,會讓你聯想到「刪除」這個動作么?
作文紙條

設計邏輯揉成一團的廢紙,會讓你聯想到「刪除」這個動作么?

獵人 - AmberDu小白8.0

「作文紙條」App對于每日信息與文章的推送有著自己獨特的設計邏輯,如果推送內容用戶當天未讀,系統會將推送內容自動移到「廢紙簍」里。為了讓用戶在瀏覽「廢紙簍」內容時,明確感知到...

查看詳情

#作文紙條#刪除#形象思維