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

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

名词解释

示能是什么？

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

意符是什么？

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

案例分析

关于示能的体验细节

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

下拉操作可以执行数据刷新；
松手之后数据将会被刷新。

用户因素意符

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

下拉可以刷新
松开立即刷新

举一反三

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

如果下拉执行了两段连续性操作，即下拉首先执行刷新操作，继续下拉又可以打开一个新页面。这时我们该如何进行复合设计呢？下拉示能子关系与其对应的意符分别为：

下拉示能子关系1“下拉可刷新”对应的意符提示为“下拉刷新”；
作为承上启下的下拉示能子关系2:“松手可刷新”、“继续下拉会触发另一个事件”对应的意符提示为“松手刷新，继续下拉XXX”；
下拉示能子关系3“继续下拉可以进入新页面”对应的意符提示为“继续下拉，开启XXX”

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

首页推荐了3个模块，用户不断向后滑，能够利用这个操作惯性，设计一种前往所有模块落地页的示能关系吗？

向右滑前往落地页示能子关系1“向右滑可以进入落地页”，对应意符提示为“滑动查看XXX”

向右滑前往落地页示能子关系2“松手可以进入落地页”对应的意符提示为“释放查看XXX”

感谢阅读！

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

作者：weiwei686

加老D私人微信18605817040，和老D一起学交互，老D会在朋友圈发精选文章和招聘信

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

如何在App中实现朋友圈功能之六快速实现下拉加载朋友圈功能——箭扣科技Arrownock
如何在App中实现朋友圈功能之六快速实现下拉加载朋友圈功能实现逻辑: 根据上次下拉刷新的时间从数据库加载出limit(比如10)条post,判断总数据条数: a. 如果总数据大于limit条,清 ...
安卓下拉刷新、上拉加载数据显示
整个是一个scrollView,嵌套一个线性布局,下拉刷新.或者上拉加载后,通过addView()方法,加载消息体,每一个消息体是一个复杂的子view. 做一个类似qq客户端"好友动态&qu ...
html下拉刷新原理,微信小程序下拉刷新及上拉加载原理解析
这篇文章主要介绍了微信小程序下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.下拉刷新的概念及应用场景. 概念: 下拉 ...
自定义listview完成上拉刷新，下拉加载的功能，重写ontouchevent方法
最近做的类似于微博的项目中,有个Android功能要使用到listview的向下拉刷新来刷新最新消息,向上拉刷新(滑动分页)来加载更多. 新浪微博就是使用这种方式的典型. 当用户从网络上读取微博的时 ...
用vue-scroller做上拉刷新，下拉加载的模板（简单明了，通用）
1.首先下插件,并在你的vue项目中引人 1 npm i vue-scroller -D 2 import VueScroller from 'vue-scroller 2.Vue.use(VueSc ...
上拉加载下拉刷新了解下
2019独角兽企业重金招聘Python工程师标准>>> 老样子,我们先,哦不,今天我们直接上思路,没有效果图,真的没有我们依旧从界面及逻辑两块进行分析 1.界面上,只分成简单的两块 ...
Flutter ListView封装，下拉刷新、上拉加载更多
Flutter ListView封装,下拉刷新.上拉加载更多封装了Flutter的ListView,只要传递请求数据的方法和绘制item的方法进去就可以绘制ListView,同时支持下拉刷新.上 ...
Android ListView下拉刷新、上拉载入更多
找下拉刷新,上拉加载的demo找了好久,踩找到这个相对完美的.所以分享给大家 https://github.com/Maxwin-z/XListView-Android 0. XListView继承L ...
ListView下拉刷新、上拉载入更多之封装改进
在Android中ListView下拉刷新.上拉载入更多示例一文中,Maxwin兄给出的控件比较强大,前面有详细介绍,但是有个不足就是,里面使用了一些资源文件,包括图片,String,layout,这 ...