交互

经常发上手即用的教程和技巧，今天来点不一样的「干货」，聊聊在设计中的价值创新。内文案例丰富，配图生动，也有实战案例，对于「需求」的理解非常到位，来自阿里Heyuchan 同学的分享，如果你恰好是交互设计的，更加不能错过咯。

你注意过么，每天从不同的 App 上收到的大量的推送通知与提醒，这些通知里有多少你真的有兴趣?

我们在创造某些体验后，需要一些理由给它们做出定义。伟大的设计是无形的，因为他们具有一致性，并让人熟悉。

之前阅读了原研哉大神《设计中的设计》一书，书中提到了一个很有意思的概念：再设计。再设计的理论，是想让我们通过忘掉设计对象已有的现状，追根溯源，对设计对象进行再次设计，从而加深大家对设计对象的理解。

「一致性」可以理解为统一或者更通俗的规范，这篇文章有一定深度，作者从多方面阐述了一致性对于UI设计的重要性。最后给出了为应用创建“一致性设计”的几个原则。下面让我们来阅读发表在Medium上的，由交互设计师兼工程师的Joe Toscano创作的文章。我们在创造某些体验后，需要一些理由给它们做出定义。伟大的设计是无形的，因为他们具有一致性，并让人熟悉。

时至今日，扁平化已不再是流行一时的设计风潮，而是一种美学风格。扁平化大胆的用色，简洁明快的界面风格一度让大家耳目一新，当它对元素效果抛弃的如此彻底之际，它又将效果捡起来，改装成另一番模样，使得扁平化进化为扁平化2.0。

转到交互岗已经有一阵子了。原来在做产品的几个月里没少和技术、设计进行沟通，每当自己把意思想法传达下去的时候，反馈回来的结果基本都要进行进一 步的修改，这种返工和修改在产品快速迭代的过程中很浪费时间。当时自己没有觉得表达有问题，已经把需求的目的结果都表达清楚了。可能是自己没写过代码、没 做过设计所以在一些专业的术语的表达上，方案实现方式的选择上存在偏差，导致技术、设计没有完全按照自己设想的预期做出结果。

想必大家都见过下图所示的著名的“交互文案”反例吧？如果文案写成这样，无论设计师在文案出现方式、时机等方面再怎么优化，这也不可能成为一个合格的设计。因为“看起来重复、读起来绕口、理解起来更是云里雾里”的文案很难让用户获得良好的阅读体验和使用体验。

一个产品完整的设计流程中，交互与视觉定稿后，后续视觉规范的输出、UI控件的整理与标注、开发的高还原度，都会影响产品最终的用户体验。作为视觉设计 师，在视觉设计 的最后阶段则是繁琐且像素级别的精雕细琢，设计讲究的不仅是美感还有严谨态度与逻辑。

译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【　OK　】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。

Dribbble，国内比较追捧的媒体。上面聚集了很多项目的视觉设计图，有的配色很漂亮，有的表现手法很新颖（一定程度上会激发我们灵感的火花），但我们在不了解设计场景、目标的情况下是无法判断出这样的视觉设计是否最终解决了用户的问题。脱离业务场景的设计是没有生命力的更谈不上产品体验、服务体验，只有视觉和体验统一起来才能更好的占有市场，设计才具备了商业价值。

让人信任的网页到底是怎么样的？设计一个令人信任的网页应该是有迹可循的，几天文章当中的10个技巧，就是可行性相当高的手法，仔细看看，也许会让你获益匪浅。

预测用户的意图，让他们尽可能接近目标。△ 筛选出或跳至用户正在搜索的条目

信很多视觉设计师 会有这样经历，当接触到一个新的项目；如果是熟悉业务类型产品，设计起来轻松熟络，如果是一个陌生的业务类型，则需去摸索与尝试，找到合适的设计定位与视觉风格。当视觉对交互的业务性质、框架逻辑、层级关系不熟悉时候，视觉效果是画出来了却漏洞百出.

除了引导用户，还要减少他们的认知流程，以保持流畅状态。千万别把计算这种事情丢给用户，让计算机来处理。

我有两种方式 来建立这种认识。
简单而迅速的方式是用一句话把它写出来，包括我要设计什么，要遵循哪几条设计规则，尽量使用最简单的术语。然后，在面对设计功能对照表而犹豫不决时，我就会暂时停下来，问我自己：“做这个表是为了什么？”这个描述是我判断设计是否简单的基准。在做一些比较小的设计（大型网络中的一个页面）或者在我多多少少了解到设计背景的情况下，这种方式都是很奏效的。
更好而花费时间更长的方式是描述我希望用户拥有什么样的体验。具体一点说，就是描述用户的使用背景，以及我的设计怎么满足用户在该情下的需求。在设计一些大型啊项目时（比如整个网站或者移动设备），这种方式很适合，因为我这种方式可以让我深入透彻地考虑到每一个细节。

1997年，“码农”张小龙靠一己之力写了Foxmail，但电邮软件是免费的，当时连《人民日报》都在为码农张小龙的生计感到担忧。时隔20年后，张小龙的名字在互联网领域几乎已经无人不知，无人不晓，更多的是因为一款足以彪炳互联网史册的产品——微信。

接着上一篇《产品原型设计之交互体验的思考过程（一）》，这篇主要针对微记第二版的原型设计调整的思考过程作一下详细的说明。

在Material design的世界中，动效用一种优雅、流动的方式来描述空间关系、功能、和意向。