#動效#下拉刷新趨勢分析

下拉刷新是什么鲸匿?

? ? ? ?第一步,下拉阻肩,顯示“提示頭部界面”带欢,這個過程提示用戶“下拉刷新”;第二步烤惊,下拉到一定距離乔煞,我們認為達到了刷新的條件,提示用戶可以“松手刷新”了柒室,效果上允許用戶繼續(xù)下拉渡贾;第三步,用戶松手雄右,先回彈到“提示頭部界面”空骚,然后提示用戶“正在加載”;第四步擂仍,加載成功囤屹。

來看看,設計師需要在這個過程中做什么逢渔?

? ? ? ?下拉刷新具有短時性和等待性這兩大明顯特征肋坚,而等待容易使用戶形成一種偏負面的使用預期,我們需要降低等待的焦慮并在短時間內留個好印象复局。

2017年冲簿,大家都交出了怎樣的成績挡篓?

? ? ? ?隨著交互設計的發(fā)展和移動設備性能的不斷提升围辙,動效已經成為凸顯品牌、講述故事惠勒、拉近情感角钩、提高操作流暢性等必不可少的方式吝沫。

? ? ? ?先來一批升華自家圖標的。

鏈家


微云


UC頭條

? ? ? ? 和顏色填充递礼,形狀補間相比較惨险,一匹正在努力奔跑沒有停頓的梅花鹿,就卓爾不群了脊髓。

? ? ? ? 接下來看一組自家吉祥物的辫愉。


閑魚


IN


美團

? ? ? ? 小動畫基本采用了吉祥物的負情緒來代替“松手刷新”,良好情緒替代“正在刷新”和“刷新成功”将硝。其中恭朗,閑魚的文字提醒弱化了動畫表達屏镊,IN沒有完整詮釋“正在刷新”,美團的表現(xiàn)和吃喝玩樂的產品需求統(tǒng)一痰腮。

? ? ? ? 還有更會玩的嗎而芥?一組喊口號的,敬請欣賞膀值。


陸金所


網易云音樂01


網易云音樂02


網易嚴選


京東


攜程

? ? ? ? 陸金所和網易云音樂直指質感棍丐,前者穩(wěn)重的傳達了安全感,后者在不可刷新的首頁留言沧踏,可刷新頁面留下音符歌逢,體貼用戶且和諧統(tǒng)一。電商網站猜用戶所想悦冀,購物所需的簡單快捷性價比趋翻,抓住一個點,就塑造了品牌盒蟆。其中網易嚴選貢獻了解決留白過多的好思路。攜程是想要的太多师骗,logo历等,提示語辟癌,口號滿當當?shù)臄D在一起,忽略了此處設計的短時性黍少。

? ? ? ?還有些另辟蹊徑的。


今日頭條


58同城

? ? ? 今日頭條記得自己的始源厂置,紙媒;也記得這個動效的始源昵济,更新頁面內容。強提示“今日頭條推薦引擎有8條更新”是非常好的思路访忿,不過也和攜程一樣忽視了短時性,字數(shù)過多海铆。筆者合理預測迹恐,最終這些內容產品會像今天的知乎一樣,刷新提示下至卧斟,提示動態(tài)殴边。58同城緊扣“同城”二字憎茂,為每一個城市的地標做了相似動效,更神的是有白晝之別找都,既然現(xiàn)在大家都認可唇辨,有錢贊助綜藝說明廠商厲害,那么有心情搞這么個隱蔽的動效能耻,是不是說明產品發(fā)展好呢赏枚?不管怎么說,這些“占小便宜吃大虧喲~”會讓用戶增加好感的晓猛。

? ? ? ?內容產品刷新下至饿幅,電商產品及其它會不會有新風貌呢?


淘寶


大眾點評

? ? ? ?用戶習慣已經培養(yǎng)好了戒职,下拉刷新并贈送一張優(yōu)惠卷也從驚喜變成了日常栗恩。一個日常的空間意味著能裝下更多的內容,淘寶二樓放電影洪燥,微博二樓講故事磕秤,用戶和設計師一起成就了產品的更多可能性。

? ? ? ?綜合以上分析捧韵,對于下拉刷新來講市咆,基本設計元素對用戶注意力的吸引程度,動態(tài)最高再来,其次是顏色蒙兰,最后是形狀。其中又以展示產品調性的為上品芒篷。盡管動效設計受制于界面布局搜变,交互邏輯,內容運營等针炉,下拉刷新比較短暫且非主要界面挠他,但二者的融合設計值得關注和探索,從細節(jié)上挖掘產品品質對用戶體驗的訴求糊识。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末绩社,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子赂苗,更是在濱河造成了極大的恐慌愉耙,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拌滋,死亡現(xiàn)場離奇詭異朴沿,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進店門魏铅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來坚芜,“玉大人,你說我怎么就攤上這事沧竟「坑牵” “怎么了闪水?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵球榆,是天一觀的道長。 經常有香客問我鞠呈,道長右钾,這世上最難降的妖魔是什么舀射? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任脆烟,我火速辦了婚禮房待,結果婚禮上,老公的妹妹穿的比我還像新娘拜鹤。我一直安慰自己敏簿,他們只是感情好,可當我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布温数。 她就那樣靜靜地躺著撑刺,像睡著了一般握玛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上王带,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天愕撰,我揣著相機與錄音醋寝,去河邊找鬼。 笑死囱桨,一個胖子當著我的面吹牛舍肠,可吹牛的內容都是我干的窘面。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼肌括,長吁一口氣:“原來是場噩夢啊……” “哼谍夭!你這毒婦竟也來了憨募?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤齐板,失蹤者是張志新(化名)和其女友劉穎甘磨,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卿泽,經...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡签夭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年第租,在試婚紗的時候發(fā)現(xiàn)自己被綠了慎宾。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浅悉。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡术健,死狀恐怖,靈堂內的尸體忽然破棺而出荞估,到底是詐尸還是另有隱情勘伺,我是刑警寧澤,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站笤妙,受9級特大地震影響,放射性物質發(fā)生泄漏股毫。R本人自食惡果不足惜铃诬,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望兵志。 院中可真熱鬧宣肚,春花似錦、人聲如沸按价。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至茅信,卻和暖如春墓臭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背酌摇。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工窑多, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留洼滚,地道東北人。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓千康,卻偏偏與公主長得像铲掐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子豪椿,可洞房花燭夜當晚...
    茶點故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內容