《交互设计》学习心得体会

交互设计模型是捕捉和积累有效的设计方案，并将其应用于类似问题的方法，这是尝试将设计理论形式化，记录最好的实践方式，它可以帮助我们：

1. 节省新项目的设计时间和精力；

2. 提高设计方案的质量；

3. 促进设计师与程序员的沟通；

4. 帮助设计师成长。

       这种模型化的设计概念源自建筑设计，克里斯特福·亚历山大（Christopher Alexander）撰写了两本影响力巨大的著作《模式语言》和《永恒的建筑设计方式》，书中首次描述了建筑设计模式这一概念，用以描述那些给居民带来幸福感的建筑设计精华。

1、行动中归纳经验

美国心理学家、体验式学习大师 大卫·库伯（David Kolb）认为，不能用经验指导行动，应该从行动中归纳出经验，把经验升华为规律，再用规律指导行动。这就是他提出的 库伯学习圈 ，我们同样可以用这种方式来学习和总结交互设计中的规律。

我们平时都会使用一些电脑软件和手机APP，你有留意到它们的界面和操作吗？

比如iPhone的系统设置里，有一个WiFi设置界面，相信大家都很熟悉。

在现实世界中，我们是使用按下按钮和拨动开关来启动和关闭电器的，那在手机里我们如何开关WiFi呢？其实也是模拟拨动开关的效果，我们点击界面最顶部的绿色开关，就会有一个拨动的小动画，开关会从绿变白，WiFi也就关掉了。

我把软件交互中这种简单的交互操作叫做 交互模型单元（Interaction Module Unit），简称 IMU。比如开关操作，这种左边有开关操作的功能名称，右边有一个点击会切换的开关控件，就构成了一个IMU。

当你记住了这个IMU可以作为功能开关之后，你下次需要自己设计功能开关的时候，你就可以用上。比如QQ音乐中就有同样的控件：

看到了吧？上图中的“定时关闭”、“仅WiFi联网”和“流量提醒”就是和刚刚的WiFi开关同样的功能开关式的IMU。

可能你会有疑问了，为什么你要称它为 交互模型单元（IMU）呢？它明明就是一个简单的控件而已，叫控件就好了嘛。

问得好，控件当然是一种IMU，但是IMU并不是仅仅包含控件这种单位，它还包含更多的内容。

比如在下图QQ音乐的首页中，你应该在哪里放入一个里面包含个人中心和各种设置的系统菜单呢？它的交互操作是怎样的？内容该如何布局比较好？

于是你就发现了，QQ音乐的设计师在界面最左上角放了个三条横线的按钮，点击之后就能展开菜单了。

也就是刚才看过的包含三个开关的那张图，它其实是从界面的最左边滑出来的一整个菜单，菜单里是从上到下的列表式布局，每一项都可以点击跳转到下级界面进行选或者是直接进行开关操作，最下面还有设置界面的入口和退出登录按钮。

2、经验升华成规律

存进去之前，你还需要思考几个问题：

1. 什么情况下使用这个菜单IMU比较合适？（菜单中需要展示的内容比较多的时候）

2. 这个菜单IMU适合展示什么类型的内容？（从上到下的列表式结构比较合适）

3. 它有什么局限性？（占用面积比较大，过场动画幅度大，更适合沉浸式的操作）

4. 如果不用从左滑入的动画，换成从上往下滑入会怎样？（可以改成从上往下或者从下往上滑入，但是也要相应地把菜单右侧的留白改成在下面或者上面）

只有把这几个问题思考清楚了，下次等你需要用到这个菜单IMU的时候，你才能使用得好。

比如问题4如果你想明白了，你就完全可以做出下面的这种菜单：

乍看起来好像和刚才那个菜单IMU不一样，但是不就是换成从下往上滑入的方式嘛！里面的内容同样还是列表式结构，留白改为放上面了，下面还多了一个“关闭”按钮。

为什么下面要多一个关闭按钮？

刚才那个左侧的菜单IMU并没有“关闭”按钮啊，只要点击右边的空白区域就可以关闭菜单了。想想看，这个为什么不能点击上面的空白区域来关闭菜单？

对，因为这是手机上的APP界面，而手机屏幕的上方手指是不太好点的。

所以在下面加一个“关闭”按钮使用起来会更方便。

于是你又得到了一个 底部菜单IMU，它是从底部向上滑入的，内容是列表式，下方多了一个“关闭”按钮。

是不是很有意思？

你完全可以继续思考，这个新的菜单IMU真的只能是列表吗？还能用来放其他类型的内容吗？如果把纵向的列表改成横向的图标会怎么样？

当然可以啊，然后你就又会得到一个新的 底部菜单IMU：

当你需要分享歌曲的时候可以打开这个菜单，它可以放很多社交APP的入口，用来选择你要分享的平台如微信、QQ和微博等。

下面的“关闭”怎么变成了“取消”？

因为刚才那个是歌曲的播放列表，上一个操作是“打开”，所以对应的操作是“关闭”。而这个是你点击“分享”按钮触发的分享菜单，于是对应的操作就变成了“取消分享”，简称“取消”。

是不是很神奇，明明我们最开始看到的只是一个菜单IMU，怎么想着想着就变成了三个？

不止如此，你完全可以把任何一个你看到的IMU都进行如此的思考和改造，根据你的应用场景制作成合理的 新IMU，这就是 用规律指导行动。