首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么「确定按钮」正在慢慢消失

不论做什么产品,界面上几乎都少不了「确定按钮。例如:操作提示时、进行选择时、填写表单时……图片完成、保存、下单……各种代表“确定某一步骤”的按钮,都可以统称为确定按钮。...以前的产品设计,大量以来确定按钮,但是现在的产品设计,确定按钮用得越来越少了。倒不是因为不需要确定操作了,而是除了「确定按钮」之外,设计师们发现了更好的方式。...能自动「确定」就不需要按钮有一句话说:最好的交互就是没有交互同样,最好的「确定按钮,其实是没有按钮。例如,手机锁屏时,输入密码后不需要确定按钮就可以直接验证进入。...图片能这么做是因为手机锁屏密码固定六位数,而电脑的锁屏密码通常不确定,所以还是需要一个「确定按钮。图片这说明,如果能够预料到用户的操作数量,且操作很简单的话,是完全可以考虑去掉「确定按钮的。...如果按钮上写清楚「保存」两个字,也让人安心一些。如果是自动保存,也需要把相应反馈展示出来。图片只是结束流程而非操作可以用「完成」其实「完成」按钮大多可以用「确定」替代。

55730
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一件交互设计大事,确定按钮放在左还是右?

    苹果说,不论移动或电脑设备,行动按钮(Action button)都放在右边,也就是说*确定按钮放在右边*: 苹果的移动设备 苹果的电脑设备 微软说,除了删除之类的负向操作外,不论移动或电脑设备,*确定按钮放在左边...然后再让他们在剩下的图中选择最不喜欢的,再按确定按钮提交。这个实验的关键是,在选择不喜欢的图时,*确定和重置按钮的位置被悄悄替换了*。...用来测试的是一个在iPad上展示的黑白简易网站: 然而,这30人被分成A和B两组,A组先使用放在左边的确定按钮,再使用放在右边的确定按钮;B组先使用放在右边的确定按钮,再使用放在左边的确定按钮。...结果出乎意料地有趣: 两组的错误率完全不同 人们在第一次选图时,如果确定按钮在左(A组),则有13.33% (2/15) 的错误率;如果确定按钮在右边(B组),则没有人出错。...那么,为什么唯独将确定按钮从右换到左时,才有超过一半的人点错呢? 我的推测如下:从两组的第一步实验就可看出端倪,人们是比较习惯确定按钮在右边的,所以B组的第一步才*没有人出错*。

    1.8K70

    Xamarin.Forms 按钮样式 圆角按钮

    在 Xamarin 中可以通过 CornerRadius 设置按钮使用圆角 在 Xamarin 中可以方便进行样式定义或不进行定义样式只修改属性而改变外观,如按钮的圆角可以通过 CornerRadius...属性设置 按钮使用圆角时,如果更改边框的颜色建议同时更改边框的宽度和边框颜色,在不同的平台下默认的样式不相同的,如果想要保持各个平台统一的外观,虽然这样不是好主意,那么请设置固定的值,而不是采用默认值...Transparent" BorderColor="Aquamarine" BorderWidth="2"/> 此时就创建了一个圆角的按钮...因为在 UWP 中 BorderWidth 是 2 而在 Android 中是 0 也就是此时如果干掉了背景颜色,将看不到按钮的圆角 ?...设置按钮背景透明可以通过设置 BackgroundColor 为 Transparent 属性 如果需要让按钮点击时呈现有趣的效果,可以通过 VisualStateManager 的方式定义

    3.2K20

    按钮与交互-使用按钮触发操作

    在本节中,我们将介绍一个重要且简单的元素,即按钮。这个小元素可以改变整个UX。我们将使用该按钮来缩放我们的3D模型。此外,我们将尝试更改手机的壁纸。...主要故事板 我们在屏幕上放置一些按钮。使用模板,主故事板附带一个ARSCNView,我们无法在其上放置按钮。首先,删除ARSCNView并放置UIView。...拥有UIView,允许我们放置这3个按钮并添加约束。...这是按钮的约束: 按钮 约束 左 PlaceScreen 左:46点 / 底部:28点 中 加号按钮 水平中心 / 底部:28点 右 减号按钮 右:46点 / 底部:28点 放置按钮后放回ARSCNView...在布局中,将ARSCNView放在View下方,否则按钮将不会显示。 ? 约束 IBAction为 现在我们有了按钮,我们需要给它们功能。通过单击右上角带有双圆圈的图标启用助理编辑器。

    4.6K20

    权重系数确定问题_如何确定权重系数例子

    如何确定各个指标的权重,这里介绍两种方法:熵值法和pca确定权重。也可用于特征工程中确定特征权重。 一、熵值法 1、熵的概念     信息论中,熵是对随机变量不确定性的度量。...熵值越小,无序程度越小,不确定性越小,信息量越大;熵值越大,无序程度越大,不确定性越大,信息量越小。可用熵值计算特征的离散程度,离散程度大的特征对综合值影响更大。   ...熵的计算公式 2、熵值法确定权重 指标1 指标2 …… 指标m … … … … 确定指标1到指标m的权重 指标值不同取值的出现次数相差大,熵小,信息量大,权重应大;指标值不同取值的出现次数相差小,...熵值法确定权重的步骤: 1、归一化 对指标值进行归一化,归一化时,应考虑指标值的影响 当指标值越大越好时,可使用公式 x=(x-xmin)/(xmax-xmin) 当指标值越小越好时,可使用公式 x=(...用pca确定权重系数需要知道三个条件: 指标在各主成分线性组合中的系数 主成分的方差贡献率 指标权重的归一化 ex:n个主成分,m个指标 w表示各主成分的系数,wij表示第一个主成分第j个指标的系数,fi

    1.5K20

    ivx动效按钮 基础按钮制作 01

    : 二、按钮制作 1.1 利用容器制作按钮 由于我们按钮的悬浮动效使用按钮本身直接设置并不好实现过多的效果,在此使用一个容器来编写按钮特效。...创建一个行,设置宽高分别为 150、50: 我们将该容器作为按钮,那么再设置对应的背景色: 设置完毕后我们需要给予这个按钮一个点击后类似于按钮点击的效果,我们给该按钮设置一个点击事件,点击后那么该按钮会出现一个阴影...如果你不需要做一些动效,那么直接添加文本即可;添加文本还需要注意要这个按钮行的水平、垂直居中: 若你觉得这个文本颜色没有对比度,直接更改背景色或文本颜色即可: 此时我们就完成了一个基础按钮,...此时更改行1名称为按钮: 那么若我们需要动效动效,我们需要增加一个绝对定位容器: 添加绝对定位容器后,会使整个页面错乱,并且文本也不好进行定位,此时若需要制作一个动效按钮,我们需要将这个这个绝对定位容器的高度置零...150 的一半 75即可: 垂直居中只需要设置文本的 y 坐标为 -20 即可: 因为当前高度为 40px,那么一半是 20,往上 y 轴为负数,所以是 -20px,那么这一个自定义按钮接下来就可以制作动态效果的按钮

    2.7K10

    ivx动效按钮 基础按钮制作 02

    本节示例: 一、特效块的制作 在上一节中制作了一个可以增加动效的自定义按钮后,这一节通过这个行按钮对其进行特效制作。...在行按钮中的绝对定位中,我们创建一个行,命名为移入,接下来我们做一个移入动效: 此时这个行会覆盖掉文本区域,我们将按钮文本移动至行之上: 此时这个行就不会盖掉之前的文本: 接着更改这个行为我们喜欢的颜色...: 接着我们先把行的坐标置于原点: 二、给动效块添加动画 此时我们需要将这个动效块行放置于这个按钮之外,那么此时可以给予指责格行的 x 值为负,并且由于该行还需要向上移动一段距离,所以该行的...此时只需要设置自定义按钮的是否裁剪为 是 即可,这样就会使这个按钮中超过按钮的区域将不会显示: 此时我们重命名轨迹为移入动画、重命名行1为移入块: 此时预览即可完成一个动效按钮: 若想设置其对应的圆角边框...,只需要设置自定义按钮行即可,他将会裁剪掉显示区域外部的内容: 后续将会有更多特效按钮制作教程。

    2.3K20
    领券