招生合作
课程分类
您当前的位置:南京习知网 >南京习知网 >交互设计师的超能力

南京交互设计学习网

交互设计师的超能力

发布时间:2020-09-02 17:51:17 已帮助:290人

交互设计师的超能力

交互设计,本非从古典的设计学科细分出来,而是跨学科实践先行而理论滞后的特殊学科。这个角度说,大家确实不该把自己想的太特别,是比较客观的。其实他在我们生活中有着不可替代的作用。
 作为消费者,我们每天都在不知不觉中看到并与这些微交互进行交互。“赞”按钮是最简单的示例之一。其他几个是:
  滚动鼠标时出现的简单滚动条
  向左滑动可以清除iPhone主屏幕上的一条通知
  能够看到对方在短信应用程序上“正在输入”
  显示下载百分比的进度条
  拖动刷新,重新加载应用程序屏幕上的内容
  交互错误页面,如谷歌chrome浏览器上的恐龙游戏和为一篇媒体文章鼓掌,是一些最常遇到的微交互。那么,为什么这些方法非常有效呢?为什么每个应用程序都有它们?
什么是微交互
  微交互就像任何其他与设备的交互,它被用来向用户传达有意义的反馈,因为用户必须不断知道当一个动作被执行时会发生什么。当你点击按钮、滚动页面、向购物车中添加商品、向左刷卡时,人们往往会期待发生一些事情。
  通常可以通过提供系统状态(Nielsen|尼尔森启发式方法)或帮助用户避免常见错误来实现。当您未填写必填表格字段时,带有错误消息的红色边框是微交互。
为什么要使用微交互
  为了更好地理解这些,下面是一些成功的移动应用程序示例,它们使用交互来实现各种目的。
 1滑动手势
  这些类型的交互是用来节省移动设备上的空间,通过隐藏一些动作项目使用手势。例如,你可以看到,向左滑动将删除一封电子邮件,向右滑动将存档一封电子邮件。类似地,在锁定屏幕上取消/清除通知。

 2快捷动作
  快捷动作的一个简单例子是苹果设备上的3D Touch,当你点击并按住应用图标时,它会向你展示用户最常用的动作列表。这节省了点击次数和时间。例如,Instagram展示了像相机、新帖子等动作。
  3传达信息
  这些类型的交互分解了复杂的信息,并使用视觉、动画轻松地将信息传达给消费者。一个很好的例子就是解释信用卡的利息费用。这是一个敏感的话题,Apple Card通过循环的互动动画来告知用户最低和最高的收费来赢得顾客。
 4互动参与
  有时候,你希望用户通过给他们惊喜来与界面互动。这种惊喜与行动结合起来会更有力。Robinhood应用程序最近发布了一款借记卡,排队等候的人数超过了100万。要想在等候名单中把你的位置往上挪,用户可以进入他们的应用程序,点击卡片(最多60次)。这是一种让用户与应用程序互动的有趣方式。

 5提供反馈
  动作可以有效地用于在用户触发或输入某物后向用户发送反馈。错误状态和成功状态就是其中的例子,下面是一个移动应用程序的正确和不正确密码输入的例子。

 6界面操作指引
  每当一个新产品或应用程序推出一个花哨的功能,如果用户发现它太难理解,它就会失败。所以,在这样的时候,应用程序可以利用微交互来教会用户使用功能。例如,N26金融科技应用程序使用动画来展示用户如何将钱从一个钱包转移到另一个。

 7指导用户的注意力
  当手机屏幕的大部分空间都被信息填满时,我们很难突出显示我们希望用户注意到的特定功能。微互动可以通过动画和过渡效果的运用,给用户带来愉悦感。例如,在Slack上,在您开始键入之前,发送按钮是灰色的,而在您开始键入之后,它变成蓝色,向用户指示它是动作调用按钮。
  
 8让加载屏幕变得有趣
  我们不得不接受大多数加载屏幕都很无聊。但微互动和动画可以把它们变成非常有趣的东西。Google就利用这个空间,在加载或设置过程中等待一段时间时,为用户创建美妙的直观体验。