Notifications
Article
改善Unity编辑器用户体验
Updated 19 days ago
2.3 K
16
我们为Unity编辑器推出了一系列新的设计,包括:主题更新、UI互动更新、工作流程改进,新的界面方案
原博地址:https://blogs.unity3d.com/2019/08/29/evolving-the-unity-editor-ux/
作者:Dan Kahn,2019年8月29日。预计阅读时间10分钟

Unity编辑器是一款不断进步的内容创作工具,我们为它推出了一系列新的设计,标志了用户体验(UX)改善的开端。
每月,有上百万的创作者们用Unity制作出出色的内容与交互体验。经过多年的成长,Unity已成为世界领先的实时创作平台,拥有不断增长的多元化用户群体。作为一款使用频繁的生产力工具,易用性和效率就是一切。
怀揣着这个目标,我们放缓了脚步,将重心从推出新功能转移到了改善现有功能上,更加关注界面外观、核心交互和工作流程的体验。
在最新的2019.3 beta版中,包含了多个Unity编辑器的用户体验改进,这项长期性的任务将分多阶段进行。我们的主要目标是让编辑器能有以下特点:
  • 现代感。我们想提供给用户一个现代且专业的编辑器,制作精良、可靠,且能启发灵感。
  • 熟悉感。Unity的用户界面应与行业标准相一致。
  • 易用性。Unity的用户界面应让更广范围和不同水平的用户易于使用。
  • 高效性。我们希望为用户提供最优的简洁界面,方便解决常见任务,使用户的创作更为高效,工作流程更加流线化。
本文总结了我们在Unity编辑器中添加的所有用户体验的改善,包含了直到2019.3版本的所有更新。

现代化的界面外观

我们深信出色的设计是形态、功能和美学的完美融合。产品的视觉设计应具有目的性,应服务于可用性和工作流程。多年以来,Unity编辑器的界面经历了各种巨大的改变。随着生态的拓展,我们想让Unity编辑器有个一致的界面外观,提供更加连贯的用户体验。
主题。Light与Dark主题的更新加入了新的颜色和处理方法,为UI增添了辨识度。我们使用了一种更加轻量微观的界面外观,使用户能聚焦到内容和工作流程上。例如,我们在UI中移除了渐变以减少干扰,同时根据用户反馈留下了UI中的层次感,确保各种操作易于分辨,能准确表达行为和功能。
图标。图标是Unity编辑器UI的重要部分,能直观地表现出对象、动作和概念。它们的好处包括节省屏幕空间、让人一目了然、便于用户理、提升整体美感等等。
作为Unity编辑器用户体验改善的一部分,我们认为更新图标非常必要。于是我们将编辑器与Hub、Services Dashboard及其它Unity网站统一起来。这些新图标使Unity的视觉效果更具辨识度。每个图标都有不同的规格,能在不同显示类型(如HDPI)和分辨率中实现最优渲染效果,在任何屏幕上都清晰可见。
新编辑器和Unity Hub应用图标。这些图标作为应用的入口,一般出现在Windows任务栏及MacOS Dock上。新的应用图标是Unity方块标志的全新变体:黑底白色的是编辑器图标,白底黑色的是Unity Hub图标。这种现代风格完全符合Unity生态系统,反映了Unity对设计演变和一致性的专注。
新的UI字体。在任何用户界面中,文本都举足轻重,而在信息密集的Unity编辑器中,文本就更为关键了,准确的易读性必不可少。在不同平台上让文本实现一致的质量和可读性是一项挑战,因为不同的操作系统会用不同的方法渲染字体。Unity编辑器很长时间以来都使用同样的字体,但是经常会遇到显示和渲染问题,所以我们使用了新的字体以提升可读性,完善新的UI。在经过深思熟虑后,我们选择了Inter,一款专为电脑屏幕设计的现代字体。它有着极高的可读性,能减轻眼部疲劳。另外,在各种DPI下,它的渲染效果在所有操作系统和屏幕类型上都很出色。
在易用性方面,我们对UI文本做了进一步改进。先前,下拉菜单和文本字段中的字体非常小,所以我们提高了最小文本大小,为更广范围的用户群体增添了UI的包容性和可用性。

