今天继续分享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 宣传减损,代替宣传增收
用户总是更关注失去已有资源的恐慌,而不是锦上添花式可有可无的增加。
△ 【左】这个可以防止损失资源、财富、健康和朋友
【右】这个可以获得更多资源、财富、健康和朋友