设计规范

做用户体验设计最难的是什么？「平衡」是我一贯以来的答案。在实际工作中，需要我们平衡的因素有很多，比如商业目标与体验目标的平衡、理性思维与感性思维的平衡、追求极致与关注全局的平衡、发散创新与克制专注的平衡、符合习惯与突破常规的平衡……一个好的用户体验设计师能够综合考虑到绝大部分情况，作出最适合当下产品的设计思考与决策，而不是理想化地沿着一个方向走到底。

随着新工具的发布，现有工具版本的更新迭代，2016 年显然是设计类工具蓬勃发展的一年。在本文中，我挑选了一些在 2017 年值得我们关注的设计工具。这些工具在设计工具类的社区中都拥有着大量的人气，所以挑选出来与大家一同分享。Have Fun！注：本文版权归原作者所有，仅用于学习与交流。

既然UI设计师的主要工作是交付，那么学会以开发的视角和分析方法来进行设计将非常重要。

视觉设计的重要性跟这个世界看脸一样，不言而明。译者注：Huggies是一个婴儿尿不湿的品牌。译者注：有时候设计师会先收集一些图片文字之类的东西弄出一个合集，作为设计的参考和灵感来源，这类东西叫做moodboard。具体介绍可参考：https://en.wikipedia.org/wiki/Mood_board

“怎样才能改善用户体验设计？这是关于用户体验研究恒久不变的话题。今天给大家推送的是关于运用认知心理学中的相关理论来提升用户体验的研究。希望对大家有帮助。 文章过长，分成上下两篇，上篇可查阅《通过减少认知超载，提升用户体验（上）》。

关于交互设计，这是一篇很全很全很全（重要事情要说三遍）的科普文章。作者写了1.6万字，实在是诚意之作。如果你打算走进交互，此文值得真的真的真的（重要事情要说三遍）值得一读^_^ by 小编目录导读：
1. 交互设计概念
2. 交互设计输出物
3. 交互设计相关理论
4. 交互设计流程及方法
5. 交互设计常见案例分析
6. 交互设计规范及趋势
7. 交互设计师进阶之路举个例子就是：小明饿了，他需要填饱肚子（目标），他跑到楼下的餐馆进行点餐、吃饭、结账（任务），吃完了出门的时候推门（行为）出去，然后过马路回家。交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k：俗称「线框仔」，出没于小公司和外包公司，没有设计决策权，专门配给不会画图的产品经理使用。门槛低，只需要熟练使用原型软件，会看着其它APP抄设计即可。无发展前途，看到此类岗位请远离。
②中级交互设计师10k-15k：除了画线框图外参与一定的产品层面的工作，有一定设计决策权，通常为知名院校应届毕业生，可以对设计决策提出异议，但不一定被接受。
③高级交互设计师15k-25k：通常可以参与整个产品的概念过程，工作职能与产品经理更为接近，有更多的设计决策权，通常工作经验超过2年，可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」，并有能力维护设计师的尊严。
④资深交互设计师>25k：通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例，通常工作经验超过5年，有主流大公司工作经验，有大型项目的设计管理经验，业内有一定名气。
——以上分级，参考寺主人在知乎的回答《如何成为交互设计师？》“你在设计的生涯中，有没有用到或者总结出哪些设计方法？”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边，分了两种情况：如果推荐选项有破坏性，那么应该放在左边。如果没有破坏性，则应该放在右边。但到了iOS10的时候，却变成了推荐选项都应该放在右边。”

在创作阶段设计页面时，如果没有规范来指导，设计过程中很容易产生细微的出入，导致出现控件不一致，增加返工率，这时候我们需要界面制定设计规范。

在交互设计稿中Toast是其中很常用的一种用户反馈手段，但是作者却发现在iOS中根本没有toast这种部件，那么在设计该如何处理呢？一起来看看作者的解读。Snackbars包含一行与进行的操作直接相关的文案（文案前不可有icon）。它可以包含一个操作。Toast优先适用于系统提示。它也在屏幕下方出现，但是不能被划出屏幕外（而被清除）。潜移默化地将状态改变或者其它类型的反馈放进你的界面中。理想的情况是：用户可以不用进行操作或者被打扰，就能得知重要的信息。
Unobtrusively integrate status and other types of feedback into your interface.Ideally, users can get important information without taking action or being interrupted.

