触控手势

触控手势怎么设计才好用(四)

一笑奈何 提交于 2019-12-09 14:44:32
记忆力限制 因为这些 手势 操作不能非常清楚的显示在界面上,没有能代表动作的可视化元素,这就需要用户记住哪种手势对应的是哪些操作,一些不常用的手势操作往往很难被发现。如果手势直观常用自然是没问题,而如果没有“自然”的手势去代表一个动作,那么用户就会感到困惑,于是便需要记忆,就像在使用DOS系统时要记住那些命令一样。 App中手势数量最好保持在5个数量以下,多依赖与界面的引导和暗示,让此类用户根据情境记忆这些手势,从而增加手势的易记性。 如果用户对其缺乏认知,那么这些手势操作就不易被发现,也不会为人所用,甚至会造成操作障碍。 Mozilla Firefox 4版本右划呼出Tab 不同应用场景采用不同的手势 设计 人们会在千奇百怪的环境中使用我们的产品,我们的产品在和周围环境争夺用户的注意力,凭借一个小屏幕与车水马龙、人声鼎沸的大千世界作斗争,因此在实际的手势设计中还需考虑该应用的使用场景。 效率型和实用型的应用,这类应用一般使用场景是在行进时,考虑手机一般随着用户的行进而摇晃,操作效率以及误操作等一些因素,一遍采用单手操作手机的手势交互。 游戏等屏幕沉浸型应用,一般为休闲且稳定的操作环境,可以适当的设置一些复杂手势配合游戏中的高级操作功能,增加游戏的操作乐趣。 Clear的手势操作令人印象深刻 来源: oschina 链接: https://my.oschina.net/u

触控手势怎么设计才好用(二)

谁都会走 提交于 2019-12-09 14:42:47
二、 触控手 势 的 使用情景 情景指的是用户使用时的环境和状态——也就是任何可以影响用户跟设备进行交互的内容。由于这些情景持续并快速地变化,对移动设备而言就显得极其重要。我们要考虑用户的分心、多任务、手势操作、低电量条件下以及糟糕的连接条件下等复杂环境的通用 设计 。 移动中的互动语境 在各种移动环境下会影响到用户使用触屏设备完成任务的效率和准确度的因素有: – 注意力容易被分散(交谈,观察周围环境等) – 操作手机的时间碎片化(各种事情打断) – 任务容易被中断(意外情况影响) – 肢体可能被其他物体被占用(遛狗、拎包等) – 噪音分散注意力(车水马龙、人声鼎沸的路边) 三、触控手 势 的基本操作 钢铁侠电影中的全息触控交互 所谓自然手势就是在真实物理世界中存在或演绎而来的手势。例如上下滑动来滚动列表,滑动以平移等。这类手势是自然的,不需要或很少需要让用户去学习的。 – 长按查看更多操作(现在设备有了3D Touch,同长按操作相比,最大区分是需要是有一定的按压力度) – 点击执行主操作 – 滑动以平移 – 轻扫以选定,并进行命令的操作 – 收缩和拉伸进行缩放 – 转动可以旋转 – 边缘轻扫可以使用系统命令 来源: oschina 链接: https://my.oschina.net/u/2971691/blog/800995

触控手势怎么设计才好用(一)

白昼怎懂夜的黑 提交于 2019-12-09 14:41:03
一、什么是 触控手 势 触控手势就是自然用户界面(NUI)的一种表现形式。 自然用户界面(Natural user interface, NUI)是指一种无形的用户界面。 NUI 只需要人们以最自然的交流方式(如语言、文字)与机器互动。直观的来说,使用NUI的设备时候不需要键盘或鼠标。特别是触控技术将会让人机交互变得更加自然直观,更为人性化。 现在的手机、平板电脑还有笔记本都拥有识别多点触控输入的功能来帮助你实现对其广泛的运用。这种输入方式能够帮助我们实现与屏幕内容的交互,而模仿现实中的操作手势可以降低我们对操作屏幕对象的认知障碍。 在PC时代,我们需要他人或者一个说明教程去说明我们怎么使用鼠标,移动屏幕的光标,而这些在现实世界里几乎找不到可以相互映射的东西,然后再学习怎么双击打开文件,按住文件不放,把它拖动到文件夹里面。 触控手势带来的是自然用户界面,支持触控的移动设备能够更自然直观的被所有年龄层,以及不同技能水平的人所使用。使用Multi-Touch多点触控式接口技术,取代目前所使用的键盘、按键、鼠标,可以进一步体现出人性化操控接口的未来趋势。 电容式触摸屏的结构原理图 试想一下在那些老套的用户界面里,需要你把鼠标悬停或者点击到目标上才能获得更多详细的信息,而这些操作在手机设备上将不再起作用。如何摆脱这种惯用的设计呢?那就是,创建移动先行体验。 来源: oschina 链接:

