设计

东东导读：对于社交类产品来说，优秀的设计，应该是不争强好胜般凸显在用户面前的，而电商类和社交类产品很不一样，电商类的产品经理想的首先是GMV（成交金额），一切是为着GMV转的举例：用户刚购买了眼镜，那么给用户推荐眼镜盒，而不是推荐洗脚盆；用户刚订了周六上午的话剧，那么给用户推荐话剧院旁边的餐厅，而不是继续推荐其他的话剧；当用户刚购买了一张飞往巴黎的机票，那么给用户推荐机场的接送机，而不是一股脑的推荐旅游产品。举例：用户明天飞往曼谷，提前一天发短信提醒用户航班信息，告知用户曼谷明天的天气，若有紧急新闻事件也可一并告知（比如曼谷突然发生恐怖爆炸事件，只要跟用户切身相关的，请第一时间告知用户）。然后顺带可以推荐接送机服务。

“用户体验”从字面理解，即用户的感受，具体一点：用户与物（有生命的人或无生命的客体）交互过程中的感受，我们对用户体验做进一步抽象，用户体验=感受。感受是非常复杂的情感交错系统，情感很难精确捕捉，因为它受到了太多因素的干扰：目标用户类型、情境、用户当下的目标，但一定程度上我们可以对对其进行量化，正如前些日子看到的一句话：We can’t design user experience, but that we can design for UX。

经常看到一些讲如何学习设计的文章，坦白讲感觉有些千篇一律、且不痛不痒，都说要看点书、学点画、练软件、多观察……唉，练软件这事还要说么，难道你还需要告诉一个人学开发是需要学习编程语言的？

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

译者语：无论是对于印刷、网站或是电视广告来说，排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而，“理解”和“实践”还是相差十万 八千里的，特别是在网页设计中，“一个字号走天下”的想法可以歇歇了。我们或许都听说过响应式网站，但我想你们中可能很少有人知道什么是响应式排版吧。

网页设计 师目前在设计界是一个最为尴尬的存在，一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖，另一方面他们又苦于网页中被局限的自由而无法在创意上得到最大延伸，设计师本人无法给自己准确定位。

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

我们看到的APP，往往有着华丽的启动界面，然后就是漫长的数据加载等待，甚至在无网络的时候，整个处于不可用状态。那么我们怎么处理好界面交互中的加载设计，保证体验无缝衔接，保证用户没有漫长的等待感，而可以轻松自在的享受等待，对加载后的内容有明确的预期呢?今天这篇文章，会介绍6种常见的加载模式设计，和3种减少等待感的具体手法，希望对追求极致体验的产品人有帮助。

虽说一款应用的生死不是由导航决定，但毋庸置疑，导航模式的选择在产品用户体验上占有很大的比重。就导航本身来说，没有优劣之分，端看你的应用适合哪种。下面是我罗列的一些常见的移动导航模式，接下来会对其一一举例说明（注：重要模式会重点分析，其余简略，篇幅略长，不喜可跳过）

界面设计工作当中的很多纠结来自于怎样在这三者之间进行权衡。对于不同的功能与内容，如果拿捏不清它们各自的特点及适宜的呈现方式，那么你便很难打造出具有整体性的产品设计方案。

传说的像素眼，也就是可以快速分辨出 1px 以上差异的双眼，往往由资深设计师所 get√，想要练就一双迷人的像素眼，除了常年累月的经验之外，还是有些技巧可以快速掌握的。今天分享7个像素眼的常用场合，按图索骥，用心观察，你也可以修炼成功！

在互联网趋势盛行的当下​，我们不得不思考： 用户体验是个很重要的事情，要真正领会其精髓并将其发挥到极致， 绝不是通过简单的模仿就能实现的。同样， 一个网站受欢迎的程度远不只与精美程度相关，更重要的是用户在登陆网站的过程中是否能够得到愉悦的体验。

编者按：今天@励定洲 这篇译文开门见山，从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能，内附大量实例（想知道谷歌搜索有哪个交互不好吗），结合实践，深入浅出，帮你掌握在线搜索的这五个方面。

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

作为一名两年的QQ音乐app用户，当初我使用它的原因在于精美的界面设计和众多高质量的音乐资源。而现在，我每天都有听歌的习惯，这个我常用的软件也成为了不能缺少的部分。我接下来从探索音乐的角度分析QQ音乐手机客户端的一些功能和体验，仅代表个人观点。

交互设计从来不易。它需要对用户行为进行深入分析的同时，还要进行细致的计划。尽管新的交互设计不断出现，但并未使它变得更容易一些。如何才能创建令用户满意的使用体验？如果你对交互设计中常见的错误有所警惕的话，无疑就会尽量避开这些错误，从而实现更完善的UX体验。

最近离职了，空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块，一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作，可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》，以及前两天上站酷首页的《2015 moonjoin showreel》。

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

本文是移动原型工具Proto.io的设计团队8月份在自家博客上发表的一篇“软文”，通过与移动设计界大牛们的对话，帮助大家了解在进行移动设计时应该特别注意的禁忌，顺便推了一下Proto这个工具。大家可以回顾一下自己团队的应用正在触犯哪些禁忌，想必会有点意思。读完本文，相信你能找到优化自家移动应用设计的方向。