签到

07月19日
尚未签到

共有回帖数 0 个

    奈何情殇

    等级：
    移动的触控时代早已到来，您是否也与时俱进了呢？今天腾讯CDC这篇好文，从什么是触控手势、触控手势的使用场景/基本操作，有哪些好用的触控手势、手势设计守则五个方面帮你全方位学习这个知识点，交互设计师来收！我们生活在一个人机互动频繁，由设备驱动的世界中。随着触摸屏逐渐成为移动设备的标配，多点触控手势的广泛应用，让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模拟真实世界的手势与屏幕上的各种元素进行互动，使许多曾经不曾想或者不敢想的人机交互方式变成了现实，同时手势操作的应用降低了人与物理设备之间的沟通的门槛。

    图0. 婴儿几乎无困难的通过屏幕玩游戏我家那位小P孩，不到2岁就已经能够很自然轻松解锁iPad、翻页找到他喜欢玩的熊猫餐厅，接着熟练地在各种食材选折他喜欢的，制作一份美味的虚拟美食；而我们也乐于买各种大屏手机和平板电脑送给我们的长辈。移动设备及手势交互方式给我们带来革命性体验和便捷，移动的触控时代早已到来，您是否也与时俱进了呢？值得我们每一位设计师反思。一、什么是触控手势触控手势是自然用户界面（NUI）的一种表现形式。自然用户界面（Natural user interface, NUI）是指一类无形的用户界面。NUI则只需要人们以最自然的交流方式（如语言和文字）与机器互动。直观的说，使用NUI的设备不需要键盘或鼠标。特别是触控技术将使人机交互变得更加自然直观，更为人性化。您的手机、平板电脑还有笔记本拥有识别多点触控输入的功能来帮助你实现对其广泛的运用。这种输入方式帮助我们实现与屏幕内容的交互，而模仿真实中的操作手势可以降低我们对操作屏幕对象的认知障碍。在PC时代，我们需要他人或者一个说明教程去教会我们怎么使用鼠标，移动屏幕的光标，而这些在现实世界里几乎找不到可相映射的东西，然后学习怎么双击打开一个文件，按住一个文件不放，把它拖动到文件夹里面。触控手势带来的是自然用户界面，支持触控的移动设备能够自然直观的被所有年龄层，不同技能水平的人所使用。使用Multi-Touch多点触控式接口技术，取代目前所使用的键盘（按键）、鼠标，将进一步体现出人性化操控接口的未来趋势。


    图1. 电容式触摸屏结构原理图
    试想一下在那些老套的用户界面里，需要你把鼠标悬停或者邮件点击目标上才能获得更多详细的信息，而这些在手机设备上将不再起作用。如何摆脱这种惯用的设计呢？答案就是，创建移动先行体验。
    二、触控手势的的使用情景（移动的情景）移动情景指的是用户使用时的环境和状态——也就是任何可以影响用户与设备进行交互的内容。由于这些情境持续而快速地变化，对移动设备而言就显得尤为重要。我们要考虑用户分心、多任务、手势操作、低电量条件和糟糕的连接条件等复杂环境下的通用设计。




    图3. 钢铁侠系列电影中的全息触控交互
    所谓自然手势就是在真实物理世界中存在或演绎而来的手势。例如上下滑动滚动列表，滑动以平移等。这类手势是自然的，不需要或很少需要用户去学习的。
    – 长按以查看更多操作(现在有了3D Touch，同长按操作相比，最大区分是需要是有一定的按压力度）– 点击执行主操作– 滑动以平移– 轻扫以选定，并进行命令操作– 收缩和拉伸以缩放– 转动以旋转– 边缘轻扫以使用系统命令
    四、好用的手势是怎样的？首先我们来看看多点触控的优缺点。


    那么什么是好用的手势呢？
    好用的手势一来简单，二来支持单手操作，它们该如由Tweetie创始人Loren Brichter所开发并获得专利的"下拉刷新"一样受欢迎。或者像 iBook的翻页动作一样自然简单。以下是好用的手势该有的一些特征：
    – 简单易用。不仅动作简单，还要能在拥挤的交通工具上单手操作– 容易记忆。其一手势要好记，其二要让人愿意记住– 符合认知习惯。也就是说，该手势一方面要遵循人的自然习惯和意识，另一方面要契合手势即将产生的操作– 实用。手势要让用户感到舒服，少有用户愿意点两次才看到想看的东西，让会让他们感到麻烦– 愉悦的体验。Winkler 认为好的手势会有神奇的感觉。UX 总是个未知数，而且难于言传。但这恰是我们认识、享受科技的一种表现– 及时反馈。反馈就是说用户知道当前正在进行的操作。用户进行完手势操作后有明确的状态信息告知




    图4. iBooks的翻页体验与翻实体书记忆力限制因为这些手势操作不能明白的显示在界面上，没有代表动作的可视元素，需要用户记住哪种手势对应的是哪些操作，一些不常用的手势操作往往很难发现。如果手势直观常用自然没问题，而如果没有"自然"的手势去代表一个动作，用户就会感到困惑，于是便需要记忆，就像在使用命令行界面时要记住那些命令一样。一个App中手势数量需保持在5个数量以下，多依赖与界面的引导和暗示，让此类用户根据情境记忆这些手势，从而增加手势的易记忆性。如果用户对其缺乏认知，这些手势操作就不易被发现，也便不会为人所用，甚至造成操作障碍。（坏的例子，找不到导航栏）




    保持手势的全局性不要让用户在你的应用中适应了你创造的手势后，却又在你的应用中碰壁。如果用户已经习惯你的手势，觉得你的手势达到了方便快捷的目的，并耗费学习成本掌握并适应了你的手势，那么便意味着你成功了一半。尽量用简单的手势完成常用功能，需要复杂手势操作完成的功能，要有一个方便且更容易发现的方式相配合。尽量使用统一的手势，减少不同手势的切换频率。


    图11. 全局手势在iOS原生应用中的使用场景写在最后好用的触控手势是人与设备、应用之间交流的方式。当初创造多点触控技术的人，难能可贵的是细心洞察到了人们细腻的本真行为特征，转而用触屏这一行为自然的映射了出来。

    楼主 2016-03-02 17:09 回复

共有回帖数 0 个
  • 回 帖
  • 表情 图片 视频
  • 发表

登录直线网账号

Copyright © 2010~2015 直线网 版权所有,All Rights Reserved.沪ICP备10039589号 意见反馈 | 关于直线 | 版权声明 | 会员须知