图标

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

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

这会可以不用慌张，我们先给自己一天或者半天时间去了解它，最快捷的办法是开动大家的脑洞，然后再用自己的脑洞想办法，三个臭皮匠顶一个诸葛亮，联 系你认识的设计群体人脉，询问做过类似项目的设计师，最后总会有惊喜的收获。记得罗胖讲过，在这个时代，我们应该善于运用我的网状关系链，我就是从朋友那 里在短短的一个小时之内了解了手表项目的大概（虽然人家并不是做的苹果手表），他大致陈述了一下手表的特性还给我几个手表相关的网站进行浏览。给我的网站 可以推荐给你们，这里当然包括苹果官网，你可以在苹果官网上看到成熟的上线产品的模样，另外一个网站相对概念，可以参考一些简单的操作动效。

「材料设计」方兴未艾，扁平化 仍是主流设计风格。今天@正越升 同学总结了扁平化设计 的8个小技巧，字体、图标、排版、配色等都有提及，教程深入浅出，非常适合新手，学会可以直接拿来作海报和PPT设计。

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

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

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

文章索引译者注：本 文译自苹果官方人机界面指南 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博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会陆续更新，敬请期待。

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

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

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

你有没有想过，这个世界其实并不是你看的那样？你有没有想过，其实唯心主义和唯物主义的区分，从本质上看其实还是唯心主义？今天咱们简单谈谈交互的演进历史。

“2016是VR元年”，这一观点早已在计算机互联网行业中流行开来，与VR相关的各种分析研究也是层出不穷，包括盈利模式、发展预测、平台构建等。而随着Google Cardboard等技术逐渐普及，VR使用成本也在不断降低。因此在未来，VR技术对于日常生活的影响，也将变得非常令人期待。目前很多VR应用不在以PC端为主要载体，而是将平台选定为保有量大、技术成熟的手机作为硬件平台。而UI作为应用中一个重要组成部分，其对于用户体验和产品推广的重要性可想而知。笔者想借此机会简单分享一下个人对于VR应用UI设计的心得和体会。（注：笔者在下文中所指的VR模式指用户已经带上VR体验设备，双眼通过分屏已经进入沉浸式体验情况）

积少成多的细致用户体验才能打造颠覆性的产品，颠覆性产品不是一日而成，本文主要帮助大家深入思考用户体验。在移动app产品设计中我们追求2秒定律。即2秒内打开app就让用户知道它是谁？它能做什么。而这些设计中的疑问汇总到一起，就是产品的极致体验都来源一个考量指标：用户感知度。

理清业务逻辑是交互设计的第一步，你必须得拥有非常清晰的逻辑思维，因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及难以理解的业务技术背景，这些都是对设计师逻辑思维的一个挑战。如果你没有清晰的清晰的逻辑思维，那可能就不适合做交互设计了。

好的交互设计 可以区分开有质量的网站和其他普通网站。然而，如果有明显的设计错误，它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计 错误列表，来看看你中枪了没！

交互设计起源于网站设计和图形设计，但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片，而是负责创建在屏幕上的所有元素，所有用户可能会触摸，点按或者输入的东西：简而言之，产品体验中的所有交互。