将专业工具改造成游戏化界面，这名设计师都做了什么？

得益于电子游戏在全球范围内的广泛影响力，其成熟的人机交互模式和用户界面设计经常被其它领域所参考和借鉴。

此前最常提及的一个例子，就是美国军方曾 将 Xbox 手柄当作某些武器的控制器。 这不仅因为低成本的缘故，同时也是看中了它较低的上手门槛和易用性，毕竟只要是玩过游戏的人都知道方向键和摇杆指代什么。

▲ 图片来自： Gamesblog

2018 年年初， Formula E 电动方程式大赛与设计公司 DixonBaxi 合作，展示了几张概念化的电视画面包装，也能看到不少赛车游戏的 UI 元素与布局。

可以说，动用游戏元素对现实世界的产品加以改造，已不再是一个新鲜的概念。最近，知名网络安全公司 JASK 的设计师 Harlan Elam 便分享了自己的开发经验，他所做的，就是将科幻电影和游戏中常见的 HUD 界面，引入到公司的安全工具之中。

在此之前，Elam 曾在暴雪娱乐公司工作四年半，对游戏界面设计和用户体验已经有很深的研究。

在接受 Venturebeat 采访时 ，Harlan Elam 强调说，做企业产品和做游戏不同，像 JASK 这样的安全信息和事件管理软件大多不会将普通消费者作为受众目标，所以比起设计，会对功能性有着更严格的要求。

▲ 左边是旧版设计，右边的新版设计

但也因如此，这类产品往往只负责提供信息，却很少会关注如何呈现信息，且交互往往都很死板，而 Elam 则希望将它进行简化，且更容易被新用户所理解。

「这就像做游戏的新手教程，有的游戏会给你一本说明书，而有的游戏则会把教程直接整合到开头几个关卡中，让玩家在游戏过程中去理解玩法，后者就是我想在 JASK 中实现的事情。」

▲《Battlezone》游戏的界面

据悉，他从《Missile Command》、《Battlezone》等射击游戏中获得启发，尝试将圆形的雷达图引入到主控页面中，雷达外围的红色三角形则代表当前网络中最高优先级的风险事件，以便提醒监控人员进行解决。

▲ Harlan Elam 设计的雷达图。

「色彩和形状是传递视觉信息中最重要的指标之一，就像你在路边看到红灯会自觉停下来一样，我们采用红三角来作为警示标志，也是为了告诉客户当前应该先处理什么事情。」

与此同时，Harlan Elam 还在着手研究如何将单纯的数字，转换为更直观的动态信息图。

他发现，很多竞品公司的监测工具只会一味地展示各种数字，要不就是做几张曲线图，这对游戏玩家可能足够了，比如一名《使命召唤》游戏玩家可能只是想看看自己的 K/D 率；但对专业分析师来说，单纯的数字显然还无法满足他们。

「如何和其它具有相同功能的产品做出区分，受到专业用户的认可？引入游戏机制可能是一条可行的方向。在游戏中，我们会通过打怪升级、排行榜等手段来体现玩家之间的差异，让目标变得更为具体且量化，这也是未来我想做的事情。」Elam 在采访中说道。

有趣的是，Harlan Elam 在前期的调查中还发现，大部分 JASK 的使用者本身也是游戏玩家，这也成了本次改造得以成功的重要原因。

题图来源： Harlan Elam