毫无疑问，我被问到最多的就是关于设计规范体系的建立。所以在过去几年里，最多思考的就是如何设计、建立完整的设计体系，像Marvel, Bantam 和 Modulz这样的产品，下面我想分享一些我学到的方法。

从iOS 9改版到iOS 10之后，锁屏页面的音乐控件变大了，用户体验 明显提高。那么最佳的按钮触摸大小应该是多少？经过1.2亿次的实验后，这个结果被微软/苹果等顶级公司采用，强烈推荐学习。

规范是最标准的情况，场景是千变万化的，具体运用的时候还是需要根据场景来灵活应用。警告框是一种紧急的打扰（提示），以告知用户一个发生了的情况。警告框传达了你的应用或设备某种状态的重要信息，并且常常需要用户来进行操作。

针对APP同质化现象，本文作者从从交互层面探索了不一样的 App 该如何设计，且谈及自己的解决方案。值得一读。     “首先占据人们大多数时间的同类型APP内容高度同质化，而风格取决于内容，在平庸的内容下只能诞生风格平庸的APP设计。其次，对于以商业目标为根本的APP应用设计开发，设计风格的投入产出比并不高（游戏依然除外），设计模式的流行以及交互方式的单一使得保守的设计投入产出更高。最后在现今的消费领域，功能主义盛行，界面设计中理性居于主导地位，设计风格显示不是理性思考的首要考量目标。”

每个设计师在工作的不同阶段或多或少都会有一些迷茫：如何提升设计的专业度？如何提高设计师在公司里的话语权？是否需要转型？如何转型？甚至怀疑自已不适合做设计等其它困惑和问题，下面就给大家简单说明下设计师在不同阶段该如何自我成长及转型。注：本篇关于PMD及架构型设计师的内容相对多些，其余更加偏向于方向性，后面会对其再进行针对性的研究和分析，同时也欢迎大家一起参与讨论。

iOS和Android两个不同的平台，肯定是有很多区别的，下面就从交互的角度，谈谈区别。

做改版设计大体思路很简单，只需要做好两件事：发现问题与解决问题。上一期（点击查看）我们做了改版设计的第一步──发现问题，今天我们来做第二步──解决问题！

最近刚完成平台安畅云 2.0 的改版设计，平台模块很多，经常存在很多类似的页面和组件，若不制定统一的规范和控件，则会导致很多重复的工作，大大降低产品的设计效率；同时，平台的一致性也得不到保障。所以，我们视觉、交互、前端的小伙伴们针对我们踩过的坑，大家认真总结和提炼出一个符合公司定位的设计规范，统一公司项目的前端 UI 设计，规避不必要的设计差异和实现成本，实现设计和前端资源的效率最大化。

在我们平常的设计工作中，和需求方产生各种争论的情况很常见，双方都比较偏执强势的时候，很容易陷在各自的立场中，谁也说服不了谁；如果设计师本身就离自己负责业务的用户有一定距离（比如大多数的 B 类产品），就更容易在需求方面前陷入被动。这种时候，我们更需要从自己的专业思考角度走出来，用科学的方式去收集、分析、定位、验证问题，洞见问题本质，来和对方更好地达成一致。产品经理 A：我们的首页好久没改版了，要不要来点动作？
设计师：好啊好啊，我也正想和你提议呢，早就看不下去了！
（省略双方需求沟通过程若干字）
***进入设计评审阶段***
运营：哎，这个内容对我们推广 XX 很重要的，怎么能去掉呢？
产品经理 B：我负责的这块业务你是不是漏掉了，要首页首屏重点透出！
产品经理 C：你要考虑万一某某用户来访怎么办，他们的诉求得满足~
老板：我需要什么什么感觉，没体现出来啊！
设计师：塞这么多东西用户都想看吗？
众人：我不管，这块内容很重要的！
***设计师吭哧吭哧改了一版新的***
众人：感觉好复杂啊！是不是还是别改了……当所有人都觉得一匹更快的马已经够用时，该如何说服他们接受相对昂贵、不容易习惯的汽车呢？

本文来自百度用户体验部高级UI设计师大牙的佳作，此文是她对自身工作的一种思考：一个遵从设计规范，按照所谓的系统设计方法，步步推导而来的解决方案，是否真的就是一个好的设计？你的答案是怎样？不妨一起来看看大牙的吧~

面对完全不一样的媒介，设计师们会有不一样的目标，也会使用不一样的手法进行设计。 比如说一名 UI 设计师与平面设计师的最大区别，大概就是在于 UI 设计师能够以开发的视角来做设计。