设计原则

已经使用了近两年的荔枝FM，身为一个产品经理，一直对荔枝FM的使用逻辑和交互体验感到费解，所以今天就小试牛刀！

用微信时，你是否遇到这样的情况。你正刷着朋友圈，享受着各种鸡汤，这时候，你收到一条微信，一看是女王大人，不得不回。你诚恳的回了一条，等了二十秒不见有什么回应，于是就退了出来，进入朋友圈找到那篇没看完的文章，没看两行字，那边就回复你了，于是你又乖乖地回过去，来来回回，很麻烦！那，为什么聊天和朋友圈间不能有一种更快捷的切换方式呢？其中A代表微信聊天页，B代表微信其它功能页，X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例（不要为为什么），其它类似，一共可以分为三类，共14种操作，与手指间的交互动作共有5种。定义好问题、了解好现状后，我做了改善的尝试，下面将有可行度的一些方案与大家交流一下。

Terry Cao是UXPin（一款线框图与原型制作APP）的内容策略专家。要了解如何掌握现在交互设计的艺术，可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣，更吸引他们，并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说，“交互（Interactivity）通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术，可以阅读《Interaction Design Best Practices》一书。

用了两个星期时间断断续续读完iOS的guidelines英文原版，原文是写得有点啰嗦，所以精选了以下觉得比较重要的点，并加以自己的解释；当然如果你有时间，还是推荐阅读英文原文。首先是因为翻译的版本基本是不全的、旧的，就像ISUX的翻译的对比原文就会发现中间省略了好多。本文的作用并不像多数的翻译那样，让你粗略地了解里面的内容，而是精选出一些点使你体会到苹果的设计思想。 我读guidelines的目的不仅仅是要看他们是怎样规定的，而是要看他们为什么这样规定，在了解了制定规则背后的原因之后不仅便于记忆规则本身，还能了解苹果的设计思路，当吸收了设计思路之后，就不再是墨守成规，而是更自信和灵活地运用规则，甚至创造属于自己的规则。就像tweetie发明下拉刷新手势之后苹果反而把这种手势加进了自己的guidelines。 读英文原版还有一个显然易见的好处就是熟悉专业英语表达，guildlines的措辞显得优美而精确，值得去读读。

译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。

译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。译文首发于ISUX博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会陆续更新，敬请期待。

.space-betw {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}

- (NSDictionary *)demoTextAttributes {
NSMutableParagraphStyle *ps = [NSMutableParagraphStyle new];
ps.alignment = NSTextAlignmentJustified;
// here, NSBaselineOffsetAttributeName must be set though the default value is 0 to make the justified work.
return @{NSParagraphStyleAttributeName :ps, NSBaselineOffsetAttributeName : @0.0f};
}

给用户及时、恰当的反馈，是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中，对操作反馈从形式、内容、位置几个方面做了非常详细的总结，满满干货。今天@青溪Joanna 这篇读书笔记提取了书中的要点并配上实例，分享给大家。

「我有个改变世界的点子，就差做个app了。」
「这是我们的商业计划书，虽然还没有开始推广，但我们真的击中了用户的痛点。总之，先做个app吧。」

工作在用户体验团队中会经常需要用到一些在线工具。对于UX的世界，不管你是一个新手还是一个经验丰富的老鸟，你都不应该停止寻找一些会让你的工作变得轻松的工具。在这篇文章中，我们为你准备了21款有用户体验设计的相关工具。

高度总结动效设计的基本原则，有大量的案例分析。动效设计在用户体验的提升中到底有没有用呢？ 我们在下面讨论的是为什么要应用动效，以及在那些时候动效，动效的特性等等。

你可能已经有一个很好的产品。你做了可用性设计，你也拥有了几个经常使用你产品的核心客户。然而，这在激烈的竞争中往往并不突出。你的产品具有高跳出率，只有很少的用户会回到应用中，用户比你期望中更快地抛弃你的产品，一般情况下，用户不会深入所有你的产品所提供的体验。

上篇文章为：［译］可用性之外：使用劝导式模式设计（上）用户注册了你的产品之后，是时候给他们一个良好的第一手经验了。你的目标是让用户掌握你产品能提供的所有功能。让我们来看看你能做些什么来使用户体验到产品的真正价值。

理清业务逻辑是交互设计的第一步，你必须得拥有非常清晰的逻辑思维，因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及难以理解的业务技术背景，这些都是对设计师逻辑思维的一个挑战。如果你没有清晰的清晰的逻辑思维，那可能就不适合做交互设计了。

随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温，在过去的一年开始流行的一些UI/UX设计趋势，将会在新的一年里继续流行下去。鉴于此，我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

从事交互设计3年了，经常有朋友和同事问我“到交互到底干嘛的？”答曰:“根据用户的需求及场景，用简单、愉悦的方式完成任务”。但他们似乎还是不太明白。

漂亮的，新颖的，干净的，简洁的，极小化。在有关设计的讨论中这些单词频繁出现。看下面的这个优秀作品集收集网页：http://www.creativebloq.com/portfolios/examples-712368。单词“漂亮的”被用了6次，“简单的”被用了11次，仅仅还是在一篇文章中。

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

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