#动效#下拉刷新趋势分析

下拉刷新是什么?

       第一步,下拉,显示“提示头部界面”,这个过程提示用户“下拉刷新”;第二步,下拉到一定距离,我们认为达到了刷新的条件,提示用户可以“松手刷新”了,效果上允许用户继续下拉;第三步,用户松手,先回弹到“提示头部界面”,然后提示用户“正在加载”;第四步,加载成功。

来看看,设计师需要在这个过程中做什么?

       下拉刷新具有短时性和等待性这两大明显特征,而等待容易使用户形成一种偏负面的使用预期,我们需要降低等待的焦虑并在短时间内留个好印象。

2017年,大家都交出了怎样的成绩?

       随着交互设计的发展和移动设备性能的不断提升,动效已经成为凸显品牌、讲述故事、拉近情感、提高操作流畅性等必不可少的方式。

       先来一批升华自家图标的。

链家


微云


UC头条

        和颜色填充,形状补间相比较,一匹正在努力奔跑没有停顿的梅花鹿,就卓尔不群了。

        接下来看一组自家吉祥物的。


闲鱼


IN


美团

        小动画基本采用了吉祥物的负情绪来代替“松手刷新”,良好情绪替代“正在刷新”和“刷新成功”。其中,闲鱼的文字提醒弱化了动画表达,IN没有完整诠释“正在刷新”,美团的表现和吃喝玩乐的产品需求统一。

        还有更会玩的吗?一组喊口号的,敬请欣赏。


陆金所


网易云音乐01


网易云音乐02


网易严选


京东


携程

        陆金所和网易云音乐直指质感,前者稳重的传达了安全感,后者在不可刷新的首页留言,可刷新页面留下音符,体贴用户且和谐统一。电商网站猜用户所想,购物所需的简单快捷性价比,抓住一个点,就塑造了品牌。其中网易严选贡献了解决留白过多的好思路。携程是想要的太多,logo,提示语,口号满当当的挤在一起,忽略了此处设计的短时性。

       还有些另辟蹊径的。


今日头条


58同城

      今日头条记得自己的始源,纸媒;也记得这个动效的始源,更新页面内容。强提示“今日头条推荐引擎有8条更新”是非常好的思路,不过也和携程一样忽视了短时性,字数过多。笔者合理预测,最终这些内容产品会像今天的知乎一样,刷新提示下至,提示动态。58同城紧扣“同城”二字,为每一个城市的地标做了相似动效,更神的是有白昼之别,既然现在大家都认可,有钱赞助综艺说明厂商厉害,那么有心情搞这么个隐蔽的动效,是不是说明产品发展好呢?不管怎么说,这些“占小便宜吃大亏哟~”会让用户增加好感的。

       内容产品刷新下至,电商产品及其它会不会有新风貌呢?


淘宝


大众点评

       用户习惯已经培养好了,下拉刷新并赠送一张优惠卷也从惊喜变成了日常。一个日常的空间意味着能装下更多的内容,淘宝二楼放电影,微博二楼讲故事,用户和设计师一起成就了产品的更多可能性。

       综合以上分析,对于下拉刷新来讲,基本设计元素对用户注意力的吸引程度,动态最高,其次是颜色,最后是形状。其中又以展示产品调性的为上品。尽管动效设计受制于界面布局,交互逻辑,内容运营等,下拉刷新比较短暂且非主要界面,但二者的融合设计值得关注和探索,从细节上挖掘产品品质对用户体验的诉求。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容