简洁明了的优秀UI设计原则(3)

简介: 简洁明了的优秀UI设计原则(3)

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


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

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

image.png

△ 【左】漂亮的滑动弹出菜单(动画效果:向左滑出0.5秒)

【右】呜哇!这货从哪蹦出来的!!


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

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

image.png

△ 【左】开始制作你的App吧,先给你的App挑一个主题颜色。

【右】做App?先别管怎么做,注册一个再开始。


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

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

image.png

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


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

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

image.png

△ 【左】这个App有如下好处:帮你省钱、省时间、融入社区

【右】这个App有如下功能:截图、处理PNG和JPG图片、允许存储40GB数据


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

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

image.png

△ 【左】Hi,点击这里开始你的第一个任务。

【右】你有0个任务。以后再来吧。谢谢。


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

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

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

image.png

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


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

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

image.png


#28 默认值智能一点

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

image.png

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


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

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

image.png

△ 右边:关闭按钮放在左下角是个毛线?!


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

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

image.png

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

【右】这个可以获得更多资源、财富、健康和朋友

相关文章
|
1月前
|
小程序 开发者 UED
支付宝小程序UI/UX设计原则与最佳实践
支付宝小程序UI/UX设计原则与最佳实践
49 6
|
3月前
|
UED 开发者 Java
触摸未来:Vaadin UI设计原则如何引领你打造触动人心的数字体验
【8月更文挑战第31天】Vaadin UI设计原则致力于提升Web应用的用户体验,其核心理念包括简洁性、一致性、直观性和可访问性。通过简化界面、统一设计风格、增强直观操作及优化无障碍访问,开发者能构建出高效且吸引人的应用。本文详细介绍每个原则,并提供实用的Java代码示例,帮助开发者在Vaadin平台上实现卓越的用户体验,提升用户满意度与应用成功率。
60 0
|
3月前
|
小程序 UED 开发者
揭秘支付宝小程序成功之道:UI/UX设计原则与用户体验优化秘籍大公开!
【8月更文挑战第27天】支付宝小程序在移动互联网中扮演着重要角色,优秀的UI/UX设计能显著提升用户满意度。本文首先强调了设计的一致性、简洁性、易用性和响应性原则,确保用户获得顺畅体验。接着,介绍了最佳实践,包括利用支付宝设计组件库保持界面统一、优化加载速度、适应多设备显示、设置清晰导航以及重视用户反馈。最后,提供了一个简单示例展示如何应用支付宝设计组件。遵循这些指导原则,开发者能够构建既美观又实用的小程序。
83 0
|
4月前
|
数据可视化 UED
移动应用的UI/UX设计原则与实践
【7月更文挑战第2天】移动应用UI/UX设计聚焦简约、一致性与用户中心原则。关键在于理解用户需求,创建清晰的视觉层次,实现响应式布局。UX关注反馈速度、情感连接及无障碍访问。通过用户调研、原型测试和持续迭代,提升满意度和产品竞争力。
|
6月前
|
编解码 Android开发 UED
安卓UI/UX设计原则:打造引人入胜的用户体验
【4月更文挑战第13天】本文探讨了安卓UI/UX设计的关键原则,包括一致性、简洁性、反馈、清晰性、效率和适应性。一致性要求视觉和行为保持一致,利用系统UI;简洁性减少用户行动,简化导航;反馈需即时且明确;清晰性强调表达清晰,布局有序;效率关注性能优化和任务简化;适应性涉及多设备适配和用户多样性。遵循这些原则,可创建出色应用,提供无缝用户体验。设计应持续迭代,适应技术发展和用户需求。
160 6
|
6月前
|
存储 XML 编译器
【Android 从入门到出门】第二章:使用声明式UI创建屏幕并探索组合原则
【Android 从入门到出门】第二章:使用声明式UI创建屏幕并探索组合原则
135 3
|
数据可视化 大数据 人机交互
袋鼠云数栈UI5.0体验升级背后的故事:可用性原则与交互升级
最近,我们袋鼠云的UED部⻔小伙伴们,不声不响地⼲了⼀件⼤事——升级了全新设计语言「数栈UI5.0」!数栈UI5.0结合经典的尼尔森十大可用性原则,秉承给客户带来更加好用的功能和体验的目标,进行了重大提升,快点进文章看看,数栈UI5.0都做了什么什么吧!
234 0
|
前端开发
前端也要学习基本的UI设计原则与实践套路
有的人可能说,我是技术研发人员,UI的事情我们团队内会有别的人去操心这个,我只管技术即可。 在一天之前,我也是这么觉得的,但是我前些日子听了字节的《给开发看的UI设计》这节课后,觉得一个前端工程师也是要具备一定的UI设计能力的。 依赖市面上的组件库已经不能让产品维持在好用的状态了,还需要将一些设计元素添加进去,才能让我们开发的作品,达到一个更好的层次,给与用户最好的体验。 你的团队可能没有UI同学,也可能有UI同学,但是不一定专业,他们经常会是外包人员,UI给出的设计稿通常只是静态文件,是某一交互切面的,很多的交互细节都体现不出来,在大厂中,许多的B端产品是没有专职UI角色的,前端可能要
|
缓存 前端开发 程序员
简洁明了的优秀UI设计原则(4)
简洁明了的优秀UI设计原则(4)
273 0
简洁明了的优秀UI设计原则(4)
|
10天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。

相关实验场景

更多
下一篇
无影云桌面