UI设计之按钮给用户的暗示

每个行业都有他的套路和规则,学习前人总结的经验和套路能使我们更快速地去立足于这个行业。

作为一名UI设计师,设计稿一定要符合行业常规的规范,不然在一些场景中会给用户模棱两可的体验。设计是为人服务的,而商业设计更是将细节体现在每一处细节,今天和大家分享下UI设计之按钮给用户的暗示。

A、线框按钮

线框按钮具有:轻引导作用;好像在说从这里进去看看

场景1、在两个或多个同级选择中,不干涉用户自主选择

手机淘宝购物车


京东订单详情页面

场景2、和强提醒按钮在一起时,给用户第二选择

淘宝产品详情页

B、填充式按钮(强提醒按钮)

填充式按钮具有:强引导性;好像在说,别犹豫点我就对了

场景1、做任务下一步/做完任务保存页面/完成页面,一条路径的主要操作

闲鱼产品发布页面


支付宝还款完成页面

场景2、两个选项中,推荐选项

C、文字链接按钮

文字链接按钮具有:弱引导性;好像在说:这里是有入口的/可点击的

场景1、众多链接放在一起,不给用户推荐,用户根据需要选择

网页版 我的淘宝账户设置页面

场景2、双功能开关,点击一下展开,再点击一下关闭

场景3、一段文字中的超链接字段,不影响阅读,如果想了解此处可点击直接查看

D、隐藏按钮( 鼠标滑过才显示)

隐藏按钮具有:轻引导;好像在说:你是不是刚好需要这个操作,来点这里吧

场景1、此功能为不常用功能,需要时他会在

淘宝订单详情页

设计中每一个元素都有他的使命和价值,在UI设计中,很多常见的元素行业已有默认的规范,用户对这些元素也有对应的认识,不按套路出牌的创新有些时候就会给用户体验带来一定的不适,甚至恐慌,遵循行业规则,学习行业套路,是走对第一步的开始。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。