本文是爱奇艺无线UED负责人 @爱奇艺_晓生 采访美团设计总监 @薛靖Edwin 后整理的文章，这也是美团UED首次较为正式公布的一些想法和作品，来看看他是怎样打造一个一流的设计团队的 ：）

编者按：聊天不仅存于我们和亲朋好友间，在很多场景下，设计师也会营造聊天的氛围拉动用户的表达欲，就连Siri也是聊天衍生出的产物，关于聊天腾讯的同学有许多不同场景下的畅想，有几点特别让人惊喜，来感受下。

周哪里：在过去的很长一段时间里，每当我坐在电脑前，父母的问候语总是“在聊天吗”，一定程度上可见网络聊天之深入人心。科学一点，翻看近几年不同地区互联网用户时间的分配比例数据，聊天时间通常也占据前三位之一。这似乎已经是司空见惯的形势，然而仔细品味，会发现聊天并不是件简单的事情。

编者按：本文作者Anthony Rose，是社交网络电台Zeebox的联合创始人及CTO，文章不仅分析了侧边栏导航和Tab导航的利弊，还有改版过程进行A/B test  的详尽过程，且最后也给了建议，读完能对这两种导航有清晰的认识，非常有价值的经验分享 ：）

================正文分割线================

设想你需要设计一个含有许多页面和模块，不能在一屏内显示完全的应用。你一定会首先想到去设计一个底部或顶部的Tab导航。等一下，多出来的一排导航看上去有点碍眼？我们尝试下把他们收到侧边栏里，或者叫安卓团队给它的名字“侧边抽屉导航”。

如果你们的应用的也是多视图的，在你们的团队里，以下话题一定常常引发激烈讨论：

是把导航选项都显示在屏幕上，让你们的用户可以清晰认知app结构，并避免多余操作才能发现；还是使用侧导航让主屏的显示区域更大些。

目前，侧导航在安卓设备上比较流行，而iOS平台上使用的还不是很普遍。所以我们的讨论还要面对一个问题：安卓和iOS应用是不是有一样的用户习惯，适用一样的导航模式？

我想，在这里分享下我们的经验是很有价值的。

可用性 vs. 干净的设计

当第一次开始zeekbox项目，我们使用了顶部的tab导航。我们的理由很简单“看不到的不记挂”。既然你第一眼看不到这些入口，那么也许你也就不会知道它们在哪儿。

编者按：今天百度的同学来聊聊产品思维，让设计师从产品的角度入手，站在多维度考虑用户的问题、解决方法、产品目标和产品营销等，来看看不一样的思维能碰撞出哪样的火花。

文章略长，不过肯定是考据狂和狂热粉的最爱，你是从哪一代开始追iOS的呢？

2007年1月9日，乔布斯向世界展示了iPhone一代，这是这位已故传奇向这个时代馈赠的最佳礼物，同时也预示着，一场精妙绝伦的大戏正式拉开帷幕，iPhone,iPad以及Touch对”移动设备”进行了重新定义。更华丽，也更具人性化。

世界变幻莫测，那时候的移动操作系统中，iOS只是个”小字辈”，资历尚浅，到了今天呢，多少操作系统黯然消失在我们的视线中，而iOS俨然成为了操作系统江湖的”老字辈”。

老，并不意味着iOS失去创意了，恰恰相反,iOS以崭新的姿态继续前行。随着逐年的增强和提高,iOS已经变成了市场上最具个性、支持最广泛的操作系统。

iOS6，经过数年的磨砺，已经无限接近拟物设计的最顶峰，用隐喻设计引导者用户，操作简单易懂。而且多平台(iPhone、iPad)上的体验相对一致，对于开发者和设计师来说，这都是一个理想的”温床”。

再想一个问题，比较一下iOS1和iOS6，你会发现还是拥有很多共通点的。苹果像是一位颇有耐心的面包师，慢慢的烘焙，花了数年时间，为我们特制了一款色香味俱全的”苹果派”，你想想其他操作系统的做法吧：无限的功能蔓延，蔓延来蔓延去，淘汰了一批，又新来了一批功能。

这是个怪圈，苹果很明智的没有选择这种道路。iOS努力的保持着整体的一致性，与此同时又不放弃前卫创意，难能可贵。

而今年的9月18日，iOS7发布——新的启航。

来看看iOS的历史，看看苹果是怎样一点一滴进行优化、完善的。

从OS X中蔓延出来的IOS

在iPhone早期的声明中，我们会发现会叫做”iPhone OS”。

刚开始的时候，苹果内部争论不休，他们在考虑是否要和Mac OS X一样使用Unix内核，这样做会保持新手机的系统和OS X的一致性。

但是，这毕竟是一个完全不同的新品牌，应该有所区别。因此，采用Unix内核的操作系统被命名为”iPhone OS”，这个名字一直使用了4年。直到2010年六月发行iOS4的时候，出于简化的目的，开始称之为”iOS”

iOS 1: iPhone诞生

虽然现在很难以想象当时的情形，但是当iPhone1公布的时候，如果严格比较功能的话，iPhone落后他的竞争对手一大截，Windows Mobile,Palm OS,Symbian,BlackBerry的操作系统都有一大堆功能，远超iPhone。

编者按：今天这篇译文全程满满当当的都是干货，包含超多的实用经验，比如让元素在各个尺寸中保持边界清晰的技巧，切片的专业方法，命名规则等，绝对值得每个UI设计师收藏起来！

GW模式。（G=graphic,W=words）即为图案＋文字模式。图案经常为一些可以表示“空白”隐
喻的图案或者是自家应用的吉祥物相关的图案，抑或是可以为跟页面引导相关的图案。文字一般包含：标题，说明。标题通常是解释此处空白的原因，如
“Oops,地理定位被关闭啦，无法使用该功能哦”，“网络出问题啦”等，说明则解释出现此状况的原因和解决办法等。文案的风格经常根据产品的调性去设
计，有些走卖萌路线，有些走高冷路线，有些甚至走狂暴路线等等。鉴于此类型是一种最常见的类型，单纯的包涵文字或单纯包涵图案的设计手法也归纳到GW模式
中。如下图：

为什么传统的标注方法让人难受？

没错，Markman 是传说中的标注神器，看起来也确实方便快捷，但是当一个页面中，要同时标注间距、大小、颜色和字号时，过多的信息一齐扔给工程师，就会让人有些抓狂。比如这样：

移动应用的设计中，最容易被忽视的地方就是空白或者异常情况的设计。从传统PC时代web的异常页面如404，502等页面的设计体验迁移过来，移动应用的空页面，网络故障页面等展示也有相似的设计模式。从以前的纯文本的排版设计，到后来404成为设计师们
展示图形创意的舞台，移动应用的空白情况页面的设计也从纯文本提示到后来精彩纷呈。然而在移动应用的设计中，空白页面的的作用不仅仅在于给用户以温柔或者
精彩的提醒，安抚用户焦急或是疑惑的情绪，更重要的是，空白情况页面可以引导用户去填补“空白”。人都是害怕空虚寂寞冷的，当你面对一个空虚寂寞冷的页面
的时候，善意的指点迷津的一些语言和画面告诉你咱们还是可以有方法来填补你的寂寞空虚冷，这时候，用户的操作行为就会被触发，潜移默化中指引用户完成填补
空白的工作，那么，无论从用户个体的活跃度上还是整体的留存率，活跃度上，你设计的空白页面做到了拉升的作用，对电商产品和社交产品等来说，这些页面可谓
是自己展示产品调性，曝光功能，加深引导的黄金地段。