700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 《HTML5触摸界面设计与开发》——1.4 神秘谷 是什么让触摸界面反应灵敏?...

《HTML5触摸界面设计与开发》——1.4 神秘谷 是什么让触摸界面反应灵敏?...

时间:2022-09-08 21:25:19

相关推荐

《HTML5触摸界面设计与开发》——1.4 神秘谷 是什么让触摸界面反应灵敏?...

本节书摘来自异步社区《HTML5触摸界面设计与开发》一书中的第1章,第1.4节,作者: 【美】Stephen Woods 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.4神秘谷,是什么让触摸界面反应灵敏?

我有个两岁半的儿子。他从一岁开始就能解锁iPad并找到他想要的应用程序。他还不会说话,就会解锁iPad。我与其他家长交流意见,发现并不是因为我的儿子智商超群。触摸界面给了孩子们直观的感受:触摸和移动东西,是人类做的最基本的事情之一。触摸界面直观又强大。但它也很容易令人失望。

有一个理论在机器人学里被称为“神秘谷”:机器人看上去越像人,就越对我们有吸引力,但当机器人的外形快要逼近真人的时候,会让我们觉得很奇怪,甚至被吓得毛骨悚然。“谷”是机器人与人类相似程度与人类舒适度等级的映射关系的拐点。

触摸界面让人感觉很自然,感觉像在移动周围真实的物体。不正确的运用时,给人的感受不是慢,而是失望。直接操纵的假象被打破时,触摸界面也不再让用户感觉自然。这种失望感仿佛掉进了神秘谷,用户不再感觉自然,而是感觉怪异。

**

1.4.1传送长奥布莱恩和直接操纵**

像我这一代的许多人一样,我第一次触摸界面是通过《星际迷航:下一代》。如果你没有看过的话,可以想象一下:船上所有的控制面板为触摸屏,实际上是多点触摸界面。显然,这样做的原因完全是因为预算。电影的创作者希望在所有的控制面板中表现大量的复杂性,但以一个脱口秀节目的预算支付不起建造这些设备的费用。于是,他们想出了在胶片上印出界面,并在后面用灯光,创造出触摸屏的外观的方法。

传送长奥布莱恩,也就是操纵这艘飞船的人,用三指滑动手势来发动飞船。我觉得那个手势真的很有趣。界面上有三个滑块,演员会自然想到去触摸和拖动滑块,就好像操纵真正的物体。这是人们所期望使用触摸界面的方法。当他们触摸屏幕时,能凭直觉感到,与它进行交互,就像在移动一个真正的物体。

苹果的触摸接口指南称这个概念为“直接操纵”,而不是通过控制器来控制。在理想情况下,触摸界面给用户的印象是,直接操纵交互的东西。

你会注意到,当传送长奥布莱恩的手指移动时,小指示器也在随之移动。这就能保持直接操纵的假象。小指示器也提供反馈,表明计算机正在记录他的动作。

1.4.2给用户反馈

我会想,用户界面只需让人感觉快,而无需真的快。只需及时响应—立即响应用户,让他知道有反应了。我最喜欢的例子是TiVo。不是我现在的高清电视,而是在1999年发售的TiVo。那个电视盒有一个54 MHz的CPU和仅有的16 MB的RAM。虽然TiVo有特殊的硬件对视频编解码,但从用户点击一个影片到开始播放可能还是需要一段相当长的时间。TiVo的投诉有很多,但从来没有人抱怨它的速度慢。这是因为TiVo有用户熟悉的哔嘣声。

当用户点击一个影片时,能立即听到声音。我不知道工程师花费了多少时间才确保声音出现的及时性,这恰恰就是高明的地方。声音让用户能立即知道机器已经收到了他的请求。

在网页的用户界面上,这种及时的反馈是同样重要的。对于桌面电脑的网页,大多数人和设备的交互是分离的:单击后对应的效果出现。对于触摸界面,许多交互是连续的,因为它们是手势交互。当用户在屏幕上用手势操作时,不能等到手势完毕再做反馈,因为根据用户的理解,它们甚至会认为手势没有生效!

我们来谈谈滑动。滑动是指在屏幕上移动手指来执行一些操作。理想的情况下,界面元素应该随着用户的滑动而移动。如果是在页面之间滑动,整个页面应该随着手指移动。如果界面不动,那么在滑动结束之前,就无法知道到底发生了什么。没有反馈的滑动手势会像一个键盘,在你输入一个字母之前,它不会有任何反馈。手势不能等到完成时才反馈。为了让界面感觉反应迅速,还必须是连续的反馈,当用户的手指移动的时候,界面也应该移动。

如果用户在用手势操作,即使在操作完毕时,界面也必须跟着移动。如果界面在手势操作时中途停止移动了,就感觉像死机了一样。

例如,如果你创建了一组幻灯片,用户可以在幻灯片之间滑动,当用户到达最后一张幻灯片时,你不会希望手势响应停止,用户会以为界面卡死了。而是让用户继续滑动,当用户松手时,应该快速地将上一张弹回。用户得到了她的手势已经被机器接收到的反馈,只是幻灯片已经放完了。这是苹果如此严重地依赖在手势结束时的“迅速弹回”的原因。这是告知用户已经到了最后,而又不破坏手势意义的唯一办法。

规范

每个用户界面有它的规范。在桌面上有窗口、按钮、滚动条、关闭框。在移动界面,有一组新的规范。先行者苹果创建了两套UI规范。

你不需要一切都与原生的iOS应用程序完全一样。但知道一些手势和元素在移动领域的意义十分重要:不要使用滑动手势来表示选择,因为原生应用程序中这表示删除。不要更改操作系统通常会保留的手势(比如按下并保持一段时间表示呼出内容菜单,双指捏紧为缩小,双击为放大),除非你重新实现相同的基本功能。(你会在第10章中了解更多有关“滚动和滑动”的知识,在第11章中了解更多有关“双指缩放和其他的复杂的手势”的知识。)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。