在构思电子设备时，我们会借助类似、之类的软件工具进行创作。资历深厚的从业者肯定明白，设计远不止于外观呈现，其内涵更为丰富。Steve Jobs曾这样阐释设计的真谛：

它不只是看起来怎么样，也不在于感觉如何，关键在于运作方式。

我们的感受与对产品的看法，会受到许多条件的作用，其中互动最为根本。我们不再持有那种观念——界面是固定的样式，再配上一些巧妙的操作。从一开始sketch软件介绍，我们就应当明白互动才是网络的核心，把它当作关键要素。

下面展示若干案例，这些案例中的互动效果，系借助精巧的动态变化实现，能够持续优化使用感受。

动画式滚动

链接批评频繁，使用普遍。若您点击某个网址，或许会被引至任何角落，可能是商品展示页面，也可能是街边一家破败木偶店的网页。这种情形导致体验缺乏连贯性。

阅读体验最为出色的优势在于其顺序性。每一章节都环环相扣，必须先通读前文，才能把握后文要义。若随意跳过某节，很快会察觉遗漏了关键信息，毕竟部分内容就记载在那一段落。这种情形在网络环境中尤其常见，尤其是篇幅较长的网页。借助加入一些滚动效果，问题便可得到缓解。

然后对比这个：

分析“name”目标位置链接的常规表现与动态效果。点击后页面切换不再是盲目的变化；那是使用者主动的选择。事实上，每秒钟二十四幅画面中，移动版本存在一个菜单符号，无需借助动态效果就能直接回到页面起始位置。这个设计曾让我感到十分困惑。

界面上的骤变不易让使用者明白过来。持续向使用者呈现实际情形。

状态式开关

前文实例表明，动态效果有助于使用者掌握界面上的各项操作，突然转换显得极不协调，这与现实环境中的变化规律不符，我们再举一个场景：菜单转换过程，使用者将“加号”符号和新增内容、添加项目建立联系，当它旋转四十五度，“加号”就变成“乘号”，这个图形符号被普遍认知为“终止”的标志。

这个动画彻底重塑了图标的含义。如此微小的设计，暗示着某种推测即将出现，也让人明白图标在不同情境下的意义差异。这种转换十分符合用户习惯。另外，“+”符号的旋转方向与内容保持一致，进一步强化了信息的连贯性。

:让你网站上的元素的每一个状态都是可以被理解的。

折叠式表单和评论

众多博客与新闻网站上的留言框往往不受欢迎。为何如此？多数设计缺乏亲和力。用户欲发表看法时，本意仅是输入文字，而非填写额外资料。然而，常规的表单却强制先填写其他内容。这种做法令人反感。

想让人们更积极地发表看法，我们简化了表单设计，仅保留评论栏。不过，当用户点击这个区域，表单会随即展开。这个做法在纽约时报的测试版网站上可以见到。

可以继续优化它，在它延伸之际，将注意力集中在评论区上。这种方式存在缺陷，因为按照交互设计的规范，某个操作的执行应当紧邻其触发点（即人们关注的地方）。我们不妨再深入一层，借助评论区的动态效果来吸引用户的视线：

或者你可以把意见输入区设置在上方位置，根据需要实现动态增长，其他的输入区域则安排在它的下方。

能够明白，这样做可以消除误解，使留言区域更加吸引人。然而，倘若将前面所有的回复都收起呢

展开评论后，会出现与文章篇幅相匹配的滚动条，而不会涉及整个网页内容。一种常见的处理方式是，在用户浏览到页面末端时，系统会自动加载更多评论。除非有充分的必要性，否则我们不宜促使用户进行点击操作。

分步呈现的思路是为了减少界面元素以突出其核心价值，仅在用户需要时才将其呈现出来。

下拉刷新

没过多久，一种特别令人兴奋的互动方法问世了，叫做“下拉刷新”，由Loren提出来。这种方法能让用户更新按时间逆序显示的信息。你可以在某些应用里观察到这个思路的运用。当用户将最顶端的推文拉到极限，再稍微向下拖动，就能刷新内容列表。

它为何如此管用？在能够下拉更新之前，人们通过按刷新键来获取更多资讯。利用人们想要发现更多信息的心理去促成刷新这个行为，使得该操作变得顺理成章。

:联系动作背后的意图，才能做出无缝的体验。

粘性标签

粘性标签是一种别致且实用的技巧，它融合了UI组件与富有表现力的动态效果。这位设计师在其创作中频繁采用此方法。

这个项目标识会伴随内容移动，为右侧图片补充背景信息，直至下一个项目出现。这种效果类似iOS联系人功能，在需要背景信息的长文阅读中十分实用。该动画有助于导航，同时使内容呈现更加流畅。

:在长文章中使用粘性标签，可以描述或为内容增添有用信息。

功能可见的动画

这种效应源自心理学领域，具体是关于人们如何通过事物的某些方面来形成印象，它指的是利用目标物的某些属性来影响观察者的感知。

这UI设计中，EU网站上的可用性术语(PDF)是这样定义：

功能可感知是界面设计的一个核心追求，软件应当巧妙地引导用户，帮助他们顺利达成目的，每一步操作都应清晰明了。

脊线通常用来增强功能的可视性，按钮附近的脊线表明该按钮可以交互，iOS系统的相机程序将这一设计手法普及开来。

iOS 6的锁屏界面，相机图标周边有线条标示其可移动，Apple在iOS 7版本中移除了这些线条，显然因为用户已适应这种设计，如今图标更似独立按键，实际操作方式不变，通过拖拽按钮，推开锁屏，即可显现下方的相机，这种在界面中突出产品特性的方法，是相当有效的技术手段。

:添加功能可见的元素，帮助用户在界面中找出 产品特点。

基于语境()的隐藏

苹果系统首次推出时 就内含一项情境感应的隐秘设定,大致形态如下

下拉时，界面上的工具栏等部件会自行收起，向上拖动时，它们又会出现，这种设计有助于提升使用感受，让注意力集中在当前操作上，同时扩大了屏幕的可视范围，对于手持设备来说，这一点尤为关键。

用户操作时通常会选择滑动查看信息，一旦动作停止，可能就需要调整当前场景；为此控制界面会再次展现出来。这种设计能够节省显示空间，不过需要确认这一前提在你负责的项目中是否适用。

苹果系统有个特点，往下滚动屏幕，工具条会自动显现。这种设计很巧妙，能根据用户操作实时调整界面。

:利用基于语境的隐藏，来提高专注度和节省空间。

焦点动画

九天前，一位多伦多的用户界面设计师构思了一个想法。他制作了一段程序，用于实现视线转换的动态效果。目前尚处于测试环节，但这个构思相当吸引人。接着可以观看他的录像。需要提醒的是戴上音响设备——配乐效果很特别。

但是借助键盘进行操作时sketch软件介绍，使用者往往不清楚按下tab键后，焦点会转移到哪里。动画可以明确指出正确的位置。动画效果十分精巧，却对操作过程大有裨益。

:为用户导航，不管用什么形式。

结论

此处仅列举部分范例，其他场合亦可发现类似情形。核心意图并非呈现最新颖、最前沿的交互手段，而是阐明微小的交互之处能够显著优化用户感受。

若想创造出更优的电子设备，我们须突破既有观念，探究互动如何悄然抚慰使用者日常。并非要我们推倒重来，但停止钻研实属幼稚之举。因此，要挣脱舒适区，持续进行探索与验证。

如果你喜欢这个，可以加我微信，或者和我一起在瑞士喝杯啤酒

本文作者：@ 翻译：@ 来自：

如有侵权请联系删除！