tubik 涂壁磕头

tubik 涂壁磕头

在UI界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用，什么样的动效更优秀等等，这样的探讨层出不穷。在UI所涉及到的各种动画和动效当中，概念动效是被讨论的最多的话题。充满实验性的概念动效是动效设计最前沿的领域，是开发和实现上最具有挑战性的部分，也是新产品上线之后，用户最容易注意到，也讨论得最多的东西。

在TubikStudio的博客上，我们已经分享过很多关于UI动效的文章和内容了。关于概念动效/动画对于UI设计与开发的影响，我想Tubik的动画设计师KirillYerokhin是最有发言权的。

概念动效是什么？

概念动效应该算是概念设计领域的一个分支。总的来说，概念动效还是在做动效和动画的设计，不过它是为了在真实的产品上线之前，基于特定的想法、构思而进行创建的东西。在进行用户界面设计的时候，动效可以存在于交互、转场和具体的控件操作上，动效作为一种状态转变、交互反馈和视觉引导的工具而存在。动效设计师会使用各种各样的工具来进行动效的设计，我们常常提到的工具包括AdobeAfterEffects，Principle，Figma和InVision。

为什么UI设计需要概念动效

这其实是目前最富有争议的话题。很多概念动效和现有的、成型的动效/动画解决方案，在步骤、效果、执行和开发上都不尽相同，超出了通常的限制和常见的规则。这种动效技术在刚刚开始接触的时候，会觉得不够真实，没有必要，甚至有人会认为无法实现。

重点在于，UI动效其实和我们常见的静态元素（字体、图标、控件、色彩和形状）同样能够让产品从激烈的竞争当中脱颖而出。

有开发者讨厌概念动效且不想去实现的说法其实是不够准确的。实际上，这样的事情要依情况来看。在很多创意设计领域当中，经常有人说某种创新或者创意是不可能实现的，然而实际上，总会有人竭尽所能发现新的解决方案，找到新的方法。

需求决定供应。如果「市场」看到了一个全新的设计理念，尤其是在动画和动效领域，就会有人想办法在实际的产品当中将它实现出来。而这个时候，设计师的构思就不再停留在概念上。在TubikStudio，我们在很多时候会提出新的概念动效，这些概念动效甚至可能会极其复杂，但是需求一旦确定，总会有第三方的开发接手并且将他们实现出来。

实践表明，在技术上，概念动效的实现几乎仅仅就是时间和花销上的问题，解决和实现的可能性其实非常之高。

