傻大方


首页 > 潮·科技 > >

交互|原来下拉除了刷新,还能这么玩



按关键词阅读:

编辑导语:现在,下拉刷新的交互几乎无处不在,但即便如此也让人无法轻易忽视它带来的快感。从QQ到新浪微博,它几乎存在于你触手可及的每一个应用当中。下拉除了刷新外,你还知道有哪些玩法?本文从下拉刷新的起源开始,详细地为大家介绍了下拉的各种玩法。感兴趣的盆友一起来看看吧。
交互|原来下拉除了刷新,还能这么玩
文章插图
“下拉刷新专利由推特拥有,但我想任何人都不用为此担心。-Loren Brichter ”
据说这种交互是前苹果设计师L.B.设计Tweetie应用时缔造的,现在从推特到QQ,下拉刷新已经成为普适的体验,它几乎存在于你手机里的每一个APP中。
一、手势交互:刷新动作依附用户直觉最早在PC时代用户需要退出页面重新进入来刷新内容,2008 iPhone兴起时,出现了以按钮点击刷新的主流设计。但设计师是会不断追求更好的用户体验,于是两年后“下拉刷新”出现了。
交互|原来下拉除了刷新,还能这么玩
文章插图
专利文件(2010)
1. 直觉手势兼具视觉反馈下拉刷新是刷新指示器与下拉手势相结合的产物,同时借助下拉动效完善整个交互。下拉刷新本质上是一种特定的手动刷新行为,和其他同类操作差异在于采用了更加直觉的手势。
交互|原来下拉除了刷新,还能这么玩
文章插图
Andriod系统
二、情感设计:细腻体验提升产品认同下拉刷新发展至今除了手势以外,从下拉到完成刷新的过程中,画面、文案、动效都是设计师创造差异化体验的手段,任何一种元素,都可能是传递调性的最好机会。
1. 图标动效:加深产品类型印象韩国的外卖APP(?????)通过有趣生动的食物图标,让用户在下拉过程中具有很强的控制感,通过控制滚轮中的食物图标进行释放,完成交替滚动效果的播放。
很好的将产品外卖属性与下拉刷新的交互手势融合,让用户将产品“玩”了起来。
交互|原来下拉除了刷新,还能这么玩
文章插图
交互|原来下拉除了刷新,还能这么玩】?????(外卖民族) APP首页
2. 随机文案:持续传递知识服务丁香医生APP下拉刷新的加载过程中,将走心的文案融入情感化设计中;给用户传递健康知识的同时以实现与用户情感层次的交流。拉进与用户之间的距离,让用户能够持续感受产品带来的温度。
交互|原来下拉除了刷新,还能这么玩
文章插图
丁香医生 APP首页
3. 活动宣传:強化代言人形象连结SSG MART在下拉过程中,将代言人的形象进行了很好的结合,并通过人物“说”出了一些需要表达的信息,很好的利用了代言人的形象帮助产品进行品牌心智的传播。
交互|原来下拉除了刷新,还能这么玩
文章插图
SSG MART APP首页
三、工具设计:塑造进阶的刷新心智在不影响当前内容的前提,下拉出更多相关内容或可对当前页面进行管理,将下拉刷新打造成进阶工具的心智。
1. 刷出新内容:多维度推荐引导用户继续看抽屉新热榜APP在下拉刷新时,结合弹性微动效和震动反馈,像抽屉?样“抽出”更多的内容资讯;同时下拉过程中配合表情和随机有趣的文案,进一步增强趣味性。
交互|原来下拉除了刷新,还能这么玩
文章插图
抽屉新热榜 APP首页
虎嗅APP通过下拉刷出今日神评论,让用户发现每天最有热度的评论,并产生浏览兴趣点击进入浏览相应的文章,也为产品中的内容起到很好的引流作用。
交互|原来下拉除了刷新,还能这么玩
文章插图
虎嗅 APP资讯页
微信读书下拉进入书城,利用下拉刷新透出更多内容,推荐更多书籍在用户心理上过度比较自然,合理利用了空间去进行服务拓展和延伸。
交互|原来下拉除了刷新,还能这么玩
文章插图
微信读书 APP书架
2. 刷出多工具:打造固定的管理入口印象手淘在首页下拉刷新操作时,继续下拉进入二楼,展示常用的应用频道,用户也可自由添加编辑,聚焦于用户的喜好,提供更高的自由度,也使更多元产品能曝光。
交互|原来下拉除了刷新,还能这么玩
文章插图
淘宝 APP首页
NAVER在下拉刷新中也将固定的工具入口进行了结合,为用户提供了工具化的服务,用户可在特定场景中快速使用所需要使用的功能解决效率问题。
交互|原来下拉除了刷新,还能这么玩


稿源:(人人都是产品经理)

【傻大方】网址:/c/1125a52102021.html

标题:交互|原来下拉除了刷新,还能这么玩


上一篇:设计|三个小技巧,轻松提高设计转化率

下一篇:以色列|并购以色列AI芯片公司后,这家创企首推3D机器视觉模组