ios

在任务流程较为复杂的时候，用户容易迷失在流程中，从而放弃任务，导致转化率不尽人意。所以我们在交互界面上需要引导用户。人机交互中不论是文字、图像、色彩、动态效果等，主要是通过视觉反馈信息，所以视觉的引导尤为直观有效。

.space-betw {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}

- (NSDictionary *)demoTextAttributes {
NSMutableParagraphStyle *ps = [NSMutableParagraphStyle new];
ps.alignment = NSTextAlignmentJustified;
// here, NSBaselineOffsetAttributeName must be set though the default value is 0 to make the justified work.
return @{NSParagraphStyleAttributeName :ps, NSBaselineOffsetAttributeName : @0.0f};
}

之前的一系列文章，为大家介绍了iOS和Android规范中，各种弹出物的用法，罗列如下：

今天推荐的这7个神器，有经典款也有新人版，不过大致贯穿了UI设计的整个工作流程，从排版、配色、切图到标注、预览，都有对应的良心神器推荐 ，非常适合刚入门的UI设计师，当然，有两款谷歌刚出的神器，也值得老手们来瞧一瞧。

虽然我承认导航这种东西在现在的app非常常见，但是实际上，这种东西也不是必须存在的。如果应用够轻，比如雅虎每日新闻News Digest就不存在导航这种东西。只有当app的架构扩大到一定的程度，当内容繁杂到无法展示在一个页面中，这时候才需要用到导航。

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

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

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

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

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

“在PC上常出现的下拉菜单，在移动端上都是用什么交互来实现的”，将最近项目里碰到的情况总结一下。

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

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

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

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

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

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

开始之前，先来看一下Eric WK.See-To的一项最新研究成果（Eric WK.See-To等人针对如何提升移动端视频的UX满意度做了以下研究）。

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