美文网首页产品经理
交互细节—上下与左右滑动同时存在时要考虑的细节

交互细节—上下与左右滑动同时存在时要考虑的细节

作者: 挪小辣 | 来源:发表于2014-05-13 23:44 被阅读827次

很多app的界面可以既可以横向滑动切换到其他页面,又可以纵向滑动浏览当前页面,但如果把握不好两个方向的尺度,很容易出现误操作。例如知乎日报,很容易在上滑页面浏览内容时,触发左滑页面的操作。

大部分的情况下,我们都是单手拿手机,用一只手拿手机使用拇指在屏幕上上滑时,其实不是真正的上滑,而是以拇指根部为中心的不规则曲线运动,随着时间的推移,越来越趋向于横向运动,所以很容易触发水平方向上的交互。反之,横向滑动也有可能误触发纵向的操作。所以一个界面上既有竖直又有水平方向上的操作手势时,要仔细考量手指的运动轨迹什么时候触发水平方向上的操作,什么时候触发竖直方向上的操作。

相关文章

  • 交互细节—上下与左右滑动同时存在时要考虑的细节

    很多app的界面可以既可以横向滑动切换到其他页面,又可以纵向滑动浏览当前页面,但如果把握不好两个方向的尺度,很容易...

  • 界面设计中的可延展性

    背景 在做项目时,不仅要做出产品需求中相对应的核心页面,也要做出细节的交互页面,同时也要考虑到页面出现极端情况时的...

  • 微交互:我们说魔鬼在细节,但为什么不说天使在细节?

    细节设计中把产品与人在细节处的交互设计,叫“微交互”。 好的微交互应该有的结构: 触发器、规则、反馈、循环与模式 ...

  • 2018笔记——Runloop状态监听

    NSTimer与ScrollView存在一些交互时,需要监听一下Runloop的状态: 我们滑动table时: 第...

  • 简书话题页android实现方案

    大家探讨一下,像简书的这种界面,要同时实现左右滑动切换tab,上下滑动时tab驻留顶部,下拉刷新,加载更多,如何优...

  • 写作中的细节

    每个人都知道细节决定成败,专业与业余的区别就是细节,但是许多人就是注意不到细节,只考虑内容,不考虑形式。 其实形式...

  • 维-058

    当你看到了很多细节 要么会被细节左右 要么你左右细节

  • Flutter的webview相关的知识

    webview的滑动及与CustomScrollView嵌套问题 webview上下滑动和框架的左右滑动的冲突;添...

  • 跳槽时需要考虑的细节

    又到了职场中的跳槽黄金期,也就是所谓的“金三银四”,自己是否跳槽,考虑好了吗?今天小编谈谈跳槽时候需要考虑的细节。...

  • 微交互,也谈细节设计

    微交互,即细节设计,它是产品与人在细节处的交互设计。这些细节,设计得好,可能是短暂、微小却令人过目难忘的瞬间;设计...

网友评论

    本文标题:交互细节—上下与左右滑动同时存在时要考虑的细节

    本文链接:https://www.haomeiwen.com/subject/nxartttx.html