简洁明了的优秀UI设计原则（3）

原文地址： http://segmentfault.com/a/1190000000575468

今天继续分享Good UI用户界面设计原则的第11-20条。

#21 加点动画，不要生硬弹出

当元素移动、弹出、消失的时候，加显而易见的渐变效果，给人类时间来理解界面是如何变化的，不要让元素突然“蹦”出来。

△ 【左】漂亮的滑动弹出菜单（动画效果：向左滑出0.5秒）
【右】呜哇！这货从哪蹦出来的！！

---

#22 渐进鼓励，先服务再吸引注册

如无必要，别第一步就让用户注册，别那么心急。先和用户分享（可能的情况下先初步试用）你的产品，让用户感受到网站对自己的价值之后，那么用户为了更进一步使用产品，或者为了保存自己试用的成果，就一定会注册。这种方法是培养陌生用户粘性的灵丹妙药。

△ 【左】开始制作你的App吧，先给你的App挑一个主题颜色。
【右】做App？先别管怎么做，注册一个再开始。

---

#23 用背景色划分区域，而不是用边框

边框是一个前景元素，和前景的所有文字、图片等干货争夺注意力。所以现代的设计风格中，避免滥用边框划分区域，而使用背景颜色配合合理的边距。边框仅用来提示真正重点的内容。

△ 看右图有没有人想起来当年恶搞短片《馒头》里的“圆环套圆环娱乐城”？

---

#24 强调好处，不要列举功能

人们对软件给自己带来的实惠，比技术功能更感兴趣。千万不要在这种问题上犯技术至上的错误——尤其是做惯了开发的人士去做产品的时候经常如此。

△ 【左】这个App有如下好处：帮你省钱、省时间、融入社区
【右】这个App有如下功能：截图、处理PNG和JPG图片、允许存储40GB数据

---

#25 为0数据量的情况做正确的设计

我们总是为了大负载、大数据量而设计，却经常忽视用户在新注册或处理完数据的时候，个人总是会碰到0数据的情况。正确设计，吸引用户使用功能，而不是给用户一个完全的空页面。

△ 【左】Hi，点击这里开始你的第一个任务。
【右】你有0个任务。以后再来吧。谢谢。

---

#26 选择退出替代选择进入

用户当然不可能主动去关注和尝试新功能。所以在尊重用户选择的情况下，把默认项设置成选择并没有大问题。

（Web不同于计算机软件，不会有装一大堆工具条这样的灾难后果，放心做吧……）

△ 【左】我想（默认）/不想订阅 【右】点击勾选才能订阅

---

#27 保持一致，不要让用户多次适应

每一个UI元素的外观变化，都意味着用户必须重新学习“这个东西是什么”。尽量避免。

---

#28 默认值智能一点

尽量让用户填写的东西少一些。猜不准没关系。

△ 【左】自动根据IP地址猜测了州和国家 【右】必须全都自己填

---

#29 尊重惯例，不要自己发明轮子

不要违背用户的已有认知，而让用户在你自己建立的一套系统内挣扎！

△ 右边：关闭按钮放在左下角是个毛线？！

---

#30 宣传减损，代替宣传增收

用户总是更关注失去已有资源的恐慌，而不是锦上添花式可有可无的增加。

△ 【左】这个可以防止损失资源、财富、健康和朋友
【右】这个可以获得更多资源、财富、健康和朋友