♝点击上方“
交互设计学堂
”关注我们,送
电子书
下拉
示能子关系
与其对应的
意符
分别为:
感谢阅读!
加老D私人微信 18605817040 ,和老D一起学交互,老D会在朋友圈发精选文章和 招聘信
名词解释
示能是什么?
示能是一种体验细节,用来表示用户与功能之间的关系,比如“点击跳转”就是一种关系,用户可以通过点击,跳转到下一页。
意符是什么?
传达示能关系的信息提示,比如交通场景下的红灯就是一种禁止通行的信息提示。
案例分析
关于示能的体验细节
下拉刷新关系中有两种子关系分别是:
下拉操作可以执行数据刷新;
松手之后数据将会被刷新。
用户因素意符
两种子关系对应的意符分别为:
下拉可以刷新
- 松开立即刷新
![351f5e03-221e-eb11-8da9-e4434bdf6706.png](http://p04.5ceimg.com/content/351f5e03-221e-eb11-8da9-e4434bdf6706.png)
举一反三
思考1: 两段连续型下拉操作该如何设计?
如果下拉执行了两段连续性操作,即下拉首先执行刷新操作,继续下拉又可以打开一个新页面。这时我们该如何进行复合设计呢?![371f5e03-221e-eb11-8da9-e4434bdf6706.png](http://p04.5ceimg.com/content/371f5e03-221e-eb11-8da9-e4434bdf6706.png)
- 下拉示能子关系1“下拉可刷新”对应的意符提示为“下拉刷新”;
- 作为承上启下的下拉示能子关系2:“松手可刷新”、“继续下拉会触发另一个事件”对应的意符提示为“松手刷新,继续下拉XXX”;
下拉示能子关系3“继续下拉可以进入新页面”对应的意符提示为“继续下拉,开启XXX”
![3a1f5e03-221e-eb11-8da9-e4434bdf6706.png](http://p03.5ceimg.com/content/3a1f5e03-221e-eb11-8da9-e4434bdf6706.png)
思考2: 如果下拉延伸到右滑场景,该如何设计呢?
首页推荐了3个模块,用户不断向后滑, 能够利用这个操作惯性,设计一种前往所有模块落地页的示能关系吗?- 向右滑前往落地页示能子关系1“向右滑可以进入落地页”,对应意符提示为“滑动查看XXX”
![3f1f5e03-221e-eb11-8da9-e4434bdf6706.png](http://p03.5ceimg.com/content/3f1f5e03-221e-eb11-8da9-e4434bdf6706.png)
向右滑前往落地页示能子关系2“松手可以进入落地页”对应的意符提示为“释放查看XXX”
![431f5e03-221e-eb11-8da9-e4434bdf6706.png](http://p05.5ceimg.com/content/431f5e03-221e-eb11-8da9-e4434bdf6706.png)
![451f5e03-221e-eb11-8da9-e4434bdf6706.jpeg](http://p01.5ceimg.com/content/451f5e03-221e-eb11-8da9-e4434bdf6706.jpeg)
转载自:公众号 交互实验狮
作者:weiwei686
加老D私人微信 18605817040 ,和老D一起学交互,老D会在朋友圈发精选文章和 招聘信