交互设计

什么是用户体验？漂亮的UI细节？炫酷的加载动画？这些只是它的一些部分外显特征罢了，不能一叶障目，因为这样很愚蠢。

什么是CHI？ 今天跟大家分享一个学术会议SIG CHI，全称Special Interest Group on Computer-Human Interaction，顾名思义，这是研究人与计算机互动的一个学术会议。但希望大家别被「学术」两个字吓到，因为这个会议…

所谓成本是指：阅读你的文字所带来的长时间、理解内容带来的困惑、混乱的排版所带来的负面情绪等。
所谓收益是指：阅读你的文字能让我获得的信息内容和质量，以及获得的积极情绪。

给用户及时、恰当的反馈，是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中，对操作反馈从形式、内容、位置几个方面做了非常详细的总结，满满干货。今天@青溪Joanna 这篇读书笔记提取了书中的要点并配上实例，分享给大家。

前言：一直有在梳理自己的知识结构，也靠这些所谓经验做了几年行业培训，今年是从业的第十一年，我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业，我会把所有所得分章节逐渐整理发出，希望能对行业尽一份绵薄之力，同时也作为一种仪式，好让自己重新出发。任何项目都从一个idea开始，你走在路上，蹲在马桶上；吃着饭，看着电视，灵光一闪，觉得大致可以做一个什么东西来实现世界的爱与和平，这就是一个愿景的诞生；来源无法归纳，却是后面折腾的开始。
然后就是“分析研究”，分析市场，分析技术，分析用户，一边分析一边验证愿景；顺利通过这个环节，得到的就是设计需求。需求的来源多元，组成亦是多元。需求得到，就要进行梳理，以确定下来；这就是“需求过滤”或者“需求定义”。
接下来就是把需求转化成对应的功能和数据，这是产品的骨骼血肉，功能数据要满足需求。比如需求是解渴，对应的功能就能是可乐或者矿泉水，但不能是热干面。从这个环节起，产品从抽象变具体。
功能数据有了，长什么样？我们要把它们设计出来。设计分成“概念设计”和“细节设计”两个阶段，设计又分为“交互设计”和“视觉设计”两条线，所以就有了“概念交互和视觉设计”及“细节交互和视觉设计”。
设计过程中需要进行“测试验证”，验证的结果用来迭代设计，所以大家看到有个双箭头。设计好了，提交研发。在这个阶段，我们做“研发支持”，也就是传达设计需求给研发，并且做研发过程中针对突发情况进行及时的设计修改；比如某个提示的补漏之类的。
最后是“设计验收”。一般来讲，刚研发出来的版本多少有些变形有些不符合设计需求，所以我们要验收。列出结果清单，打回去重新调整。调整到什么程度才可以，要看具体到项目周期和策略。举个例子：我们筛选好约好被试（测试用户），分配给他们分析产品和分析任务，比如对比京东和淘宝的支付流程，让他们回去好好体验一个礼拜，让用户熟悉产品以心里产生评价。然后回到我们实验室，再走一遍，这一遍是被观察。然后就是访谈，询问他们的各种维度的评价，比如对于收货地址选择方式的偏好，最后我们统计归纳。这就是让用户来帮我们分析。“其实你什么都没有做错，错在你太老了。我们最早看到Snapchat，外国13-18岁小孩在用，我们高管用了觉得好傻好无聊，看不到价值，只投了一点，后来涨得很快。这个公司我们副总去过，就是海边一个玻璃房，很小的公司，感觉一个石头就把他们击破了。当时只有2000万美金，我们没进去，现在远远超过我们想象，百亿美金。

 “今天，你可以自由的调节你的屏幕的亮度，关掉应用的通知，自主决定是否连接手机的无线网络等等，虽然这些只能将你的手机电量多延长了几分钟，但却让你满足于一种成就感：你可以完全掌控你的手机，你可以调整所有的设置！(其实你无法控制你手机的电池寿命！) ”

交互设计师的核心价值是什么？这个问题很经典，知乎上有这样的提问，面试中也会被问到。为了避免过于空洞和理论，本篇结合三个小案例来聊聊我的理解。

3类人群：社交型、社交—婚恋型、婚恋型

交互设计的常见流程可以划分为：需求分析、设计规划、设计实施、项目跟进、成果检验五个流程。很多人以为从无到有的过程才是最重要的环节，观点并没错，但我今天想说的是如何进行项目跟进。

