UI和IxD

文/Moond

延续之前“设计师和美工”的话题模式，UI（用户界面）和IxD（交互设计）

这两个非常相似的角色名词也一直让我迷惑了很久，明明在做用户界面的设计师，却被称为交互设计师，也就是交互设计做的其实是界面的信息结构设计或者高保真界面，或者交互设计师不清楚自己的工作范围应该涉及多少，哪些事情应该是自己的职责范围。

当然title怎么叫会根据公司或者团队的组织需求而不同，叫什么也许真的不重要，不过了解一下称谓的渊源应该还是有意义的。

普遍被接受的是，UI和IxD是两个互有交集的概念，前者需要考虑的范围要更广一些，也就是UI会包容IxD，或者说至少需要得到IxD的支持，IxD可以在没有UI的情况下先行设计，但UI就必须依据IxD来组织界面的操作流和页面需要表现的信息结构。

（Mac 1.0，1984）

以上图苹果界面为例，设计最终呈现的包含了交互设计的集合（菜单、按钮、窗口操作）、形象化的图像按钮、窗口以及界面信息的排布方式。整体看到就是一个类似皮肤的界面样式，这也导致界面设计带有一定的局限性：如果需要表现各个操作的潜在表现，比如按钮在窗口中拖到的操作结构，就不得不借助交互规范来描述完成了。

通过这个例子，可以看出在进行UI设计时，会同时需要考虑到视觉设计、交互设计、信息设计或其他更多因素。

●视觉设计帮助用户快速理解并开始界面操作；

●信息设计让用户导航找寻他们需要的信息；留意一下现实工作环境，如果团队里没人专门做信息架构，这个责任往往被左右于很多角色之间，比如UI、IxD、UE、PM……谁来决定信息应布局在什么位置最合理？这是一个很难回答的问题。

●交互设计专注于需求、任务和目标三者的有效实现，对于UI而言，这里应该是相对细节的单页面交互设计。

所以从上面可以理解为，IxD则是从UI衍生出来的一个独立领域，主要专注于如何让用户与产品在特定任务情景下的交互操作更有效、有用、有趣，这可能会涉及对启发式理论、控制论、人机工程学、规划理论等的具体应用，甚至在更多不同领域中将音频、视觉或空间等多媒体的综合运用在一起，比如声音识别交互、手势交互、触摸交互等。也许这也是为什么在欧洲的部分学校已经把ID从工业设计中脱离了出来，成为了一个独立的专业。

在网上找到上面这个类似想法的图片，也就是交互设计主要会考虑下面3个问题。

●你会如何操作？接到任务、情景理解、判断显示、尝试控制。

●操作后有什么感觉？接受响应、错误处理、执行确认。

●你从操作中明白（获得）了什么？产品（服务）认知、期望判定、体验提升。

希望上面整理的这些信息能帮我们更好的理解以上两个角色的不同，在工作中把精力更多地专注于该做的事情上。如有不同想法，欢迎大家一起讨论。