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

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

一、自适应按钮

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


二、按钮二合一

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


三、按钮时隐时现

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


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


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

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

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


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

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

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

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


目录
相关文章
|
6月前
|
BI
机房合作之报表(控件无法显示在窗体)
机房合作之报表(控件无法显示在窗体)
32 0
|
3月前
|
JavaScript 前端开发
我为展开收起功能做了动画,被老板称赞!
【8月更文挑战第23天】我为展开收起功能做了动画,被老板称赞!
97 1
我为展开收起功能做了动画,被老板称赞!
|
6月前
|
前端开发 项目管理
发布项目管理生产的时候出现界面滚动不了
发布项目管理生产的时候出现界面滚动不了
37 0
|
3月前
|
C# 开发者 Windows
全面指南:WPF无障碍设计从入门到精通——让每一个用户都能无障碍地享受你的应用,从自动化属性到焦点导航的最佳实践
【8月更文挑战第31天】为了确保Windows Presentation Foundation (WPF) 应用程序对所有用户都具备无障碍性,开发者需关注无障碍设计原则。这不仅是法律要求,更是社会责任,旨在让技术更人性化,惠及包括视障、听障及行动受限等用户群体。
79 0
|
6月前
|
运维 安全
扫码即可快速协作:草料二维码底部协作面板功能详解
在二维码上添加 底部协作面板 功能后 ,扫码后不仅可以阅读设备信息、产品资料等基本信息,还可以在二维码底部输入内容评论并@他人快速协作,支持添加图文、语言、手写签名等操作。 底部协作面板是提供给组织内部成员快速协作的功能,输入后,会以评论的方式展示在二维码底部。
|
6月前
|
缓存 小程序 数据可视化
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
【社区每周】小程序授权弹层和菜单支持长辈版、无障碍版;AMPE情景智能新增widget卡片能力(2022年6月第一期)
34 0
|
6月前
|
开发工具 索引
点击一个消除游戏图标时,背后都发生了什么
点击一个消除游戏图标时,背后都发生了什么
64 1
|
11月前
会议OA项目-其它页面->自定义组件应用,其它界面的布局
会议OA项目-其它页面->自定义组件应用,其它界面的布局
42 0
|
小程序 开发工具 索引
玩家点击一个图标的背后都发生了些什么
在之前的两篇文章中,我们首先打开了自己的“创作者之眼”,看到了消除游戏背后那张看不见的网格,想象一下你所玩过的消除游戏,是不是其中的每一个图标都遵循着网格布局在排布?接着我们继续做了进一步的修炼,将“创作者之眼”继续升级,除了那张网格,我们也看到了一些数字,这些数字就是每一个图标的标识。
107 0