改进后的核心交互和操控

Unity编辑器在各种工作流程中有许多常用的核心交互(又称“微互动”)和操作。因此,这部分的改善将极大提升高效性和易用性。这也是我们致力于改善现有核心交互、提升可操控性的原因。
以下是我们已应用的部分改进:
  1. 窗口聚焦:Unity的编辑器是一个信息密集的环境,许多不同窗口会同时被打开使用,聚焦正在使用的窗口则会变得困难。所以我们引入了一条蓝线作为可视化指示器,来清晰地标出正接受输入的活跃窗口。我们希望通过增强上下文联系感,来帮助用户专注于工作流程。
  2. 选项卡改进:在过去,UI中选项卡的宽度是固定的,而不同长度的文本会造成不规则的空间占位,使得视觉效果失去平衡。现在选项卡的宽度将基于文本的长度,让文本和空间相一致。灵活的宽度也有助于UI本地化,能根据不同的语言文本改变大小。
  3. “+”键:添加内容是所有创作软件的核心操作:“+”按钮已成为现代UI中标志性的要素,用户在开始创作时会主动去寻找这个按钮。我们在编辑器中加入了这个元素,节省了部分空间,为创作者们提供熟悉的创作体验。
悬停效果:我们在编辑器中加入了悬停效果,以实现更好的响应和交互效果。悬停效果能显示出用户正在与哪一个元素交互,也能用作工具提示。

工作流程改进

工作流程包含了用户在Unity中执行的所有任务:我们把工作流程定义为用户实现目标所采取的一系列操作步骤。在Unity中有上百种不同复杂度和颗粒度的工作流程,存在着许多可改进和简化的地方。
在Unity 2018和Unity 2019版本发布中,我们相继采用了以下较为关键的工作流程改进:
Project Settings(项目设置):有许多用户很早就提出要改进Project Settings部分。先前,每个设置界面通过主菜单打开,在检视器中显示。用户们往往需要点击多次,才能找到要编辑的设置内容。当在另一窗口选中其他选项时,又会导致页面消失,因为每个设置页面都需在检视器中显示)。我们现在将所有设置页面整合到一个可停靠的窗口中,让用户能在一个侧边栏中找到每个页面的选项卡,轻松地浏览页面,提升项目设置工作流程的效率。我们还加入了能快速找到特定页面的搜索栏功能。单击切换项目设置页面大幅提升了效率。同时我们在Preferences(偏好)窗口中应用了相同的窗口模式,以提供更高效一致的体验。
Quick Search(快捷搜索)。当游戏制作涉及上百个甚至上千个资源和游戏对象时,要找到特定的内容可能会变得冗长复杂。快捷搜索功能可以快速找到编辑器中的任何东西,包括资源、游戏对象、设置,甚至是菜单选项。我们能用Alt+‘快捷键唤出该功能,它完全支持键盘操作:用户可以直接操作搜索结果,浏览相关设置页面,将资源直接拖到场景中,或激活菜单选项。有了这个内容搜索功能,用户就能省下许多鼠标操作,加快工作流程。
Shortcut Manager(快捷键管理器)。键盘交互是确保用户效率和易用性的重要部分。使用快捷键(单键或按键组合)执行命令能极大地减少鼠标操作,提高工作流程效率。新的快捷键管理器能让用户查看并管理Unity编辑器中的键盘快捷键。此外,在键盘和鼠标交互中,我们还发现了其他提高编辑器易用性的方案——请持续关注未来的版本发布。
我们的使命是提升用户工作效率,帮助用户以最少的工作完成目标。如果我们在用户常用的任务中节省部分时间,即使是很小一部分,累积起来也能有效地提升效率。往后,我们会持续地升级工作流程,提高软件性能和用户满足感。

参与改进用户体验

我们核心理念之一是用户至上,尽早收集用户反馈一直是我们服务的关键。
新的编辑器设计已经在预览版中发布了快一年的时间。在这一年中,我们从论坛、问卷和社媒中收集到了大量有用的反馈。我们的用户群体都非常的热情。我们在设计时会尽可能地应用这些反馈,根据用户提供的建议迭代系统。
由于我们需要根据实际需求做出重大改动,从一开始就需要用户的参与。毕竟,只有能解决问题、为用户带来价值的改动才是好改动。如果你对新设计又任何想法,请访问我们的论坛。

