「确定」和「取消」按钮到底谁左谁右?

「确定」和「取消」按钮到底谁左谁右?_第1张图片

这篇文章是我对于「确定」和「取消」按钮摆放位置的一个思考,到底谁左谁右才对呢?不知同为射鸡师的你们是否也有同样的困惑呢?如果有,那就接着(我的随笔碎碎念)看下去吧~


在进入正式唠嗑前,不得不回忆一段我的青葱岁月(害羞脸):记得我在15年做设计的时候,那会的大环境还依然是将iOS和Andriod的平台设计规范区分的特别清楚,作为一个合格的射鸡师要时刻谨记iOS和Andriod的人机界面设计指南,其中就包括按钮这部分,想当年青涩的我会傻傻的去背:Andriod平台中,「确定」按钮在左,「取消」按钮在右;iOS平台中,「确定」按钮在右,「取消」按钮在左...

然而随着时间的推移,到了现在的2018年,会发现如今iOS和Andriod平台界面中按钮位置的交互方式都基本统一了:「确定」按钮在右,「取消」按钮在左,Why(黑人问号脸)??当然不仅是按钮位置这部分,还有很多其他模块的组件、控件的使用方式和规范都趋向统一了(but此文并不唠嗑其他,只唠嗑按钮这部分)。

一种交互方式的演变肯定是有其原因和价值的,特别是安卓平台的用户,他们已经习惯了「确定」按钮在左,「取消」按钮在右的这种操作方式,那射鸡师们为什么要不惜成本的去打破这种习惯和规则,让用户去重新学习和适应新的方式呢?emmm..其实这个问题我也想了好久,那我就把思考的过程从两个方面去结合唠嗑下~

重要且高频的思考维度

说到「确定」和「取消」按钮,我们先来想想企业或商家的诉求和希望的是什么,他们肯定是希望用户能够沿着他们设定好的用户使用路径去操作,并且最后能够顺畅的完成企业、商家设定的目标,保证盈利。

通常情况下,「确定」代表着完成、结束当前的任务,或是引导用户进入下一步骤中设定好的流程与场景中去,总体来说是一种肯定、不拒绝的操作反馈,默认操作路径或任务是可以被接受的。而「取消」呢,则代表一种拒绝或停止状态。

对比两者,「确定」操作是更符合企业利益和商业目标的,所以说「确定」相对「取消」来说是一个更重要的操作。

另一方面,对于普通用户来说,通常情况下「确定」按钮都属于高频操作,我想经常使用互联网产品的童鞋们肯定也会有所感知,点击「确定」的频率一定是高于「取消」的频率的,所以「确定」按钮也是一个高频率的操作按钮。

那么「确定」作为一个重要且高频的功能按钮,它是有理由被放在更重要的位置。

But..怎么去判定左和右哪边更重要呢?下面就要引入古腾堡法则了。

古腾堡法则

我根据网上搜索的结果可以将古腾堡法则简要理解为:人的眼球移动规律趋向于从上到下,从左到右,左上角是第一视觉落点区,而右下角则是最终视觉落点区,与之相对,右上角和左下角则是视觉盲点。

结合「重要且高频」与「古腾堡法则」求解

根据古腾堡法则我们知道了右下方是最终的视觉落点区,那么可以理解为相对于左下方,它是更“重要”(自行体会文字含义)的一个位置,所以呢,也理所当然的应该将重要且高频的「确定」按钮放在右下方(右边),这样既不违背用户的自然生理习惯,又借助了这一自然生理习惯去引导、吸引用户点击更重要的按钮,商业/产品目标和用户目标两不误嘛~

当然除了我自噶儿碎碎念的思考,网上也有其他的一些分析,说的貌似也挺有道理,比如:视觉流、视觉轨迹啊,“上一步”与“下一步“的操作习惯啊等等(感兴趣的好奇宝宝自行去网上搜索,一搜一大片解释)...

好啦,此文就这么简短干脆的结束啦,顺便给看到此文的小伙伴们拜个晚年啦:新年快乐哦~!新的一年,祝大家伙事业、爱情全部都能吃到鸡~!!

你可能感兴趣的:(「确定」和「取消」按钮到底谁左谁右?)