1. 什么是交互设计

交互设计实则是目标导向设计,专注于创建具有逻辑思想、行为和动作的引人入胜的UI界面。从用户角度来说,交互设计是一种如何让产品易用、有效而让人愉悦的技术。交互设计师努力在人与产品之间建立有意义的关系,交互设计的目的是做出能使用户以最佳方式实现其目标的产品。

交互设计插图

2. 交互设计的原则

  • 目标驱动设计:目标驱动设计首先关注满足最终用户的特定需求和愿望。

  • 接近完美的界面:最佳的UI交互设计是透明的,它们不需要很长的时间来加载/响应;它们不会让用户思考;而且它们不会使用户感到悲伤。

  • 可用性:便于理解和使用底层系统状态的接口受到青睐。

  • 可供性:是指用户可以通过它的外表了解如何使用这个功能。

  • 易学性:UI交互设计致力于降低用户操作界面的学习曲线,让用户能够无负担的与界面进行交互。

3. 交互设计的维度

交互设计维度的概念定义了UI交互设计所涉及的内容。最初,交互设计学者Gillian Crampton Smith 提出了交互设计语言的四个维度:文字、视觉表达、物理对象或空间和时间,这些维度是用户和屏幕之间的交互。后来,IDEXX 实验室高级交互设计师 Kevin Silver 添加了第五个维度,行为。

维度一文字

文字应该易于理解,并且需要能够快速将信息传达给最终用户。

维度二:视觉表

涉及与用户交互的图形元素,如图像、图标和排版。它们应该结合文本信息适度使用,补充性地向用户传达信息。

维度三:物理对象或空间

物理对象,是指用户通过哪些物理对象与产品进行交互,是手机、笔记本电脑、鼠标还是键盘?

空间是指用户在什么样的地点与交品进行交互,在地铁上,还是办公室,或者家中?这些都会影响用户与产品之间的交互。

维度四:时间

时间是用户与前三个维度进行交互所花费的时长。它包括随时间而改变的内容,如声音或动画,以及产品是否能及时反馈与当前活动相关的信息,以便用户能够顺利进行下一步操作。

维度五:行为

行为是指用户如何执行目标任务,如何操作产品?它还包括用户与产品交互时的情绪和反应。

4. 交互设计师的角色

UI交互设计师是与设计、开发或营销团队相关的人员,可帮助创建交互和创意设计。交互设计师需要执行作为UI交互设计关键的活动,包括形成设计策略、线框交互和原型交互。

设计策略

设计策略关注用户的目标是什么,以及如何实现这些目标。反过来,设计师要制定一种设计策略,以了解实现用户目标所需的交互。

交互的线框图

UI交互设计师通过创建线框来展示产品的交互,他们勾勒出有助于必要沟通的界面。即便你是刚入门的设计小白,对线框图应该也不陌生。线框图可以直接地呈现出未来设计落地的雏形,让团队人员很好地感知产品的初步形态。这里给大家分享一篇线框图制作教程:《什么是线框图,五步搞定线框原型稿》。如果想要提升产品的用户体验,充分利用好线框原型是必不可少的一项技能。Pixso作为一款功能强大的设计工具,可以模拟产品形态和交互效果,实时优化用户体验。简洁易懂的界面和丰富的内置设计素材,让小白都可以轻松上手。

原型

UI交互设计师下一步可能涉及创建原型。他们会创建看起来与实际应用程序或网站完全一样的交互式原型,即高保真原型。这里,同样给大家分享一篇高保真原型的制作教程:《超详细高保真原型创建教程》,推荐使用原型设计工具Pixso,进行实战演练。

传统产品设计,往往要多个工具协作才能达到预期效果。新一代在线协作设计工具Pixso,

Pixso交互示例 style=自带组件变体、原型起始线框、原型跳转、弹窗设置、原型预览和播放等,可一体化完成高保真产品设计。无论在降低设计师花费工具的成本,还是提升设计效率上,都有很大的优势。Pixso有300多种转场交互动效、3000+大厂UI组件库,组件化设计理念,让高保真原型设计到交付体验从始至终,节省大量重复、乏味的劳动时间。

Pixso交互

如果想要了解有关交互设计的更多信息,你可以直接打开Pixso,学习更多设计知识。经过多轮迭代和内测的Pixso,不仅仅是高效的设计工具,而且可以帮你可以了解更多信息和其他参考资料。马上打开Pixso,体验新的交互设计之旅吧~