原型

译者语：本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章，很多词句用的可能不太妥当，在这里给大家作揖了！knock knock……

Terry Cao是UXPin（一款线框图与原型制作APP）的内容策略专家。要了解如何掌握现在交互设计的艺术，可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣，更吸引他们，并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说，“交互（Interactivity）通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术，可以阅读《Interaction Design Best Practices》一书。

本文是移动原型工具Proto.io的设计团队8月份在自家博客上发表的一篇“软文”，通过与移动设计界大牛们的对话，帮助大家了解在进行移动设计时应该特别注意的禁忌，顺便推了一下Proto这个工具。大家可以回顾一下自己团队的应用正在触犯哪些禁忌，想必会有点意思。读完本文，相信你能找到优化自家移动应用设计的方向。

如何打造一款看起来非常惊艳的应用，我想大家应该有所了解，借助有趣的故事、流畅的流程和令人难忘的视觉设计就好。但是仅有这些并不够，你需要拿出一些真正能打动用户心灵，产生情感联系的东西，让他们感受到应用真正鲜活的一面。

2012年6月，我在CNN.com工作时，接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性，数据的可视化，可变形的画布，以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时，CNN.com首次上线了响应式体验站点，同时，我也第一次面临响应式体验设计。

最近在做产品设计时，遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题，我觉得非常有意思。

译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。译文首发于ISUX博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会陆续更新，敬请期待。

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

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

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

西南航空的手机网站对已经过去的日期使用了灰色的背景，使你明白在预订一个航班时这些日期是不可选择的。不幸的是，对下个月的日期也使用了相同的设计，这意味着不可选。Polarr是IOS系统里很受欢迎的照片编辑工具。右侧的编辑控件（温度，色调等）需要你点击那个方块，然后向左或向右滑动而改变参数。然而，这些控件并没有展示出用户应该如何与其互动，所以新手用户很可能需要试错几次才能明白应该如何正确的使用这些功能。另外的一个交互困难就是：由于控件在屏幕的最右侧，你可以很轻松的向左滑动而减少参数数值，但水平空间有限，当你想向右滑动增加参数数值就会存在困难。IOS 8中，为帮助视力不好的用户阅读体验，提供放大显示图标和文字的功能。但是改变变焦需重新启动手机，这是一个重功能，需要花费一些时间，所以IOS系统会在你使用这个功能前，预览变焦完成后的样子。这个体贴的预览功能可以帮你评估出你是否真的需要操作变焦。Hipmunk提供快速浏览恢复选择机票过程的所需信息，甚至是被打断。在预订过程中的第二步，它清楚地显示了旅行的日期，在机场的问题，最便宜的出发程已被选中，以及用户被要求再选择一个回程航班。即使注意力分散了一段时间后，用户可以简单地恢复这个过程，而不会不小心偏离原本对航班的计划和要求或尝试重复已经完成的步骤。苹果新出的图片软件运用了一个很传统的对话框确认用户是否真的想删除最近爬山旅途中的照片，并且通过highlight 24张照片表示删除范围。更好的是，确认删除操作的按钮清楚地标示是删除，而不是一般的确认。Gmail 提供对破坏行为很有帮助的撤销功能，如误删了92封邮件。这个功能被证明是非常有用的，Gmail现在支持在发送email中允许点击发送键30秒内中撤销。Tweeter的字符限制条件很有名气，他们在用户超过那个字符限制前就会提示用户剩余的字符数。当一个tweet过长是，他会显示出超过的字符，高亮出那些超出的字符，并且使发送键不可使用，以让用户明白他们需要如何修复错误。

工作在用户体验团队中会经常需要用到一些在线工具。对于UX的世界，不管你是一个新手还是一个经验丰富的老鸟，你都不应该停止寻找一些会让你的工作变得轻松的工具。在这篇文章中，我们为你准备了21款有用户体验设计的相关工具。

作为一门新兴学科，在具体的设计操作过程中，用户体验设计吸取了多个学科的知识。除了第一章所讲述的面向人的学科和面向技术的学科之外，还包括面向设计的学科。面向人的学科包括心理学、生理学、社会学、文化学、语言学、哲学和美学等方面的知识；面向设计的学科包括工业设计、艺术设计、数字媒体设计和动画设计等；面向技术的学科主要指信息沟通技术，涉及到计算机技术、信息技术、电子技术、网络技术、软件工程、人机交互技术和数据库等。

今天饿了么UED的小满同学给大家翻译了一篇国外的用户体验 设计回顾总结文，里边提到的9个观点都特别有前瞻性，剥离开细枝末节的视觉风格和交互原则，这些很有可能成为未来优秀设计师必备的硬能力。在甲方的阴沟里待久了，来仰头展望下真正「以人为本」的设计思考。

高度总结动效设计的基本原则，有大量的案例分析。动效设计在用户体验的提升中到底有没有用呢？ 我们在下面讨论的是为什么要应用动效，以及在那些时候动效，动效的特性等等。

刚开始接触交互设计往往会面临自己的想法找不到合适的方法输出。所以完成基本工作同时也在积极寻找、学习适合自己又和工作环境相匹配的工具。与团队成员配合的时候没有人会在意你是用什么工具，成员们只想看到设计师产出的输出物。这个时候针对不同任务类型和团队大小找到合适的工具可以让设计师迅速输出团队想要的结果输出物，事半功倍。

对于一枚交互设计 师，设计水平的重要判断标准之一，是看设计师能否产出足够靠谱的方案。对内，方案要能帮助产品不断向前发展，提升产品的数据，为公司带来收益；对外，方案要能满足用户的使用需要，方便用户的操作，提供良好的用户体验。对于交互的同学来说，这些是我们的天职，要想尽一切办法去做好。那么问题来了，如何才能做好这些天职呢？下面我将分三个阶段介绍一个很好用的设计方法 ：目标导向设计法。掌握了这个设计方法 ，可以帮你设计出团队内部认可、用户也喜欢的方案。

现在大家在做产品、谈需求、讲体验时，都说不能拍脑门儿要用说数据说话。好，那问题来了，针对不同的问题我们要什么样子的数据来说话呢？这确实需要我们好好思考，下文将通过一些小栗子为大家做一个简单的梳理。

“不论你即将开始的设计项目是怎样的，你都需要预先对你的目标用户有清晰的勾画。”“如果你所设计的系统需要解释才能让人明白，那么这个系统本身就是崩坏的。如果你的用户需要通过你提供的系繁复的说明才能玩转这个产品，那么这个设计明显是不合格的。”“我们喜欢将UX视作科学，然而现实世界中它更接近于艺术。过去15年的经验告诉我们，用户与整个系统的交互依然是难以预测的。用户依然会每天给我们惊喜。某个你觉得超级好用的东西，在某些人眼中依然是反人类的设计。”“在互联网时代之前，人们通过遥控器上真实的按钮来操控设备。在设计中充分借鉴和模拟之前的交互体验是很有必要的，因为人们习惯于这样的操作，这样他们会明白如何使用你的产品。”“让真实的用户尽早参与到测试中来，而不是等到产品已经开发结束并耗费了大量资源之后积重难返。”“用户并不想被选择所轰炸。”