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

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

一、自适应按钮

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


二、按钮二合一

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


三、按钮时隐时现

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


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


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

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

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


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

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

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

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


目录
相关文章
|
2天前
|
前端开发 项目管理
发布项目管理生产的时候出现界面滚动不了
发布项目管理生产的时候出现界面滚动不了
10 0
|
2天前
|
缓存 小程序 数据可视化
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
21 0
|
9月前
|
弹性计算 前端开发 JavaScript
如此丝滑的按钮交互效果
如此丝滑的按钮交互效果
46 0
|
10月前
|
UED
产品设计--按钮菜单的优化设计
产品设计--按钮菜单的优化设计
|
XML API Android开发
悬浮窗开发设计实践
悬浮窗开发设计实践
366 0
悬浮窗开发设计实践
|
前端开发
前端工作总结279-ele-图标使用
前端工作总结279-ele-图标使用
126 0
前端工作总结279-ele-图标使用
|
前端开发
前端工作总结104-控制弹出框不全屏
前端工作总结104-控制弹出框不全屏
58 0
|
前端开发 容器
短视频软件开发,实现搜索栏逐渐过渡动画
短视频软件开发,实现搜索栏逐渐过渡动画
168 0