产品设计——按钮(四宝)

简介: 产品设计——按钮(四宝)

一、自适应按钮

前端在设计按钮的时候,我们很多的时候都是设置的静态的按钮,不管你是不是需要使用它,它都在那里。这样的按钮时最普通的按钮,但是就是这种普通的按钮也可以做一些产品设计的优化,例如,我们对表格数据添加筛选条件的时候,我们可以设置一个清除筛选的按钮,但是这个按钮不是常驻的,是只有在我们设置了筛选条件之后才会自动的显示出来,如果没有设置则可以不让其显示。


二、按钮二合一

我们在做页面数据展示的时候,很多时候会设计到排序按钮,这种排序按钮我们一般会这么设计,例如:对于评论进行排序,一个是按照时间排序的按钮,一个是按照点赞数排序的按钮。但是,这样的设计还是有些冗余。对于这种按钮的前端设计,我们完全可以使用一个按钮来进行,通过点击来切换他的样式展示,切换他的效果。这种二合一的操作,也是大大减少了页面上的冗余按钮。


三、按钮时隐时现

接着上面第二个例子说明,如果数据本来就不够一页的话,就不用展示这个按钮来选择展示的方式了,例如:如果没有人评论呢,我们是不是就可以不显示以上提到的两个按钮了。


这个设计的想法也是出于设计模式原则中的第六原则——迪米特法则(最小知道原则)。也可以用这句话来解释——如无必要勿增实体


四、发现用户习惯、作为用户的默认选择

这种就是利用了大数据的优势来进行对用户行为的抓取,通过分析用户行为数据来选择最适合与这个用户的按钮位置和形态大小。

我们也可以具体分以下的情况:


1.根据用户最后一次选择的情况,保留用户的习惯,下次进来就是这样的选择

2.用户经常性的选择习惯(次数),来确定用户的选择

3.发到所有用户里面进行统计,看用户更喜欢选择1还是2,从而把大数据统计出来的策略(使用习惯)推荐给新用户,从而提升新用户的粘度。

这种设计想法也符合了这样的设计规范——让软件的使用者称为软件的设计者


目录
相关文章
|
3月前
|
JavaScript 前端开发
我为展开收起功能做了动画,被老板称赞!
【8月更文挑战第23天】我为展开收起功能做了动画,被老板称赞!
106 1
我为展开收起功能做了动画,被老板称赞!
|
6月前
|
前端开发 项目管理
发布项目管理生产的时候出现界面滚动不了
发布项目管理生产的时候出现界面滚动不了
38 0
|
3月前
|
C# 开发者 Windows
全面指南:WPF无障碍设计从入门到精通——让每一个用户都能无障碍地享受你的应用,从自动化属性到焦点导航的最佳实践
【8月更文挑战第31天】为了确保Windows Presentation Foundation (WPF) 应用程序对所有用户都具备无障碍性,开发者需关注无障碍设计原则。这不仅是法律要求,更是社会责任,旨在让技术更人性化,惠及包括视障、听障及行动受限等用户群体。
81 0
|
3月前
|
前端开发 UED
设计新潮流:CSS动画毛玻璃按钮,展开效果引人入胜!
设计新潮流:CSS动画毛玻璃按钮,展开效果引人入胜!
产品设计——无处不入口,无处不按钮
产品设计——无处不入口,无处不按钮
96 0
|
6月前
|
缓存 小程序 数据可视化
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
36 0
|
6月前
|
开发工具 索引
点击一个消除游戏图标时,背后都发生了什么
点击一个消除游戏图标时,背后都发生了什么
67 1
|
11月前
会议OA项目-其它页面->自定义组件应用,其它界面的布局
会议OA项目-其它页面->自定义组件应用,其它界面的布局
43 0
|
弹性计算 前端开发 JavaScript
如此丝滑的按钮交互效果
如此丝滑的按钮交互效果
62 0