动效

研究大众的心理学对于设计是很有帮助的。用户在围绕着你的产品所进行的一系列行为举止背后的动机是什么，与之互动时进行过哪些心理活动，外部的哪些因素能够成功影响用户的决策……这些都能够设计师完成更好的设计。

最近在一边工作一边读书的同时，也在思考交互设计是什么以及互联网交互设计师在团队中的定位等一些问题。谈到交互设计仿佛就是“一千个读者就有有一千个哈姆雷特”的感觉，每个人都会说出一套它们自己对于交互设计的理解。

Uber 如何将他们的设计哲学应用在司机端的 App 上面 ？这一次，饿了么商家端产品经理为大家翻译了「以司机为中心」的用户体验设计—— 细看如何从零开始重制 Uber 司机端 App。

做产品经理不懂交互设计，那就是寸步难行。“交互原则多，体验出彩少”，既然要做好产品体验，那么吃透基本的交互设计原则，就是必须且必然的事儿。今天给大家挖了很多可靠的栗子，直接给你提供干货，拿走不谢。

微交互，听起来很生疏的这个词，实际上却出现在我们每天的日常生活中，甚至可能早上起床后我们做的第一件事就是一次微交互操作的典型案例。

交互设计严格上来说是没有什么套路而言，但是，对于初入行者还是需要有一些需要具体客观的知识点去学习。就像笔者当年刚入行学习工业设计的时候，对工业设计的内涵与外延始终搞不太懂。老师们也没有一直强调工业设计的定义，而是从琐碎的知识点开始，一点点讲解，让我们掌握。当我们掌握了足够多的知识点，工业设计也自然在我们的知识框架中形成。

你的UI和交互设计中的每一个元素都是至关重要的，一个又一个细节设计让你的产品最终脱颖而出，而真正让人难忘的产品，靠的是这一个个精致到位的细节堆出来的。

本文作者 Rebecca Ussai  ，成文于她和迪斯尼首席动画师 Glen Keane 在  SXSW panel 合作的一次干货分享之后，文章讨论了 UX 设计师能从迪斯尼动画设计学到的 5 大原则，干货满满！不能对观众没有耐心，他们只是在对你的设计做出反应。吸引力是一种很玄的东西。我总是做些我做不来的事儿，因为我觉得可能做着做着就学会了。
——毕加索

UI设计的细节很重要，它不仅仅体现在静态的元素上，动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计，微交互和动效设计是绕不开的问题，今天的文章我们来聊聊这个。

做好一份竞品分析、输出优秀的设计观点，可能是衡量一个团队专业与否的第一步。

互联网空间不像现实世界，它完全是一个平面化的二维虚拟空间，所有的物体都处于一个空间平面上，但是信息内容却是有层级关系的，那么应该如何在一个平面空间里来展现多重层级关系的信息呢？