今天的文章来自国外著名的设计师团队TubikStudio，专业的素质和丰富的经验使得他们所输出的设计和内容都相当优秀而突出。今天的文章视角很特殊，但是也很基础，说是老生常谈也不为过，但是相比于空泛的假设，他们所探讨的基础，更多是基于现实可见的数据和过往真实的项目经验。讲真，用户到底想要什么?读下去。不论是我们在Tubik官博上发布的文章，还是在Medium上推送的内容，每个案例背后都有一个主要的思想支撑着：为用户设计，在流程的每一个环节都牢记这一点。从用户体验研究，到线框图、原型，再到UI设计、测试，设计师都应当记住他们不仅仅是艺术家、创作者和概念设计师。设计师是解决问题的人。设计环节中的每一次决策都应当基于一个简单但重要的原因：让用户的生活更加便捷或者更快乐。这一切都是围绕着用户。我们对用户了解的越多，越是坚持不懈地去了解他们，做出的产品越优秀。就是这样。今天我们想发点不一样的内容。今天的文章的观点是&lduo;站在用户的角度&rduo;而发出的，它是基于我们以来各个UI/UX项目中的用户研究和、实践以及相关出版物而来的。接下来陈述的观点中，设计师们常常会听到，有些甚至都听得耳朵起茧了。但是我们要探讨的是基础，是成就一个疯狂流行、好用好玩、有效高效的优秀产品的坚实基础，如果不深入考虑，再优秀的设计方案都有可能在低效和盲目中陷入困境。我是用户。我想要简单的产品，但又不能过于简单。毫无疑问，爱因斯坦对于当代的UI/UX设计并不了解，但是他所说的&lduo;世间万物应当尽量简单，但是又不能过于简单&rduo;是此刻话题的完美阐述。事实上，这就是高效用户界面设计给用户所提供的优秀体验的描述。对于用户研究者、设计师和产品测试者而言，请务必记住简单并不等于原始——这是一个值得注意的巨大陷阱。你会发现，想要让一个产品简单，最佳也是最短的路径是帮用户解决问题或者满足他们的需求。但是，这种&lduo;简单&rduo;的产品通常意味着你要设计出复杂微妙的解决方案，让用户在无形中达成目标，要让过程像呼吸一样自然。简单，意味着毫不费力地帮助他们完成任务，不会觉得迷惑，也不会有额外的加载或者操作从中干扰。原始的手段通常过于简单，这样的设计会让用户在潜意识中觉得自己像是被愚弄了一样。所以，在简单和过于简单之间保持平衡是做好用户体验至关重要的事情。我想要易于上手的产品在绝大多数的案例中，用户对产品最初的体验和印象是根深蒂固的。令人难忘的第一印象和引人入胜的第一次交互可能是让你的产品同用户产生情感、构建关系的基础。这就是为什么设计师应当让用户和产品最初的交互尽量令人愉悦、微妙、友好而流畅。让这个环节给人自然、流畅而又充分，将应用最好的功能和最吸引人的地方呈现在用户面前，同时又不要让用户花费太多时间和过多的操作，这就是关键。要做到这一点，设计师需要明确核心用户是谁，以及他们想要借助这款应用来解决的问题是什么才行。目标用户的能力和特征，可以帮设计师找到更加高效的解决方案，也能更好地设计基本交互，构思这款产品如何运作。开启你的产品那一刻，各种不同的工具提示、教程、使用向导、吉祥物、信息图表、动画交互都能让用户感到愉悦而舒适。我想要清晰好懂的产品信息设计和数据可视化领域的著名先驱EdwardTufte曾经说过：&lduo;好设计更像是将清晰的思考视觉化呈现&rduo;。用户希望能理解每一个环节都是怎么回事，他们希望它是一段安全而愉悦的旅程，而不是在意外频发的原始森林中探索。而这项任务可能是设计师需要搞定的最重要的几个事情之一。当然这并不是意味着整个产品都要设计得平铺直叙，但是在没有目标用户的需求、期待和习惯的前提下，你需要承担设计一款&lduo;单调&rduo;产品的风险。具有一定挑战性和游戏性的元素可能让用户更有参与感，当然，是在可接受的范畴以内。此外，每个微交互应当给用户以快速、高效和清晰的反馈，而这也正是用户同产品进行沟通的&lduo;语言&rduo;。当用户按下按钮、上传文件、关注他人或者搜索某个物品的时候，他们应当清晰地看到产品或者系统是如何给予反馈，以及下一步会发生什么。另外，这部分值得注意的地方还有产品的可读性、导航设计、可访问性、规则性和能指。我想要对我有帮助的产品在绝大多数情况下，大家会将技术——尤其是应用和——视之为提升日常生活和专业技术的助力。不过这种帮助可能是截然不同的：从字面上来看，这种帮助是订票、购物、同朋友或者保存重要的数据，从更高更抽象的角度上来看，这种帮助是让你拥有更加合理、更好的娱乐方式，更好的沟通体验，自我提升，美学和精神上的满足。当用户看到产品能给他们带来什么样的帮助，他们自然会准备好进行下一步操作。这是强化积极用户体验的地方。另一方面，帮用户预测可能发生的难题、阻止交互和沟通过程中可预期的错误和迷惑也很有帮助。高效、直观的导航，各种提示，自动搜索，这类东西能让这种体验更加自然，并且帮助用户抵挡负面情绪。我想要有用的产品任何产品首要解决的问题，是提供有用的功能。说起来是很容易，但是很多应用和并没有比较纯粹的实际用途，仅仅提供一些&lduo;娱乐&rduo;或者其他&lduo;非正规/不严肃&rduo;的&lduo;功用&rduo;。而这也是一个很明显的坑。娱乐、放松、审美需求、展示、收藏等功能常常会给人一些&lduo;不严肃&rduo;、&lduo;不实用&rduo;、&lduo;浪费时间&rduo;的感觉，但是，也正是这些功能和需求和我们通常认为&lduo;严肃&rduo;和&lduo;业务性&rduo;的那些东西同等重要。当成人看着孩子们摆弄那些简单的积木的时候，大多数人并没有意识到这种看起来一点都不严肃的事情，对孩子们的发展是多么的重要。更重要的是，孩子们正确的&lduo;设计&rduo;对于玩积木的过程有着直接的影响和明显的提升。对于应用和而言，同样如此。一个成功的产品，不仅需要有广为传颂的独特点，还得有独特但是实用的真实功能。无论设计或者创造什么样的产品，都绕不过这两点。这就是为什么用户研究和是高效设计的重要前提。它有助于发现有待解决的问题和亟需满足的用户需求，从而让产品具备更合集的设计方向，而这才是留住用户的核心。只有用户的兴趣和实实在在的好处，才是让产品留住用户的核心所在。我想要用起来够快的产品在做设计的时候，将技术和产品硬件的性能纳入考虑范畴是很有必要的。此外，设计师和者应当谨慎决策，确保最终的设计运行快速。这不仅关于交互的效率和用户能够在简单几个操作之后能找到他们想要的内容，它还关乎页面的切换、动效的运作和复杂图片的加载。如果你的产品需要用户耗费大量的时间等待，那么他们不会一直保留着它。也许有个案，但这不是大趋势。在效率上的忽视，可能让你之前的努力都付诸东流。我想要可更新的产品在这个技术快速发展的世界当中，时刻关注技术的更迭也相当重要的。用户习惯固然是留住用户的重要因素，但是许多技术的更迭同样是旨在逐步提升产品的可用性和体验，更新升级很有必要。不过有两件事情务必要记住。首先，改变和更新应当通过可用性和吸引力上的改变，来提升正面的用户体验。再一个，在绝大多数的情况下，新加入的东西最好不要作为一个革命性的因素来引入，它会对特定的用户带来冲击，从而引起明显的抵触情绪。(参考近期新浪微博的升级)我想要漂亮而时尚的产品用户体验领域的专家DonNorn曾经说过：&lduo;设计可被理解也可用的产品是不够的，我们同样需要打造能带来快乐、兴奋、愉悦和趣味的产品，对，它还得美化人们的生活。&rduo;这也是我们所认同的设计哲学。人们常说不要凭封面来判断一本书的好坏，但是现实生活中，漂亮的礼服总能作为邀请卡来使用。对，许多应用和确实是华而不实的，但是在这个酒香也怕巷子深的年代，没有时尚和漂亮的外观，再优秀的应用也很难进入用户的视野。因此，外观真的很重要，因为这些漂亮的设计正是吸引并鼓励用户尝试你的应用和的重要原因之一。实践证明，这是留住用户的重要愿意之一。我想要能选择的产品今天最后要提到的可选择性，它和其他的特性同样重要。我们讨论过太多的关于简化设计和统一性的话题，这样当的UI/UX设计方案也不在少数，它们极简，它们强调克制，它们只想保持最基本最核心的操作。他们说，应用和应当保持必要的内容，额外的元素和功用都是干扰。他们说，用户不需要复杂的动画，用户不想要有趣的插画，用户不想要明亮和意外的色彩。等等等等。这些争论、证明、案例、批评和说教都太多太多了。但是只有一个事情被忽略了：所有这一切背后并没有用户存在。用户千变万化，用户可以完全不同于所有的这些设定，可以拥有成千上万的爱好，有不同的文化和教育背景，在不同的环境中使用截然不同的技术。所有的人，在任何活动和任何领域当中，当他们在使用应用和的时候，都是渴望选择的。用户会从多样性中受益的，他们喜欢选择，珍惜机会。统一性很重要，但是不要让它无处不在，并扼杀选择。结语无疑今天的话题可以聊的很深，而有限的文字仅仅以最基本的问题来抛砖引玉。但是，即便是这些最基本的问题也足以为UI/UX设计提供相当不错的支撑。