交互设计

Material Design的动效设计 是响应式的，自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。

“如果所有都是重点，那么就不存在重点了。——Patrick Lencioni”“用户在手机上永远用不到这些内容。”

“hey各位！我们要开始做一件重要的事了！”陈老湿已经走到我们的工位前，兴致昂扬地说道，“竞对已经上线了类似的功能，我们得抓紧了。上海那边出了方案，看，在这里！”

头疼就是脑子里有什么正在激烈地进行改变，可能就是你从困难上学会的东西。—— 写这篇文章的人

输入#号后，在键盘之上即刻出现一个半浮层。你可以在当前界面继续打字，或者选择半浮层中的搜索结果。当你想查看更多向上滚动时，才会推入一个新页面。

互联网的时代，说是一个体验为王的时代，一点也不为过。在互联网时代，产品是否能够做成功，用户体验成为一个关键点，用户购买你的产品，并非是与你结束了交易，而是一个新的开始。当用户拿起你的产品，使用你的产品的时候，用户体验之旅才真正开始，而用户的体验之旅是否愉快，将直接影响到你的口碑，影响到你的销售。

在被密集需求轰炸（需求本身都具备一定合理性，不包括那种应该拒掉不接的需求），同时自己还有一堆想自发驱动去做的事情时，交互设计师该如何进行合理的设计优先级判断，分解需求排期推进呢？来看今天的实战经验！

在很多界面中，错误的产生不可避免。一旦发生错误，要帮助用户快速轻松地处理好。

新版Material Design 官方动效指南已经翻译到第三章了！今天这部分，从动效的运动和材料形变入手，让你的动效自然真实，贴近现实状态。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。

用户体验在产品设计中的重要性不言而喻，但是并不是所有的产品经理都能在用户体验设计上做到完美。入行产品经理那么久，也许你已经能特别熟练的写PRD，轻而易举的用Axure画原型，甚至还能用Axure实现“打飞机”，但是却做不到将用户体验设计上升一个新层次？如果这也是你目前遇到的情况，那么请认真看看这篇文章，它或许会给你一个答案。 “如果你不能说出你的想法，就算这些想法非常的棒，它们也不会存活。” “伟大的设计就像在讲诉一个故事。”“太多的文本信息并不会增加太多的价值。”

这不是一篇关于“怎么做高保真原型“的文章，也不是一篇关于交互规范的文章，这篇文章对于交互新人或者想作一些改变的互联网从业者有些许帮助。

“我躺在沙滩上，感觉到细碎的沙子在后背陷入；我踩在小溪里，感觉到脚底的乱石和流过脚面的溪水。我和沙子，我和溪水，产生了交互。”如果是静态的画面，我们恐怕不能确定画面中人是先吼叫被抓住，还是先被抓住再吼叫：
“疯狂罪犯终于落网！”
“魔法界警察暴力执法！”
——这两者之间的差别可大了。“大页面的设计是焦点的设计，小页面的设计是空间的设计”“扁平化其实为了让你觉得地方足够大。你信吗？反正我信。”——“李白”“使用APP，你不需要别人告知左箭头是什么意思。”你应该熟读Android和ios的官方设计规范、人机交互指南文档，只要遵循这些规范，用户不会因此犯错。
Ps：规范可以帮我们“不出错”，但要达成“绝妙的设计”还需更多创造力。突然！你被人打晕了！
醒来的时候你发现自己到了一个陌生的地方。
现在你在想啥？——
“我在哪？”
“我是谁？”
“我该怎么办？”“我在18层1806，我要去3层0303。出门左拐坐电梯，出了电梯再右拐“

通常带有明确指向性和说明的标签（按钮内容，文本）会比通用的“OK”或者“确定”要更好。
尽可能使用动词，而不是OK，因为前者意义会更明确，用户不会断章取义从而作出错误的选择。

OK/[Do it]/Yes
[Don’t do it]/No
Cancel

追求简单易用是人类的本性，《简约至上》中提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约的终极策略。对于功能性单一的产品做到简洁化比较容易，但对于功能性较强的产品如要做到简洁就是一个复杂的课题。

踏入新创科技业以来，总是听见许多设计师/工程师朋友们在抱怨设计师与工程师之间的合作有多么的…不融洽（糟糕），要码是设计师常常抱怨工程师没有 美感，不重视设计细节，或是连Guideline都不读完就来跟我讲该怎样设计（ → 强烈建议iOS/Android 工程师不管未来是否会接触接口设计都花些时间把iOS的Human Interface Guideline跟Material Design Guideline给看完，这是基本啊！！基本啊！！在线已经有满坑满谷的翻译文章啰，所以别再拿看不懂英文当借口啰）；另一方面就是工程师也常常会抱怨 设计师总是把写动画当作小画家，把写程序当成写国字（Framer会红的原因？！）或是总是有着过于天马行空的设计想法。

文案规范
视觉指南

配色方案，包括每种色彩的具体参数，以及其他可接受的色调
字体和排版方案，包括每个部分的字体类型、尺寸、字重以及具体用法
LOGO，包括它的样式、变体、尺寸以及位置的说明
拼写、关键词的选择、文案的风格（包括按钮、社交媒体等）
图片使用规范，包括色彩、裁剪规则和视觉表现方面的标准
SEO信息，比如可选的标签和关键词
栅格标准（主要用作网页排版和印刷）
空间与留白方面的说明（设计的松紧度等）
关键点的说明（团队成员可能会提出的问题或者有待澄清的点）

在内容表述上不要限制太多，这毕竟是风格指南，重点是视觉上的引导，设计是核心；
将相关、相联的条目整合到一起做快速指引：一个页面介绍色彩，在另外一个页面做排版的规范等等；
用图片案例来展示界面应有的外观，而不要单纯用枯燥的文字来做介绍；
提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值，确保色彩的运用能够一致；
将一部分的设计案例分解说明，确保每个元素的功能和使用规则都足够明晰；

现在新手引导已经成手机客户端标配，但是通用的做法不见得是最有效的。这篇文章中我们将会看到为什么新手引导经常无效，以及如何借鉴游戏设计的原理来提高用户的参与度。

好的产品必备的两点要素：功能和细节设计。功能吸引用户使用你的产品，细节设计塑造产品的差异化，将你的用户留下。功能满足需求，细节打动人心。

最好的触发器应该是符合情景的，体贴用户的，触发器的控件应该与其要传达的状态匹配，且引人注目的程度要与其使用频率匹配，标签也应该简洁明了，通俗易懂。