朋友圈下拉刷新 android_下拉过程中的意符设计细节

♝点击上方“ 交互设计学堂 ”关注我们,送 电子书


名词解释

示能是什么?

示能是一种体验细节,用来表示用户与功能之间的关系,比如“点击跳转”就是一种关系,用户可以通过点击,跳转到下一页。

意符是什么?

传达示能关系的信息提示,比如交通场景下的红灯就是一种禁止通行的信息提示。

案例分析

关于示能的体验细节

下拉刷新关系中有两种子关系分别是:

  • 下拉操作可以执行数据刷新;

  • 松手之后数据将会被刷新。

用户因素意符

两种子关系对应的意符分别为:

  • 下拉可以刷新

  • 松开立即刷新
351f5e03-221e-eb11-8da9-e4434bdf6706.png

举一反三

思考1: 两段连续型下拉操作该如何设计?

如果下拉执行了两段连续性操作,即下拉首先执行刷新操作,继续下拉又可以打开一个新页面。这时我们该如何进行复合设计呢? 371f5e03-221e-eb11-8da9-e4434bdf6706.png 下拉 示能子关系 与其对应的 意符 分别为:
  • 下拉示能子关系1“下拉可刷新”对应的意符提示为“下拉刷新”;
  • 作为承上启下的下拉示能子关系2:“松手可刷新”、“继续下拉会触发另一个事件”对应的意符提示为“松手刷新,继续下拉XXX”;
  • 下拉示能子关系3“继续下拉可以进入新页面”对应的意符提示为“继续下拉,开启XXX”

3a1f5e03-221e-eb11-8da9-e4434bdf6706.png

思考2: 如果下拉延伸到右滑场景,该如何设计呢?

首页推荐了3个模块,用户不断向后滑, 能够利用这个操作惯性,设计一种前往所有模块落地页的示能关系吗?
  • 向右滑前往落地页示能子关系1“向右滑可以进入落地页”,对应意符提示为“滑动查看XXX”
3f1f5e03-221e-eb11-8da9-e4434bdf6706.png
  • 向右滑前往落地页示能子关系2“松手可以进入落地页”对应的意符提示为“释放查看XXX”

431f5e03-221e-eb11-8da9-e4434bdf6706.png 感谢阅读! 451f5e03-221e-eb11-8da9-e4434bdf6706.jpeg

转载自:公众号  交互实验狮

作者:weiwei686


加老D私人微信 18605817040 ,和老D一起学交互,老D会在朋友圈发精选文章和 招聘信
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值