未来展望

这仅只是一个开始,在界面外观、核心交互和工作流程上,请大家期待未来更多的用户体验升级。
下方是未来可能的用户体验改善方案:我们想让工具和操作界面更接近用户的注意区域,帮助用户专注于创作流程。另外在本方案中,我们试着实现新的工作空间,让用户能更轻易地创建和切换编辑器布局,为特定任务如构建世界、制作动画、设置光照等来优化布局。
面向数据的游戏创作和开发也是重点调研部分,我们做了大量的用户调查和设计,努力让工作流程直观、高效、以用户为中心,努力达成让用户轻松创作的愿景。
我们将从用户提供反馈中学习、确定未来的设计路线,诚挚地感谢一直提供宝贵建议的社区。

开发者人机界面指南

如果你是名Asset Store(资源商店)开发者,开发过编辑器拓展程序或资源包,我们在新的人机界面指南网站(正处于Beta阶段)准备了一个过渡指南,帮助你适应新主题、外观界面和系统交互。

Ninja Megacity工程

图中的Ninja Megacity演示工程是由Graphics(图形)小组和Animation(动画)小组制作的,用以展示Unity 2019.2中新发布的Animation Rigging(动画绑定)包中的新功能。我们在今年的SIGGRAPH大会上教授了Studio Workshop如何使用这些工具,你可以在Github上下载本示例工程。在Unity 2019.3中,我们升级了工程,从而测试本文中用户体验改进的效果。
或者也可以在这里下载Ninja Megacity工程文件。👇

致谢

本文中所介绍的UX改进成果是Unity各个团队齐心协力的结果,包括R&D UX团队,PM团队,品牌与设计团队,实验室团队,内容团队,产品团队,QA团队和编辑器团队都在此次编辑器用户体验升级中做出了重要贡献。

开发过程中遇到问题?在这里提问:connect.unity.com/g/discussion
觉得这篇博客内容不错or有待提高?请在下方评论区留言。我们会根据大家的需求,优化内容产出^_^
Unity China
672
Comments
啊河马河马
7 days ago
写得还蛮诚恳的
0
桔子
a month ago
tspersonal
逆萌兜奏凯用Recorder录制视频或者截图的时候,第二个快的位置上,永远是上下镜像反转的,这个BUG到底啥时候修复呢?每天整点没用啊……
我也碰到了 反掉了的就很的蛋疼
1
Liming Zhang
Staff
a month ago
Lead Field Engineer
steve zengu3d需要的不只是ux改进,还需要以下这些。1,毛发系统2更强大的布料系统3一个跟虚幻最新的破坏系统一样的破坏系统4流体力学系统强大的天气系统6可视化编程系统等等
另外我们正在开发一套基于DOTS的布料系统,会内建在我们新的Unity Physics引擎里面 还有马上会发布Havok引擎的集成,里面会提供更多高级的物理效果 https://blogs.unity3d.com/2019/03/19/announcing-unity-and-havok-physics-for-dots/
2
Liming Zhang
Staff
a month ago
Lead Field Engineer
Liming Zhang可视化编程工具计划在2020.1版本发布 Unity内建的布料系统在2019.2从PxCloth升级为NvCloth,会有效果提升 HDRP会提供毛发渲染的shader
VFX Editor可以实现很多流体效果,另外可以考虑使用houdini做流体仿真,通过Alembic文件导入到Unity做渲染
2
Liming Zhang
Staff
a month ago
Lead Field Engineer
steve zengu3d需要的不只是ux改进,还需要以下这些。1,毛发系统2更强大的布料系统3一个跟虚幻最新的破坏系统一样的破坏系统4流体力学系统强大的天气系统6可视化编程系统等等
可视化编程工具计划在2020.1版本发布 Unity内建的布料系统在2019.2从PxCloth升级为NvCloth,会有效果提升 HDRP会提供毛发渲染的shader
2