触控手势怎么设计才好用(三)

♀尐吖头ヾ 提交于 2019-12-09 14:35:56
四、好用的 手 势 是怎样的? 首先我们来看多点触控的优缺点。 那么什么是好用的手势呢? 好用的手势主要是简单并支持单手操作,它们和“下拉刷新”一样受欢迎,也像 iBook的翻页动作那样自然简单。下面是好用的手势该有的一些特征: – 简单易用 。不仅动作简单,而且还要能在拥挤的交通工具上单手操作 – 容易记忆 。1、手势好记,2、让人愿意记住 – 符合认知习惯 。该手势要遵循人的自然习惯和意识,也要契合手势即将产生的操作 – 实用 。手势要让用户感到舒服,很少有用户愿意点两次才看到想看的东西,这样让他们感到麻烦 – 愉悦的体验 。好的手势会有一种神奇的感觉。UX 始终是个未知数,而且难于言传。但这正是我们认识、享受科技的一种表现 – 及时反馈 。反馈就是说用户知道当前正在进行的是什么操作。用户进行完这个手势操作后有明确的状态信息告诉他。 五、手 势 设 计 应 用 过 程中需要注意的 几 点: 符合认知习惯 在非概念性项目中使用基础手势(组合)之外的“创新”手势,未建立统一规范的情况下,使用混乱会导致用户困惑,学习成本高,增加用户记忆负担,很难引导用户培养使用习惯,而技术上的限制可能会使“创新”变成不便。 最终使用者是人,手势操作都是基于人的行为来定义的。手势操作是人们现实中行为的一种映射,因此,手势设计要符合大多数人的认知习惯,减少用户的认知成本。比如有方向性的那种手势操作

触控手势怎么设计才好用(五)

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-09 13:55:02
适度的应用 手势 2014年很火的《Flappy bird》。游戏以简单而有效的方式使用了基本的手势。点击或不点击是游戏中唯一的操作手势。玩家可以很快的知道应该使用什么手势,怎么利用手势去进行游戏。 Flappy Bird中玩家只需要用一根手指来操控 提供即时反馈 在用户触摸屏幕的时候,立即提供视觉的提示,可提高用户的信心。交互操作涉及到的元素可以表现为改变颜色、改变大小或发生移动/震动。 3D touch的震动反馈 使操作可逆 触控 互动操作是要可逆的。提供视觉反馈来告诉当用户抬起手指时会发生什么,同时允许用户取消操作。这可以使你的应用能够安全地使用触控操作进行浏览。 微信取消发送语音 不要让你的手势触发区域远离拇指热区(拇指法则) 拇指的活动范围对操作手机的效率以及正确度都有一定的影响。 虽然拇指能够划到整个屏幕,但拇指在所及范围和灵活性上是有限的,只有三分之一的屏幕是真正容易触碰到的——也就是拇指正对的区域。为了获得舒适的人机体验,应将主要点击的地方放置在方便拇指点击的范围内。 保持 手势 的全局性 不要让用户在你的应用中适应了你创造的手势后,却又在你的应用中碰壁。 如果用户已经习惯你的手势,觉得你的手势达到了方便快捷的目的,并且耗费学习成本掌握适应了你的手势,那么意味着你成功了一半。尽量用最简单的手势完成常用功能,需要复杂手势操作完成的功能