文章类型：课堂笔记
授课老师：美团外卖高级产品经理程婧
前言：
交互设计体验是产品经理必修课，若能得到系统学习，是一件很幸福的事情，感谢智享推出的免费公开课。
在正式展开笔记之前，需要了解一下交互设计的概念，那什么是交互设计呢？
交互设计：Interaction Design，通过行为动作，体现在人与人之间、人与物之间。比如，路飞抢走了乔巴的棉花糖，那乔巴一定会做出反应，生气、暴怒、紧张···等等，反应程度取决于乔巴对棉花糖的钟爱程度💗；又比如说，我打开iPad,预期是打开或者是输入指纹识别，这都是正常的，如果说，我按下Home键，没反应，那就是非期望的交互行为咯。
Q：为什么要需要交互设计
此处只给出我个人理解，如果你和别人打招呼，别人不予理睬，你觉得这样好吗？这是现实生活中很普遍的例子。在移动端开发过程中，经常会出现很多弹框，提示用户如何，很少有不必要的信息提示，不管是没有还是过多，都是不友好的用户体验和交互设计哦。介样，就进入正文吧。
正文：
交互可以通过各种状态总结出来！
人物设定：小明
小明打开App，映入眼帘的首先不是初始化，而是等待。尽管数据是要初始化的，但我们在谈交互哟。
大家看上边这张图，小明打开App，启动页面的展示。无线端产品要载入很多数据啦（巴拉巴拉···），对于用户来说，打开App，等待···等待会让用户很焦躁，这张图放在这里并不会减少用户等待时间，但却可以降低用户等待时间的敏感性。不过很多时候，对于一些特殊的App，没有办法在短时间内加载出界面，没有办法降低用户对时间的敏感性，肿么办呢？那就要寄予期望咯。根据调查显示，如果三秒内不能让用户顺畅使用App，一般就会流失百分之七十五的用户😱
大家可以看到，上图有个进度条，看着简单，给出了三个信息：第一个是我正在动；第二个我动了多少了，上边有个百分数；第三个信息是吸引用户的注意力，降低用户对时间的敏感性。
用猫影电影举个例子，如上图。喵一直在转动，并有提示信息，用来吸引用户注意力，防呆滞的状况。其实在早期，Iphone设计中，也是存在防呆滞的控件，显示出来是一朵菊花再转，不过大家喜欢样式新颖的东西，现在很少使用系统自带控件咯。
OK，当小明打开App后，经过等待后，就进入到了主界面，也就是我们所说的初始状态。初始状态应该做什么呢？看图：
说白了，就是了解用户需求，给用户想要的东西，那用户自然就开森咯。上图右侧是豆瓣的初始界面，收集用户需求，可以是主动，也可以是被动的，上图就是主动的，那被动的是什么情况呢？
上图是网易云音乐的初始界面，网易云音乐并没有去问用户喜欢什么，数据可以是之前留下来的，也可以是热门的，给用户一种”哎哟，你懂我“的赶脚。通过历史数据分析用户喜好，并不一定适用所有场景，不要喧宾夺主，尽量给出一定的交互，在用户掌控之内。比如说，不要通过历史数据查询到用户喜欢某一首歌，一上来用户还没操作，就自动播放了，用户可能不是来听歌的，或者他这次没想听这首歌，不管怎样，App的主动权还是在放在用户的手里，我们只是提供更好的服务。当然啦，这种错误，一般都不会犯啦。
等待过后，初始状态，一切都是为了给用户留下好的印象，留下好印象也是为了用户带着愉悦的心情使用App，阔以提高效率。
小明进入猫眼电影主界面了，现在呢，他要通过输入，来进行搜索操作了。
讲到输入呢，其实呢，输入是一件操作成本很高的事情，特别是现在快节奏的生活，相对于，语音输入，滑动等等操作，很少有人愿意去输入。微信的语音受到大家的追捧，因为极大的节省了使用者的输入成本。当然很多时候，不可避免要输入，怎么办呢？把类型或者热门搜索列出来，这样子如果正好有用户需要的，用户直接点击，那么这样的用户体验就会比输入一大堆字要快捷和舒服很多啦。
生活中，经常会遇到输入卡号和密码的情况，介样子我们的技术人员可以通过代码将卡号记住，介样子用户就只输入密码就好了，如果我们把密码也记住了，那客户会不会觉得信息泄露了呢？那是必然，好嘛。记住卡号（或账号）就阔以减少用户的输入成本。
那，我们真的没有办法去记录用户的密码吗？其实是可以的，只是分在什么情境下使用，因为不同的情景，用户的接受程度是不一样的，比如在App Store下载App，15分钟内免密，大家是不是觉得体验很赞呢？乔帮主是最棒的产品经理👍
很多时候，我们没有办法省略密码的操作，怎么办呢？我们阔以帮助他，怎么帮？第一个，滑动解锁；第二个，指纹识别；第三个，声音解锁（微信功能），等等。为什么交互方式普及的快呢？因为大家喜欢啊！为什么大家喜欢呢？因为方便呀！
这么多减少输入成本的方法，够了吗？具体问题具体分析，大家看上图，我们要直接搜索自己喜欢的东西，比如我想搜索”精灵王座“，如何简化搜索成本呢？对，”提示“，我输入精灵，就会有相应关键字的电影出现，并且在输入法里，也会”智能“提示，这一切都是为了减少输入成本，提高用户体验。到此，输入告一段落啦。
小明输入关键字，但是神马都没有搜到，这个交互状态就叫做”空“！
最典型的例子就是上图的状态，输入“啥图”搜不到任何东西，于用户而言，空是一件坏事情，怎么解决呢？提升你产品的硬实力，让其包罗万象，就像BaiDu or Google，搜什么都阔以搜到东西。
当然很多时候，产品不会强大到如此地步，那怎么办呢？找替代方案，比如说，我馋了，我想吃甜食，钟爱提拉米苏，但是，网上最快送过来的也得等一天，我现在就想吃，立刻，马上，附近味多美有草莓格格是不是阔以替代一下？或许客户就愿意呢，草莓格格也不错啦，超爱吃···跑题了，继续···
上图呢，是猫眼电影的搜索结果，输入的关键字并没有搜索结果，但是呢，它做的比较好的一点就是给出了替补方案，当然，这些方案阔以是包含关键字中的字，也阔以是热门电影等等。
当然，如果是一个UGC的产品，内容本身来自用户共享，如果搜索为空，我们就要去想为什么是空呢？空不就意味着没有贡献嘛，那我们是不是就要引导用户去贡献呢？让用户从一个索取者变成贡献者，这是一种交互设计，也是用户体验，增加与用户的互动，也阔以让用户有一定的成就感，何乐而不为呢？如下图，百度贴吧的例子：
Go on，小明继续使用App，搜索热门电影，这次有数据了，那么有数据了，该如何处理呢？
讲到这里，大家是不是觉得，一切都是很简单了呢？是不是想着有数据了，显示就OK了，哪儿还有辣么多问题呢？可否听过一句话，叫做能力越大，责任越大。这里有数据了，就是说你有优势了，那么你或许会想把效率提升到极致，这时候，你的责任就越大咯。
怎么提升到极致呢？就是引导用户的下一步操作。大家看下图，我输入精灵，是想查找精灵王座。
现在呢，数据都出现了，数据很多，数据之间的排序就成了很大的问题，通过排序去减少用户的挑选成本。比如把最新的电影放在前边，把比较冷门的放在后边，并不是说冷门无人查询，而是为了把整体效率提升到最大化，而这样做的。
有数据是好的，总比空好，但是太多就不好了，过犹不及，太多数据不是用户想要的。比如下图，如果GPS出现了问题，我需要手动定位，如果一下子出现中国所有城市，用户估计会泪崩~下图呢，给出了热门城市，就是很好的交互设计，但如果用户要选择一个冷门城市呢？阔以通过右侧点击字母，嗖下的就过去了。
但有的时候，数据实在太多了，比如淘宝搜索提拉米苏（原谅偶介个吃货），那提拉米苏口味辣么多辣么多，咋整？筛选！比如下图的，考虑一下用户最在乎的维度，价格优先？销量优先？等等。过多数据，给用户最有可能在乎的，如果不够就给用户入口，如果入口不能满足，就要筛选啦。
小明终于完成了选择，现在呢，他点开了电影，打算看，现在是一个怎样的状态呢？关注状态！什么叫做关注呢？就是用户不操作（但也不呆滞）但是在具体界面，注意看某个东西。
打一个比方，用户正在看电影，我们能做什么？
对的，我们要不锁屏，让用户一直关注下去。然后呢，如果说用户受到干扰，短信或者微信等信息的插入，那么这种情况下，用户可以做什么？一种是等待推送自动消失，另外一种就是手动上滑。那如果说被强制干扰，不得不离开当前界面，我们要怎么做？保持现场。就像我们在B站上看海贼王，有人打电话进来了，用户接了，电话结束后，返回到B站，会发现，提示用户看到哪儿了，是不是需要继续啊···
小明把预告片看完了，感觉“哎哟，不错呢”，他打算买票了。
这里要讲正确态，正确态就是用户操作正确，提示信息让用户感觉到“我对了”，而不是提示说你做对了，😆，是不是觉得好绕啊。如下图。这在很多电商类和O2O产品中，做的都挺不错的，很少再出现说，没完事呢，先说谢谢的事，这个年代，一手交钱一手交货。比如用户在淘宝购买商品，在你支付成功的时候会提示支付成功，给你个✅，而不会说提交成功就给你一个✅。就是介意思。
但是，如果我们假设，小明没有找到合适的电影或预告片，这就是一种错误态，错误态，如何交互呢？
大家看图吧，宝宝表示，宝宝废话有点多~😔(__) 嘻嘻……，下图：
如果用户觉得，我这账号也输入不对，算了，我三方账号绑定吧。三方账号绑定就有一种状态，需要考虑，就是待确认。
使用三方账号登录，需要获取用户三方账号信息，那就需要用户确认，是答应还是不答应，除了这种情况，还有哪儿些情况需要用户确认呢？如下图：
如果小明操作正常，看了预告片，觉得不错，打算下单，选择微信支付了，然后呢？然后就结束了，🔚结束态。
结束，是不是意味着你可以关了我了？其实不然，作为PM，我们希望用户留在我们App的时间越长越好，这样我们才能有机会进一步转化，比如说，支付成功之后，给出分享链接，但是很多用户就不会主动地去点击分享，怎么办呢？阔以像滴滴那样，分享后提供券，有利可图，效果会好一些。
好了，宝宝真是废话了很多，最后一个状态了：
那崩溃了，是什么情况，要怎么做？
这十二种状态，基本涵盖了所有的交互，虽然偶的废话比较多，只是想把内容串起来，以后看起来方便，希望帮助需要的朋友，希望大家看完有所得。
