交互设计中看不见的细节
作者:优漫动游设计部 2023-07-11 17:08 查看: 236
  设计给人的感觉似乎没有任何科学依据——只有感觉和直觉。即使是研究人员也很难将交互设计实践扎根于科学,本质上将它们视为神秘的黑匣子。虽然从我自己的经验来看,这在一定程度上是正确的,但我一直在尝试解构和挖掘交互设计出色展示背后的原因。

  在互联网上搜索交互设计的深度会产生大量的回收内容,这些内容痴迷于用户角色、故事板和标有“UI”和“UX”的维恩图。除了一些精彩的演讲之外,真正的实质内容和见解也向那些愿意狂热挖掘的人展示。要么通过研究晦涩难懂、冗长的研究论文,要么疯狂地重播数百个慢动作屏幕录像。



  坐下来认真思考也不会神奇地产生有价值的发现。“交互”一词的本质是指人与环境之间的关系。根据我的经验,伟大的启示来自于做一些事情——用一个问题填满你的头脑——然后去综合性的白日梦散步来搅动锅子。


  本文不是教程,也不是指南集。而是对我经常使用但很少思考的一些交互的不可见细节的观察。除了重新创建界面之外,我发现这种反思练习是建立更强大的设计直觉和词汇的另一种好方法。

  隐喻

  交互设计到底是什么?以下是我从技术角度思考这个问题的方式。交互设计是一种艺术形式,可以创造流畅地响应人类意图的体验。滑动何时触发动作?手势能保持动力吗?如果手指覆盖内容会发生什么?我们如何根据上下文预测意图?在这些细节上执行得当会让产品感觉像是我们自己的自然延伸。2

  但它不像绘画或作曲那样是一种艺术形式。交互设计有一个独特的人为因素。为什么?因为最终人们试图使用产品来完成工作。光有形式和构图的美是不够的。在形式和功能之间取得整体平衡会带来明显的内在满足感。

  优秀的交互设计通过重复使用隐喻来奖励学习。您只需两种手势即可使用大多数触摸界面:点击和滑动。例如,在iOS上,明确教您如何操作的唯一手势是向上滑动以打开:

  现在您已经学会了通过滑动来解锁对界面许多其他部分的控制。滑动动作还告诉您界面是由堆叠的层组成的,就像一副纸牌一样。知道了这一点,您可能会热衷于尝试在屏幕上向下滑动以发现更多控件。从概念上讲,该界面进一步隐式地告诉您向下滑动可以显示系统功能的各个层次。当您深入研究Apple生态系统时,这些知识就会更加丰富。


交互设计中看不见的细节


  我们可以进一步延伸交互设计的隐喻。为什么水平滑动可以在页面之间导航?因为这就是数千年来我们与书籍直观互动的方式。

  出色的交互是根据现实世界的属性(例如可中断性)建模的。这听起来有点傻,因为,呃,显然翻书的一页是可以被打断的。但想象一下,如果这是一部你必须等待的动画!

  捏合是我们直观地与缩放联系在一起的另一种手势。简而言之,缩放是一种精确的行为——调整可见细节的数量。

  我们可以认为捏类似于需要复杂运动技能的动作,例如捡起微小物体或处理香料。当然,我们会捏住手指以获得更高的精度:

  请注意触摸屏上的捏合是如何反向工作的。首先,您将手指并拢,然后将它们分开以放大。但是要抓住某些东西,您需要从远处将手指并拢。

  这是因为界面需要首先从缩放起始处建立一个锚点,并且用捏在一起的手指来选取锚点要容易得多且更精确:

  两根并拢的手指捏住屏幕,两个手指的中心形成一个锚点。

  从技术上讲,当手指从分开开始时,也需要计算锚点。但通常这意味着缩小,并且原点的精确度并不那么重要。本质上:在触摸屏上,更高的精度意味着手指开始靠得更近。

  两根并拢的手指捏住屏幕,两个手指的中心形成一个锚点。

  无论是从科学角度还是从直觉角度来看,有成百上千的设计决策都是由那些着迷于最微小利润的人做出的,这样当他们工作时,就没有人需要考虑。其中许多都利用了我们的本能行为。

  动力学物理

  锁定屏幕向上滑动表明,本质上,它只是一个可以通过向上滑动来关闭的覆盖层,并且在该框架内也是一个应用程序。这意味着您现在也知道如何驳回申请。

  让我们看看关闭应用程序如何演变成动态岛。请注意该手势如何保持其抛出时的动量和角度。它永远不会完全集中或在时间上保持一致。
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服