如何提高ui设计师的交互思维？

交互思维仅是一种被动技能，被动技能的触发是无意识，且根据经验的加持而产生叠加伤害效果的。跟主动触发技能不同，它没有实际可见的按键给予玩家控制。但是根据技能等级的提升，伤害效果也是持续增加的。

比如场景分析、竞品分析、用户调研等，都是实际可见的方法论，通过反复操练逐步提升熟练度。但是交互思维是不可见的，它隐含于设计师输出物的内在表现上，如合理性、商业性、可用性等等。它不仅是设计师自身经验的表现，也是体现设计师综合能力的重要模块。

它具体指什么？如何提升？

关于「交互思维」

1989 年，Gillian Crampton-Smith 创建交互设计教育的初始名为「计算机相关的设计」，后来改名为「交互设计」。

所以早期人们聊到的交互设计，更多的是与计算机有关的，比如系统或设备。但是随着交互设计这个概念的普及，其应用范围也被扩展，包括「视觉设计」领域。

区别无非是这个过程是从有用性，可用性和情感因素等方面来优先评估设计质量，而不单单是「审美效果」层面。

有经历的朋友应该经常与业务人员因为视觉界面的「不同效果」而发生争执，原因基本可以概括为各自对界面或图片所传达的意思有不同的理解。

从这点可以看出，用户界面或视觉产出物本身也是为了达到某种目的的自然体现，而这种通过设计手段解决问题的过程，本身就是一种「交互设计」—— 对信息进行内容分布，传递给目标用户。

所以任何商业视觉产出物，都能算作是交互设计的一种结果，包括这些视觉可见，与人产生「信息交流」的产出物。从这点可以看出，视觉设计师本身是具备「交互思维」的。

从表面上理解，它们是 A 和 B 之间发生的互动行为，他们可以是人与人，也可以是人与物。

比如，你出门买早饭，「告诉」对方要什么，对方接收到你的信息并将你需要的餐点拿给你，这就是一个完整的交互过程。

或者不同视觉设计师针对同一个功能所设计出的不同界面，也是各自对功能的不同理解，以至于所呈现出不同的效果图。

所以一般设计师，包括商业视觉设计师或 UI 等等，在工作过程中产出的作品一定是包含「交互思维」的。只是不自知，也没有建立系统性认知。

举个极端例子，如下图：

两张海报都在传达各自的意思。

虽然每张海报都是不同设计师设计出来的，但是他们都有各自的目的。比如英勇无畏、心怀祖国、怀抱世界等等。

所以各位看到「交互思维」目前在任何领域都成了不可以避免的话题。餐饮、服饰、出行等等。唯一区别在于显意识和无意识，有些人知道自己具备，有些人不知道罢了。

但是不能说交互设计就是用户界面设计，甚至是视觉设计。它只是帮助设计师在信息呈现的结果上，表达出一种合理化的趋势，而不仅仅是自嗨。

所以要具备「交互思维」，首先要明确设计的目的。

如何提升？

这里给出怎么提升的方法。

开头说到，「交互思维」是被动技能，原因是不可见，但有实际效果。

是什么意思呢？就是具备交互思维的设计师，在工作中所呈现的内容结果，是有思考过程的。比如视觉稿可读性高，信息接受度强，符合用户审美等等。如果是纯粹的艺术作品，是不具备这些特点的。

包括产品设计中，一个功能首先要能用、好用，好不好看是次要的。对于交互设计来说，解决问题才是最优先的。但是放眼任何行业「解决问题」都是核心，包括视觉设计。

所以延伸出来，解答这个问题的第一层意思：交互思维，应该是帮助视觉设计师解决信息传递的问题的。

要做到这个程度，已经不单是技法的提升了，它是设计师综合能力的体现。

除了视觉设计师本身具备的「美学知识」外，交互思维还应该从以下两大领域出发进行学习：

人——心理学、社会学、人类学；

机——计算机、工设；

学这些的目的是，让设计师在遵循自身的设计理念外，再从计算机以及人的角度出发，去思考问题。

意为：通过对人（用户）的了解，帮助他们解决机器（产品、图片等）的使用/理解难题，解决手段是设计。

所以「交互思维」的提升，就是让人与物或人与人之间，更流畅的进行「对话」。

无论是视觉稿还是其他内容，设计师要多问自己：用户在看这张图时，他了解到哪些信息，他会怎么做，他的感受如何。

这就是所谓「交互思维」的提升。你的设计稿越易理解，被业务方可接受的机会也越高。

除了对上面提到的三大领域的学习之外，平时看文章，看案例要多问为什么，以及怎么样能更好。来提升自己思考问题的方式，对问题的解法进行多角度的训练。

案例补充

用银行卡从自动取款机（ATM）里取出现金，用户实现这个目标的过程，也是在用户界面的支持下解决这个问题的过程。在这个过程中，用户要正确完成如下的一系列动作：

插入卡片

输入密码

按“快速取款”按钮

按“确定”按钮

取出现金

拿出银行卡

拿出回执

一般设计师在设计这个操作界面的思路就是界面本身，比如插入卡片提示界面。具备「交互思维」的设计师除了针对于界面本身进行设计外，还需要思考用户是否知道「卡片插入」的入口，是否要基于明示，或者「输入密码」完密码，是否有等待提示，等待提示的内容应该是什么？数字？文案？

又或者是用户取出现金后，是否在界面上提示用户取走银行卡，如何提示？是在一个界面里简单拔卡图片，还是通过图片加文字的结合说明？等等。

这些不仅仅是产品或交互思考的问题，视觉设计师也应该思考其原因。

虽然部分视觉设计师认为不需要思考，只需要根据产品的原型出图，安安静静做一个美工就可以。但其实在作图的过程中，这些问题早就已经呈现在设计师的脑海里了，否则「插入卡片」的提示是如何设计出来的？填色？得了吧~~

这个世界上本没有「美工」，只是自嘲的人多了，也就有了「美工」。

不过学习是一个辛苦的过程，加油哦，嘻嘻~~~

应该就是这样了。

原创： 呆呆U理

封面图片来源：Dribbble Vivek