产品设计流程中，有必要对设计进行评审是大家的共识。在我每周的工作内容中，参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的，也有针锋相对的评审让设计方案摇摆不定的。怎样进行一场高质量的设计评审？设计师应该如何应对设计评审，更好的表达设计意图，并收集意见改进方案？怎样避免设计评审变成竞稿或PK？如何确保设计评审这样的流程能带来更大价值？带着这些问题，我们一起看看原文作者Jason的观点。*在你点评的设计细节上开始询问背后的原因及意图。为什么我们需要这条信息？对于允许索取这条信息我们设置了哪些期望？我们会用它做什么？如果我们能回答它们，再进入讨论解释各种元素的优劣以及与之对应的不同意见会比较好。“为什么”引出一个故事，解释某件事情的真实性。如果你问为什么，一切都无法奏效，你更想要创造一个故事，无论真实与否。这是让你感到糟糕的危险领域。 与询问“为什么”不同的是，考虑询问“如何”能够引出一个创造流程的故事，不必为它的存在辩护。然后你可以问设计师之前考虑过的各种可能，认真倾听设计师在提供方案之前做过的尝试。他们也许过于看重某些东西，不过没必要深究。优秀的适时交互是让产品（服务）吸引或失去客户的关键区别。将间歇性的互动变为持久关联的秘诀在于一系列精彩微交互，以及当用户需要时恰好出现的信息内容。 在设计评审流程中，应当询问每一个行动、每一次询问或者每一次数据展示是否出现在正确的时机，以确保界面在切换时传递信息时顺畅。随着扁平化设计与用户体验趋势的摇摆变化，我们能预感到页面部件缺少视觉线索的风险，因此动画能减少这种风险。 这种动效可能是颜色、透明度的变化，也可能是用猴子的手臂延伸页面这种细节，或者用户完成任务后展示太阳升起的效果。询问在UI设计中加入逐步动效的可能将极大的推动设计师改善设计，使得设计师思考时间维度的设计细节，而不只是局限在空间维度。这是一个很好的问题，我认为它是每个人都应该吸收的教训，尽管并非如此。我总喜欢提到：对用户的真实目标来说，页面或屏幕上的任何元素都不是解决方案的一部分，而是噪音和干扰。 在设计的每一步中，我们都需要自问：我们如何能够创造更小思考成本下能发挥同样作用的产品？在设计评审中，这是要求把方案简化的最佳表达。在设计中保持界面清晰很重要，使用尽可能少的点击、文案和输入框来达成目标更好。踏踏实实的把用户需要完成工作的消耗降到最低，用户会感激不尽。我们认为，很棒的产品描述（比如产品手册）对用户来说就跟“坐在60码时速的车上看到的广告牌一样”，UI设计师们比较难理解用户是如何忽略这些产品界面细节的，尽管设计师为此付出诸多努力。 优秀的设计评审放慢节奏，考虑每个元素，但是能认识到这些设计细节可能不会被用户注意到。如果参加评审的人员在颜色、字体及体验设计方面没有专业知识，他们可以考虑以下重要因素：经验告诉我，不要试图一概而论。例如我会问“我不确定开放的banner是否足以传达品牌？”，而不是问“哇，用户根本不会理解我们的品牌价值。”这就是为什么我认为每个设计师应该花时间观察用户并且使用自己的产品（又称可用性测试）。

之所以把设计和Jalebi放在一起说，就是因为设计本身其实和制作Jalebi如出一辙，设计师的经验和对设计投入的思考才是核心所在，而两者结合之下则往往能产生一些颇有价值的指导思想。Above examples are of apps with the same domain and you can judge which one is looking better.A good example visual typo hierarchy in the above graphic .

——Source: SuperDryCleartrip is a very good example of what I am talking about……

随着ui设计的不断发展，引导页的形式也在随着变化，根据不同产品的特性，其作用与意义也不尽相同。本文将分别从“静态引导页”与“动态引导页”两种形式与大家分享我对于“引导页”的一些认识。

Email营销通常与市场推广活动挂钩，是帮助你达到推广目标的最有效途径之一。但如何确保你的营销邮件的内容与品牌紧密相连？这一直是营销人员面临的一个挑战。用来克服这一挑战的战术多如牛毛，而可交互的email正迅速崛起为最具创新性、动态性和最流行的方式，他们让用户深深着迷、参与其中，相关设计师和开发人员都应该引以为豪哦！

从方法、标准、协同、软技能和创新五个方面说说我对用户体验设计进阶修炼的思考与实践。

最早的下拉刷新 设计源自于Tweetie 这款应用的设计，设计师Loren Brichter 是这种令人欲罢不能的交互的缔造者。现在，下拉刷新 的交互几乎无处不在，但即便如此也让人无法轻易忽视它带来的快感。从Twitter 到 Gmail，从QQ到新浪微博，它几乎存在于你触手可及的每一个应用当中。

本文内容来自于《交互式系统设计：HCI，UX和交互设计指南》，交互设计框架一章的思考。空间：空间关系到页面的布局，以及用户操作的方便性，不同的人手指大小不一样，我曾经在想，NBA球员使用iphone4的时候是不是真的很方便？关于MD设计空间方面的标准可以参考排版与布局章节，如果有兴趣的话还可以深究一下，为什么他们要将行距，图标和边框的距离定义为这么宽，这么高。

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。“想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。”“心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。”（如果你仔细观察，会发现这个时候的设计师将纸的纹理运用到窗口上，此处的设计和Material Design 中纸的隐喻不谋而合，这又何尝不是一种潜意识的引导呢？）