实践应用

设计成果

  在《通用交互手势词典》和 IxDL Editor 的帮助下,在企业的实际项目、课堂的虚拟项目、及校企合作项目中,我们不断实践“交互设计语言”的方法,并完成了很多设计方案。下面列举了一些具有代表性的交互方案。


查看案例 ▶︎



流程与效率

  在传统的设计流程中,由于对设计细节(尤其是交互层面的细节)的沟通不明确,导致界面设计与原型开发之间需要反复沟通、测试和迭代。很多交互的问题直到开发完成后才被意识到,因此不得不二次开发,导致资源的浪费。此类问题的解决依赖于设计者个人的经验和能力,并且不容易传达给他人。

  在应用交互设计语言的设计流程中,由于对交互细节精确、定量的描述,使得设计团队对于设计效果的理解统一、明确。因此,可以在开发之前就对交互细节进行深入的讨论和修正,进行思维层面的迭代。另外,由于开发者对设计方案的理解和设计者准确一致,返工率很低。设计师和开发者都可以花更多的精力集中在需求本身,而不是彼此的沟通上。

企业反馈

  网易游戏(广州)某游戏项目组率先实践“交互设计语言”方法论,以下是部分成员的反馈:

刘某某(设计)

  “工作的时间中70%都花在了写文档的过程。交互设计语言可以将思考的过程与输出文档的过程合二为一,提高效率与增强细节的思考。而且此类文档可以重复使用,减少工作量,通过替换元素得到新的交互创意。”

陈某某(策划)

  “交互设计语言的文稿虽然开始看不太懂,慢慢理解后发现,可以思考很多我们无法想到的细节和情况。”

郑某某(开发)

  “我当然喜欢这种语言的文档。我可以清晰的理解交互设计师的想法。只要交互设计师思路清晰,一般实现不会有问题。”

龙某某(开发)

  “清晰的描述了需求,往往UI的语言表达方式不同导致文档风格也不一样,统一的语言可以减少我们的苦恼。”

陈某某(测试)

  “交互设计语言的设计文档减少了我们对细节理解的歧义,测试内容也更精确。不需要拿着文档一个字一个字的读,生怕哪个地方理解的不对,造成失误。”

如何使用交互设计语言

应用交互设计语言的过程,可以大致归纳为以下的五个步骤。

  (1)确认场景和对象是应用交互设计语言的前提。由于交互设计语言的基础是“操控力”视角,操控什么对象以及在什么场景下操控这个对象就变得格外重要。

  (2)确认行动与操作是第6 章中介绍的宏观行为框架,有助于我们明确将要通过怎样的操作类型,施加何种控制于对象。

  (3)属性及属性之间的联动是交互设计语言的必要组成部分,如何利用合适的属性和联动结构是交互设计师需要思考的关键问题。

  (4)联动关系的细节和不同的组合形式能够对用户的使用产生不小的影响,因此也需要仔细考究。

  (5)最后便是评估整个交互设计创意,然后制作原型或者直接进行开发。

 

  这五个步骤并不是单向线性的,而是可以循环反复地进行迭代。当我们在任何一个步骤觉得有问题或者原型效果不尽人意时,可以回过头去对之前的内容进行调整。也只有这样反复不断地调整,才有可能创造出合适的交互效果。这五个步骤也不是金科玉律般的教条,需要严格地从第一步执行到第五步,当我们对要设计的产品熟悉之后,可以直接进行联动关系的细节调整。

  最后的概念评估也十分重要,因为不论是原型还是实际开发,都有一定的成本。相比之下,梳理交互设计语言的成本就要低得多。“操控力”强弱的四个维度也是评价标准之一。“操控力”不是越强越好,而是要做到恰当、准确和有效。一个“操控力”中所拥有的“联动”数量也可以作为评估的参考,“联动”数量越多,说明该交互本身越不直接,用户使用起来就越费力,有可能会降低使用的效率和整体体验。