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

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

一、自适应按钮

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


二、按钮二合一

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


三、按钮时隐时现

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


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


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

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

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


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

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

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

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


目录
相关文章
|
4月前
|
JavaScript 前端开发
我为展开收起功能做了动画,被老板称赞!
【8月更文挑战第23天】我为展开收起功能做了动画,被老板称赞!
131 1
我为展开收起功能做了动画,被老板称赞!
|
7月前
|
运维 安全
扫码即可快速协作:草料二维码底部协作面板功能详解
在二维码上添加 底部协作面板 功能后 ,扫码后不仅可以阅读设备信息、产品资料等基本信息,还可以在二维码底部输入内容评论并@他人快速协作,支持添加图文、语言、手写签名等操作。 底部协作面板是提供给组织内部成员快速协作的功能,输入后,会以评论的方式展示在二维码底部。
|
7月前
|
缓存 小程序 数据可视化
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
38 0
|
7月前
|
开发工具 索引
点击一个消除游戏图标时,背后都发生了什么
点击一个消除游戏图标时,背后都发生了什么
72 1
|
自动驾驶 算法 定位技术
千耘导航|轻松搞定交接行
交接行也叫连接行、结合垄,对于每个北斗农机自动驾驶技术支持来说,都是摆脱不了的梦魇,据一线技术支持反馈粗略统计,每年作业季至少有一半的售后技术支持工作都是在帮用户调整交接行,而且会经常遇到调整完后又发生变化,需要重新调整的情况。
千耘导航|轻松搞定交接行
|
前端开发
前端工作总结279-ele-图标使用
前端工作总结279-ele-图标使用
157 0
前端工作总结279-ele-图标使用
|
前端开发
前端工作总结104-控制弹出框不全屏
前端工作总结104-控制弹出框不全屏
74 0
宜搭小技巧|巧用审批按钮,流程随心流转
一键启用流程退回,再也不用担心“一错回到提交前”!
1109 0
宜搭小技巧|巧用审批按钮,流程随心流转
|
前端开发 容器
短视频软件开发,实现搜索栏逐渐过渡动画
短视频软件开发,实现搜索栏逐渐过渡动画
198 0