1. <em id="a68nx"></em>
        2. <em id="a68nx"></em>
        3. 「确定/执行」按钮应该设计在左边还是右边?

          不懂技术怎么做产品?15天在线学习,补齐产品经理必备技术知识,再也不被开发忽悠。了解一下>

          一次做设计对时候,一个同事很好奇的问了下确定按钮是在左侧还是右侧!我这段时间正好有空闲,也很好奇想去了解,所以就有了这篇文章,与大家分享。

          一、调研主流规范和主流应用

          1. OS系统规范

          我先去IOS设计规范的官方网站查阅,发现苹果规范没有提到取消和执行按钮的位置要求!只说到弹出框可以包含最多3个按钮,其中一个必须要是不执行按钮,用于取消执行操作。

          但我们可以看到展示的demo上,取消按钮是在左侧的,执行按钮是在右侧。

          同时我也查询了按钮的相关规范,也没做出相关的说明。但展示的demo,也是取消在左侧,右侧为执行按钮。

          以上截图取自:macOS Design Themes/Human Interface Guidelines/windows and Views 章节 Alerts 内容

          2.?安卓Material Design规范Dialogs章节

          后来我去查阅了安卓端的规范,也没有给出详细的文字说明,但展示的demo显示取消在左侧,执行在右侧和IOS的规范是一样的。截图来自Material Design Dialogs 章节

          3.?蚂蚁金服移动端设计规范

          截图来自蚂蚁金服Ant Design移动端设计规范https://mobile.ant.design/index-cn

          4. 主流应用

          我们随机选择了一些app下载量比较大的应用,分别查看了安卓和苹果的应用,发现也是取消在左侧,执行在右侧。

          二、分析原因

          我们知道了绝大部分主流app都是这样设计,这个是表现,深层的原因是什么呢?

          我先在网上查询相关文章,有的同学做了如下解释:

          1. 阅读视线的顺序造成视线无意识回跳

          我们可以看到当消息提示我们进行下一步操作的时候,我们会下意识的寻找动作(action)按钮,上图左侧是WP的弹窗,确定/取消。

          我们需要点确定的时候会先进行扫视,确定按钮放置在左边的时候,往往会从左往右看一遍再无意识回跳到左边。而不是说我先看到左边有确定就停止往下浏览了。

          2. 古腾堡法则

          古腾堡法则指人们在浏览页面的时候,视觉都趋向于从上到下,从左到右的眼动规律。左上角是视觉的第一落点区,而右下角是视觉最终落点区。

          用户的视觉中心往往在页面的左上方,而结束浏览时视线往往落在右下角,所以合理利用这个法则可以帮助用户更好地获取内容并采取行动。

          文章来自https://www.jianshu.com/p/1c5d26e07604

          2. 古腾堡法则的弱项

          特意去查询了《设计的原则》一书,里面讲到了古登堡图的介绍,里面有一条关于这个理论似乎只适合于大量同质信息平衡分布的情况。设计的元素的也会影响视线的变动。

          图来自:《设计的原则》第102页

          三、定量分析

          也有人做了定量研究,这30人被分成A和B两组,A组先使用放在左边的确定按钮,再使用放在右边的确定按钮;B组先使用放在右边的确定按钮,再使用放在左边的确定按钮。

          有感兴趣的同学可以去看看此篇文章,文章来自??https://www.jianshu.com/p/f176bd63c027

          这个实验的观点:确定/执行按钮在右侧,出错率会更低。

          我个人觉得有几个方面的疑问:

          1. 测试者来自哪个国家,因为国外版本的产品体验和国内的产品体验有很多的不同,使用产品的方式也有不一样的地方。
          2. 第二次操作操作者可能会带有“第一次操作的记忆”,因为测试的人更想早点结束获得一定的佣金,所以不一定会认真去看按钮文字,所以第一次的测试错误率更有价值,真实反应了用户的习惯操作。

          结论

          从理论、实验来看也只是推敲这个情况的深层原因,但无不例外的说明一点,就是确定/执行按钮在右侧,更符合人们的使用习惯。

          这个习惯是从大量的产品使用当中,逐渐养成的习惯。我们做产品设计的时候,更多要依靠这种习惯,才可以让产品使用更加顺手。

          如果产品想让用户更多执行确定操作,更应该把按钮放置在右侧。但如果你想让用户不执行相关操作,反其道而行之或许是一个办法,但这样也会引起用户的反感。

           

          本文由 @一期一会 原创发布于人人都是产品经理,未经作者许可,禁止转载。

          题图来自Unsplash,基于CC0协议。

          给作者打赏,鼓励TA抓紧创作!
          评论
          欢迎留言讨论~!
          1. 老师您好,请问您这篇文章可以转载嘛?我是NPDP产品经理资讯的小编,公众号是auranpdp,希望可以得到您的授权,或者您是否有个人的微信公众号,可以和您加一下也好呀XD(不好意思我没有找到发私信的方式- -只好冒昧留言)

            回复
            1. 可以,烦请注明出处

              回复
          2. 请问《设计的原则》是哪一本书?网络上好像找不到。

            回复
          3. 感觉更多是因为PC时代的习惯吧,大部分人都是右手用鼠标,指针会更习惯放在右侧,因此执行按钮放在右侧更容易让用户点击。这个规则沿用至了手机端

            回复
            1. 这个好像有点道理,或者说强侧手是右手的人比较多

              回复
          4. 请问您有没有研究过pc端的,我看pc有一些按钮是执行操作设计在左侧。

            回复
            1. 不是一些,是极其多

              回复
          5. 如果执行操作在右侧,取消操作在左侧,那就一直保持这种一致的体验。
            有一种情况,就是用户在详情页点击左上角返回,出现挽留弹窗,有两个选项:在看看、确认返回。笔者认为左侧应该放什么?右侧应该放什么呢?

            回复
            1. 刚好看了一下这种页面:挽留类的再看看在右侧、确认返回在左侧,以及美团抢票中的要取消订单时弹框出现我要放弃(左侧)、坚持一下(右侧),应该是在选择中想要让用户继续操作或者继续停留在平台时,这种操作大都在右侧位置。(自我小见解,错误请指正 :oops:

              回复
            2. 我有一个观点,感觉这种“坚持一下”放右侧的情况有些不符合弹窗的一致性,用户主动触发返回,证明用户是想要返回的,所以把“确认返回”放在右侧是否更合理呢(虽然“确认返回”放在右侧没有放在左侧挽留效果好,但是总觉得返回是用户主观操作的,可不可以这么理解,用户主观的操作应该放右侧,取消操作的放在左侧呢),比如退出登录的弹窗,验证了这一点,“确认退出”在右侧,“取消”在左侧 :smile:

              回复
            3. 纯产品体验来说,用户主动触发,执行操作在右侧更好一些,符合用户使用习惯和认知。但是如果涉及运营策略,业务层面更希望引导用户留在当前页面的话,就会利用用户习惯,将取消操作放在右侧。

              回复
            4. 没错,现状是这样的

              回复
            5. 同意

              回复
            6. 我们以前也讨论过这个问题,今天看到这篇文章也是相同的观点,“正常情况”下都应该在右侧,“利用”习惯的话,就会放置左侧。

              回复
            7. ;-)

              回复
          6. “第二次操作操作者可能会带有“第一次操作的记忆”,因为测试的人更想早点结束获得一定的佣金,所以不一定会认真去看按钮文字,所以第一次的测试错误率更有价值,真实反应了用户的习惯操作。”这反而让我觉得更应该在右边了,因为按你的第一次操作记忆,不是记忆的是在左边么,那么点错的概率更大,结果是更小。

            回复
          河北快3app

                1. <em id="a68nx"></em>
                2. <em id="a68nx"></em>
                3. 延安 | 保定 | 巴彦淖尔市 | 张北 | 扬州 | 黑龙江哈尔滨 | 佛山 | 海拉尔 | 白沙 | 株洲 | 桂林 | 吴忠 | 和田 | 晋中 | 泸州 | 张掖 | 武夷山 | 苍南 | 丽水 | 霍邱 | 长治 | 东方 | 灵宝 | 茂名 | 舟山 | 长葛 | 项城 | 海南海口 | 阜新 | 濮阳 | 内江 | 宜都 | 舟山 | 燕郊 | 三亚 | 宣城 | 云南昆明 | 武夷山 | 蓬莱 | 凉山 | 大连 | 海丰 | 日照 | 临夏 | 湖南长沙 | 德阳 | 滁州 | 果洛 | 云浮 | 慈溪 | 晋中 | 三沙 | 安徽合肥 | 昭通 | 青海西宁 | 梧州 | 营口 | 琼中 | 开封 | 崇左 | 益阳 | 大庆 | 安庆 | 江西南昌 | 楚雄 | 锡林郭勒 | 盘锦 | 滕州 | 宜昌 | 佳木斯 | 滕州 | 高雄 | 宜春 | 黔南 | 新余 | 保亭 | 伊犁 | 甘肃兰州 | 石狮 | 塔城 | 果洛 | 巴彦淖尔市 | 禹州 | 钦州 | 灌南 | 湖北武汉 | 长治 | 韶关 | 垦利 | 瓦房店 | 昌吉 | 邹平 | 山南 | 琼中 | 靖江 | 公主岭 | 五家渠 | 楚雄 | 琼中 | 莆田 | 昌吉 | 湘潭 | 韶关 | 汝州 | 江西南昌 | 湘潭 | 松原 | 宁夏银川 | 吕梁 | 南通 | 台州 | 宜昌 | 黔东南 | 襄阳 | 芜湖 | 黄山 | 永新 | 东方 | 江苏苏州 | 安吉 | 博尔塔拉 | 沛县 | 湘潭 | 姜堰 | 宜昌 | 承德 | 烟台 | 临沧 | 佳木斯 | 周口 | 白沙 | 五指山 | 双鸭山 | 扬州 | 乌海 | 辽阳 | 琼海 | 固原 | 周口 | 馆陶 | 中卫 | 新乡 | 莱州 | 琼中 | 南京 | 苍南 | 惠东 | 亳州 | 烟台 | 溧阳 | 大庆 | 德宏 | 宁波 | 石嘴山 | 滕州 | 赤峰 | 三明 | 梅州 | 开封 | 黔南 | 肥城 | 龙口 | 江西南昌 | 齐齐哈尔 | 台南 | 三亚 | 湛江 | 桓台 | 江西南昌 | 图木舒克 | 兴化 | 莱州 | 东方 | 鄂州 | 佛山 | 陵水 | 巢湖 | 燕郊 | 漯河 | 和县 | 威海 | 钦州 | 丽江 | 巢湖 | 青州 | 洛阳 | 扬中 | 乌海 | 赣州 | 红河 | 明港 | 泉州 | 阳泉 | 兴化 | 阿里 | 金昌 | 桐乡 | 丽江 | 阜阳 | 咸宁 | 赤峰 | 福建福州 | 甘肃兰州 | 芜湖 | 吉林长春 | 襄阳 | 海拉尔 | 迁安市 | 常德 | 湛江 | 常德 | 池州 | 常德 | 佛山 | 阳泉 | 垦利 | 定西 | 公主岭 | 三沙 | 枣阳 | 庆阳 | 张家口 | 承德 | 定西 | 绵阳 | 揭阳 | 荣成 | 金昌 | 昌吉 | 凉山 | 靖江 | 日照 | 张北 | 张家口 | 新泰 | 石嘴山 | 和田 | 安康 | 台北 | 燕郊 | 怒江 | 垦利 | 长垣 | 仙桃 | 安岳 | 嘉峪关 | 镇江 | 晋城 | 吴忠 | 铜川 | 迁安市 | 甘南 | 盘锦 | 邳州 | 黑龙江哈尔滨 | 池州 | 塔城 | 惠东 | 台州 | 鄂尔多斯 | 林芝 | 靖江 | 吕梁 | 吉林长春 | 江门 | 石嘴山 | 绵阳 | 长兴 | 遵义 | 恩施 | 保定 | 乐平 | 垦利 | 馆陶 | 库尔勒 | 宝鸡 | 海门 | 本溪 | 固原 | 绵阳 | 芜湖 | 益阳 | 榆林 | 桂林 | 滨州 | 周口 | 安顺 | 莱州 | 桐城 | 黄石 | 张家口 | 防城港 | 绵阳 | 安康 | 九江 | 江苏苏州 | 辽阳 | 新沂 | 任丘 | 淮安 | 库尔勒 | 邯郸 | 铁岭 | 哈密 | 秦皇岛 | 临汾 | 眉山 | 乳山 | 常德 | 陇南 | 博尔塔拉 | 鹤壁 | 大兴安岭 | 清徐 | 台湾台湾 | 百色 | 保定 | 明港 | 佛山 | 鄂尔多斯 | 辽源 | 芜湖 | 克孜勒苏 | 辽阳 | 新沂 | 邹城 | 赤峰 | 山西太原 | 景德镇 | 惠东 | 揭阳 | 深圳 | 巴彦淖尔市 | 基隆 | 汉川 | 商洛 | 铁岭 | 临夏 | 东台 | 包头 | 燕郊 | 红河 | 珠海 | 鄂州 | 葫芦岛 | 葫芦岛 | 涿州 | 海安 | 新疆乌鲁木齐 | 松原 | 昌都 | 黔西南 | 东方 | 清徐 | 瑞安 | 南通 | 鄢陵 | 安顺 | 大庆 | 信阳 | 溧阳 | 桐城 | 鄢陵 | 崇左 | 南阳 | 吉林长春 | 金坛 | 五家渠 | 阿坝 | 和田 | 酒泉 | 三沙 | 金坛 | 聊城 | 六安 | 霍邱 | 河池 | 永州 | 德阳 | 湖州 | 金坛 | 抚州 | 茂名 | 黄冈 | 神农架 | 和县 | 济南 | 惠州 | 长兴 | 汉中 | 瑞安 | 靖江 | 雄安新区 | 天长 | 济源 | 沛县 | 博尔塔拉 | 醴陵 | 遂宁 | 茂名 | 陕西西安 | 改则 | 文昌 | 铜川 | 曲靖 | 吉林 | 甘肃兰州 | 三河 | 湘潭 | 广汉 | 济宁 | 焦作 | 黔南 | 厦门 | 三明 | 台山 | 丽水 | 铁岭 | 开封 | 锡林郭勒 | 顺德 | 红河 | 黔东南 | 玉林 | 济南 | 酒泉 | 宁夏银川 | 开封 | 石狮 | 厦门 | 娄底 | 丹东 | 新余 | 铜仁 | 龙岩 | 天水 | 阿克苏 | 江门 | 章丘 | 海西 | 延边 | 淮北 | 宿迁 | 金华 | 株洲 | 海安 | 余姚 | 泰州 | 乐平 | 浙江杭州 | 河源 | 万宁 | 巴彦淖尔市 | 金坛 | 明港 | 天水 | 商丘 | 温州 | 邹平 | 定西 | 岳阳 | 万宁 | 荣成 | 乌海 | 聊城 | 阿坝 | 阳江 | 象山 | 石狮 | 灌云 | 临海 | 图木舒克 | 武威 | 雄安新区 | 澄迈 | 桓台 | 运城 | 琼海 | 铁岭 | 邵阳 | 九江 | 莒县 | 青海西宁 | 七台河 | 嘉兴 | 新沂 | 德阳 | 包头 | 德清 | 文山 | 常德 | 延边 | 巢湖 | 漯河 | 朝阳 | 潍坊 | 仁怀 | 白山 | 鹤岗 | 潮州 | 定州 | 黔东南 | 乐山 | 广饶 | 大连 | 芜湖 | 沧州 | 咸宁 | 泰兴 | 象山 | 淮安 | 七台河 | 本溪 | 河北石家庄 | 泰安 | 吐鲁番 | 宝应县 | 张家口 | 通辽 | 天长 | 四川成都 | 玉环 | 荆州 | 桓台 | 白沙 | 本溪 | 正定 | 长兴 | 莱芜 | 咸宁 | 永州 | 昌都 | 武夷山 | 山西太原 | 湘潭 | 鹤岗 | 泸州 | 牡丹江 | 嘉兴 | 眉山 | 醴陵 | 十堰 | 万宁 | 南京 | 黔西南 | 浙江杭州 | 芜湖 | 蚌埠 | 眉山 | 义乌 | 阿勒泰 | 佳木斯 | 正定 | 新余 | 榆林 | 马鞍山 | 嘉善 | 灌云 | 内江 | 吉林长春 | 新疆乌鲁木齐 | 三门峡 | 毕节 | 日喀则 | 吉林长春 | 秦皇岛 | 大庆 | 日喀则 | 连云港 | 宝应县 | 攀枝花 | 辽宁沈阳 | 澳门澳门 | 南安 | 诸暨 | 汕头 | 百色 | 蚌埠 | 咸阳 | 陇南 | 克拉玛依 | 许昌 | 新沂 | 辽阳 | 莱芜 | 那曲 | 天水 | 六安 | 莱芜 | 新沂 | 柳州 | 陇南 | 温岭 | 贺州 | 海门 | 海宁 | 保亭 | 浙江杭州 | 灵宝 | 遵义 | 江门 | 周口 | 临沂 | 东方 | 惠州 | 云浮 | 象山 | 定州 | 金华 | 唐山 | 广州 | 乳山 | 温州 | 兴安盟 | 张掖 | 淮安 | 天长 | 宁波 | 浙江杭州 | 日照 | 云浮 | 通辽 | 林芝 | 菏泽 | 山南 | 厦门 | 黔西南 | 桓台 | 大庆 | 屯昌 | 三沙 | 淄博 | 牡丹江 | 库尔勒 | 屯昌 | 内蒙古呼和浩特 | 湛江 | 南京 | 包头 | 龙口 | 巢湖 | 武安 | 徐州 | 大连 | 广安 | 基隆 | 晋中 | 新沂 | 库尔勒 | 海西 | 黄南 | 龙岩 | 固原 | 日照 | 惠州 | 醴陵 | 怒江 | 张掖 | 黄山 | 渭南 | 咸阳 | 凉山 | 新沂 | 喀什 | 白银 | 崇左 | 四平 | 永州 | 陵水 | 海西 | 保亭 | 克拉玛依 | 吴忠 | 荆门 | 咸阳 | 偃师 | 贵州贵阳 | 迪庆 | 鄂州 | 枣阳 | 张家界 | 河源 | 陕西西安 | 霍邱 | 三沙 | 泸州 | 湖州 | 海丰 | 大庆 | 广安 | 白沙 | 神农架 | 西双版纳 | 滁州 | 保亭 | 香港香港 | 宜春 | 驻马店 | 玉溪 | 威海 | 济南 | 宁夏银川 | 绍兴 | 金昌 | 库尔勒 | 天门 | 张掖 | 燕郊 | 阿坝 | 邹城 | 图木舒克 | 七台河 | 淮南 | 仁怀 | 三亚 | 滨州 | 大庆 | 海西 | 偃师 | 河南郑州 | 靖江 | 阿勒泰 | 福建福州 | 内蒙古呼和浩特 | 建湖 | 宜都 | 贺州 | 贺州 | 金华 | 温州 | 临海 | 山东青岛 | 张家界 | 萍乡 | 黔南 | 三河 | 济南 | 曲靖 | 洛阳 | 宝应县 | 葫芦岛 | 燕郊 | 仁怀 | 平潭 | 新疆乌鲁木齐 | 丽水 | 泉州 | 河源 | 吴忠 | 内蒙古呼和浩特 | 新疆乌鲁木齐 | 琼海 | 枣阳 | 张家界 | 自贡 | 来宾 | 台南 | 松原 | 遂宁 | 慈溪 | 德宏 | 昆山 | 邢台 | 昌吉 | 高雄 | 盐城 | 马鞍山 | 灌南 | 兴安盟 | 香港香港 | 邯郸 | 万宁 | 襄阳 | 中卫 | 嘉兴 | 莆田 | 灌云 | 库尔勒 | 燕郊 | 青海西宁 | 辽源 | 湘西 | 阿里 | 嘉峪关 | 乐清 | 怒江 | 龙岩 | 诸城 | 明港 | 邹平 | 潜江 | 图木舒克 | 温岭 | 武威 | 四川成都 | 辽源 | 菏泽 | 辽源 | 屯昌 | 株洲 | 商丘 | 澳门澳门 | 长兴 | 南京 | 唐山 | 阿拉善盟 | 濮阳 | 铁岭 | 黄冈 | 海西 | 漯河 | 桂林 | 张掖 | 濮阳 | 南平 | 安顺 | 兴化 | 迪庆 | 库尔勒 | 海南海口 | 廊坊 | 启东 | 乌海 | 连云港 | 湖州 | 东阳 | 许昌 | 高雄 | 浙江杭州 | 开封 | 肥城 | 张北 | 大同 | 北海 | 石河子 | 宝应县 | 广汉 | 张家界 | 伊春 | 山东青岛 | 乳山 | 孝感 | 萍乡 | 白银 | 濮阳 | 盘锦 | 济南 | 安岳 | 图木舒克 | 达州 | 宁国 | 唐山 | 巴彦淖尔市 | 乐山 | 吉安 | 扬中 | 宁夏银川 | 内江 | 庆阳 | 锦州 | 舟山 | 广汉 | 三明 | 贵州贵阳 | 扬州 | 偃师 | 温州 | 库尔勒 | 亳州 | 商洛 | 伊春 | 宁国 | 大兴安岭 | 博尔塔拉 | 琼海 | 阳泉 | 克孜勒苏 | 乐山 | 吉林 | 济南 | 邢台 | 三门峡 | 天水 | 钦州 | 十堰 | 牡丹江 | 阜新 | 三亚 | 东莞 | 阳春 | 海东 | 保定 | 永康 | 湘潭 | 包头 | 阿拉善盟 | 河源 | 儋州 | 滕州 | 阿拉尔 | 广汉 | 哈密 | 平潭 | 佳木斯 | 张北 | 雄安新区 | 阿勒泰 | 亳州 | 福建福州 | 正定 | 溧阳 | 吐鲁番 | 昌都 | 三门峡 | 九江 | 灌南 | 建湖 | 滨州 | 荆门 | 海南海口 | 山东青岛 | 桓台 | 舟山 | 武安 | 上饶 | 郴州 | 五指山 | 石嘴山 | 焦作 | 项城 | 安阳 | 亳州 | 枣庄 | 唐山 | 吉林长春 | 大庆 | 济南 | 台州 | 咸阳 | 霍邱 | 鄂尔多斯 | 周口 | 齐齐哈尔 | 柳州 | 威海 | 盘锦 | 攀枝花 | 余姚 | 慈溪 | 甘孜 | 高密 | 姜堰 | 高密 | 瓦房店 | 肥城 | 塔城 | 台山 | 新乡 | 商洛 | 深圳 | 江门 | 甘肃兰州 | 屯昌 | 桐城 | 安顺 | 吉林 | 双鸭山 | 玉溪 | 临沂 | 黑龙江哈尔滨 | 石狮 | 灌南 | 邹城 | 淮南 | 海西 | 潮州 | 陕西西安 | 如皋 | 通化 | 铁岭 | 仁怀 | 上饶 | 汝州 | 临海 | 溧阳 | 辽宁沈阳 | 泸州 | 克孜勒苏 | 大理 | 瑞安 | 乌海 | 兴安盟 | 潜江 | 柳州 | 柳州 | 简阳 | 甘肃兰州 | 丹阳 | 忻州 | 宁国 | 宝应县 | 台州 | 内蒙古呼和浩特 | 海东 | 漯河 | 溧阳 | 单县 | 洛阳 | 鹤壁 | 泰安 | 江苏苏州 | 山西太原 | 遵义 | 景德镇 | 克孜勒苏 | 常州 | 新余 | 梧州 | 台湾台湾 | 吐鲁番 | 株洲 | 保亭 | 余姚 | 安岳 | 泗洪 | 海西 | 淮安 | 鄢陵 | 广饶 | 济源 | 郴州 | 舟山 | 百色 | 营口 | 张北 | 甘孜 | 商丘 | 黄冈 | 昌吉 | 攀枝花 | 运城 | 铜仁 | 阳泉 | 沧州 | 琼中 | 盐城 | 吕梁 | 普洱 | 吐鲁番 | 盐城 | 乌兰察布 | 荣成 | 鞍山 | 神农架 | 咸阳 | 湛江 | 晋江 | 儋州 | 佳木斯 | 西藏拉萨 | 益阳 | 周口 | 崇左 | 垦利 | 瓦房店 | 淮北 | 惠东 | 商丘 | 遂宁 | 来宾 | 涿州 | 朝阳 | 吐鲁番 | 永新 | 齐齐哈尔 | 沛县 | 任丘 | 基隆 | 贵州贵阳 | 长垣 |