不论移动端网页和APP之间有着怎样的争论，移动端APP的快速发展都是不争的事实，各种客户端的开发和接入已经成为常态。用户对于自己喜欢的品牌和服务，总期待官方能推出客户端，也正是在这种期待和需求之下，催生出越来越多的APP。

细节决定成败，也许一个小小的细节，就能够让用户对你的产品情有独钟，弱水三千只取一瓢。也能够让你的用户从此陌路，再无关联。

本人在涉足设计专业之前学习过两年的酒店管理。在我实习的过程中，经历过许多与客户之间的沟通交流，这其中有积极的也有负面的。在我看来，酒店餐厅服务也是交互的一种形式，而且这其中涉及到很多体验设计的理论和方法，当我作为交互设计师工作多年以后，仍然觉得很受启发。当我看到篇文章的题目时，我就决定要把它翻译出来！下面进入译文。

之前总结过一版交互设计流程图，主要是想给自己以后做设计梳理一下过程，但是那份流程里面只有枝干，并没有枝叶，所以针对每个方法我都会撰写一份方法总结，或者说指导，目的就是为以后实践做准备。我期望的效果是，假如一个没有接触过该方法的人看到这份总结，可以按照这个总结一步步完成实验。这就是我最大的目的。下面就是第一份总结《可用性测试方法总结》。

…上图的 APP 将选项卡（tab row）变成抽屉式导航菜单（drawer menu），用户在相应功能间的切换率急剧下降。…很多用户还没有建立起相应的心理模型（尤其是抽屉式或者汉堡包菜单）尽量将 APP 的核心功能放在用户可以看得到地方。
——能露出来， 就别藏着触摸操作中，手势永远要比点击优先级低。现代触摸操作习惯毕竟只流行了几年，然而传统PC上的操作习惯已经实行了将近20年。所以通过滑动来切换Tab不会比点击切换来的直观。
——石头们

“细心的观众/听众会很有可能会与这个故事中的人物的情感产生共鸣，并在故事结束后模仿这些人物的感情和行为。这也就解释了为什么你看了詹姆斯邦德拯救世界之后而产生的支配感觉，看了斯巴达300勇士之后就有了外出工作打算。”
——保罗J.扎克，经济学家“故事是激活部分大脑的唯一的方式，使听者把经验变成他们自己的东西
一个单一的故事可以让我们的整个大脑工作。比较这个层级的参与，只阅读要点或无关的文本只能让我们大脑的某些区域工作。然后我们很快就忘记了这些信息，因为对于这些信息来说，我们没能联系到我们自己的经验，也没有积累任何情绪的连接”“精心设计的东西也不足以单独取得成功。整个生态系统及其相关交互点也必须如同产品本身一般被设计过，这也是可持续设计的要求”
——罗伯特布鲁纳，Ammunition Group创始人“许多商家其实已经发现在实际意义上讲故事的力量，他们已经观察到了一个精心构造的叙事是可以多么的令人信服。并且最近的科学研究也很好的阐释故事是如何在某些方面影响我们的态度、信念和行为。”

这篇文章算是一篇对APP交互设计师重新阐述的一篇常识文章。希望对哪些想要从事APP交互设计师的小伙伴们有一定的基础认识。
今天跟大家从下面4个方面来聊聊APP交互设计师到底是一个什么样的职位。

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势 ，而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势 会在2016年逐一涌现，但是总体上来说，它依然会沿着2015的大趋势来逐步演变。可以预见到的是，2016年会有更多的网站使用视频背景，更多基于Material Design 风格的界面设计，幻灯片式的界面切换也会继续火热下去。

在日常交互行为中，多多少少存在各种各样的反馈行为（feedback),没有反馈的系统是不存在的。有些反馈是积极的，告诉人们完成了什么，有些则是负面的，对人们可能采取的破坏性交互行为进行预警，告知人们如果这样做会有很严重的后果。反馈是人们确认系统在工作的重要依据，试想你明明提交了数据，界面或者系统却没有任何提示，你肯定会越来越疑惑烦躁，还可能连续提交造成系统崩溃。

UI设计中一项很基本的工作就是界面设计，但是，如果一开始就是从界面这个概念去入手的话，往往会觉得无从谈起。所以，我会一个界面拆分成几个模块：框架、导航和内容。然后根据每个模块的特征去选择适合的展示方式，然后再拼凑成一个完整的界面。