触摸及手势交互方式有着极大的潜力为移动体验带来便捷和更多趣味

  次阅读 作者:智能小宝 来源:互联网 2015-09-29 10:37 我要评论(0)

如今,孩子们在这样一个被触摸屏包围的环境下长大似乎是一件自然而然的事情。家长们惊奇地发现他们的孩子正在以难以置信的速度认识、理解平板电脑和智能手 机如何工作。这种现象表明了触摸及手势交互方式有着极大的潜力为移动体验带来便捷和更多趣味。

挑战Bars和Buttons

Apple的用户界面设计指南(Human Interface Guidelines)和App程序审核委员会(Apple s App Review Board)对移动应用程序质量有着非常大的影响。它们帮助了非常多的设计师和开发者理解核心的移动用户界面元素和交互模式。举例来说,如何使用 UITabBar和UINavigationBar控件要数Apple最基础最著名的设计指导了,我们都在实际设计中遵循过类似的设计指南。

事实上,如果你设计的第一个iPhone应用如果没有使用任何顶部或底部的bar元素,请截图并与我取得联系,我可以请你喝酒并且开心地宣布你比你 存在的时代要超前的多。

我对于顶部和底部的bar的最大的意见是他们几乎占掉了屏幕的20%左右的面积(对iphone5以前的手机来说)。在如此小的 画布 上做设计, 我们应该用尽每一个可能的像素来聚焦在内容表达上,因为毕竟最终,内容才是真正重要的部分。

在这个充满了革新的行业里,移动设计师们需要更多的时间来探索如何设计更加有创意和更原创的界面。即使Apple对 出格思考 的App持着令人沮 丧的排斥态度,类似Clear和Rise这样的充满实验性质的UI和UX应用设计成功上架并获得好评则为原创带来了一些光明。也许它们的界面看起来非常的 极端,并且聚焦在概念超前的用户或者探索者身上,它们还是为大家展现了手势驱动的界面设计的无限创新潜力。下图就是两个基于下拉操作的界面设计。

手势驱动的界面的巨大能量

两年多以来,我一直在探索哪些手势操作为移动应用的用户体验带来价值。对我来说最为重要的判断标准是交互必须能够直观地被感受到。这也正是为什么像 Loren Brichter的 下拉刷新 在第一时间内可以成为行业标准。Brichter在iPhone版Tweetie里的下拉刷新设计,为基于列表内容呈现的 应用创造了一种手势操作而抛弃了原来的刷新按钮,直观便捷地解决了刷新的需求。

去除UI带来的干扰

一个开始设计手势驱动界面的好方法就是将你的主要屏幕只用来作为核心内容的呈现区。不用觉得有义务要得把重要的导航元素在主屏幕上一直呈现。相反 地,考虑导航自己的位置和空间。这里我们可以考虑一个虚拟的2D或者3D的新维度,可以将导航放置在主体下方、之后、后面、前面、顶部或者隐藏在头部。这 时,拖动或者轻抚的手势操作就是一个唤起这些UI元素的非常好的方式了。当然,在App中你可以自由的定义和设计这些交互方式。

下图是Facebook和Gmail的iOS应用界面,各自的方式实现 侧滑 菜单(译者:这种形式最早是由Path iOS版引起流行的,目前可以在众多导航复杂的应用类App中看到)。这种UI概念非常容易被理解和应用,用户在整个视图中左右滑动来显露和隐藏左侧的导 航元素。这不仅使App看起来更加以内容为中心,同时可以使用户在两到三步的触摸操作中任意进入应用的各项功能。很多拥有复杂导航层级的App远远不如此 种形式方便和快捷!

除了用户界面的导航,你的App可能也同时需要支持一些上下文情境中的交互操作。比如,在所有的内容中同时加上两到三个同样的操作按钮就往往会造成 界面的干扰(译者:在很多feeds列表中我们常看到每条feed下都有评论、转发、点赞的按钮)。当然按钮们非常的有用并且好用,但手势在内容的交互上 更加直观和有趣这点则非常有潜力。所以在重要的交互上使用类似轻触、双击、点按等简单手势时不要犹豫。Instagram则使用简单的双击来执行对内容的 一项重要操作标记对一条内容的 喜欢 和 不喜欢 。 未来我如果看到其他App将这个快捷方式整合进自己的应用时也不会感到惊讶。

合适的交互界面

当在设计一个有创意的移动产品时,预测用户行为是比较困难的。当我们在为Belgium的Public Radio项目做设计时,我的团队在为音乐可视化和实时新闻之间的视觉平衡争论不已。因为每个用户使用App的上下文场景不同,所以很难抉择一个适用更广 的完美UI。于是最后我们决定整合进一个简单的拖拽手势来让用自己决定如何显示两者之间的平衡,如下图所示,用户可以自己决定当前的情境下更想关注在哪个 内容上面,音乐或者是新闻。而不是被动接受一个由设计者为大多数情景妥协而做的设计。

考虑时间、维度和动画的因素

当用户点击一个元素是会触发什么反馈?如何用可视化的方式将这种反馈表达出来?一个特定的UI元素以多快的速度呈现到视图上?是不是5秒中之后就自 动消失在屏幕上了?

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...