服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

对话框里的确认按钮,到底是放左还是放右?

日期: 来源:沐风与体验设计收集编辑:小哥哥沐风
大家好我是沐风。
最近发现B端设计师明显变多了。原因也很简单:C端市场已经饱和,设计师职位也因此陷入了增长停滞。B端市场增长迅速,自然需要更多的设计师。
对于B端界面,交互比UI相对来说更重要一些。因为B端的UI,可发挥性不大,很难说明设计的价值。
而交互设计,重点是通过分析和探索,产出合理的方案。因此更容易说明设计师的思考,从而突出价值。
对B端交互来说,PC端的交互控件是重要的一部分。
因此,我开启了这个全新的系列:PC端交互控件解析。我将带大家学习苹果WindowsAnt Design这3个比较主流的设计规范中,关于PC端交互控件的知识。
今天我们来聊聊对话框。
说起对话框,相信大家都比较熟悉。但有一个普遍问题,在我之前进行某PC端软件的交互梳理时,也遇到了:
软件里对话框的按钮位置完全是乱的:有时确认按钮在右边,有时又在左边。

于是我研究了设计规范,找到了其中的原因:
Windows规范建议将主要操作按钮(比如“确认”、“删除”)放在左边,苹果和Ant Design都建议放在右边
比如,Windows的设计规范里,给出了以下定义:
表达“执行”含义的操作按钮(主按钮)应放在最左边。安全、无损操作(通常为取消操作)应放在最右边。

苹果的设计规范是这样定义的:
一般来说,将人们最可能选择的按钮放在一行按钮的尾端或一堆按钮的顶部(比如3个按钮上下排列)。取消按钮通常位于一行按钮的前端或一堆按钮的底部。

Ant Design规范中,给出的对话框例子,主按钮都在右边:

规范里对按钮位置的不统一,造成了设计师们的方案也不统一。
另外,由于大多数设计师对手机端更熟悉,而手机应用应用都普遍遵循苹果和谷歌的设计规范,将主操作按钮放在右边,因此很多设计师把这个原则迁移到了PC端的设计上。

那么,在PC上,对话框的按钮到底应该怎么放呢?
我的建议分别如下:
  对于Windows端软件
建议按照Windows规范,把主操作按钮放在左边。
比如QQ的PC端还有Photoshop PC端

相关阅读

  • 按钮边框用3px好还是5px好?

  • 作为交互,偶尔在团队人力短缺的时候也被要求向后补位,做一些简单的视觉。然而每次做视觉的时候我都会感到有些难受。原因在于我总是被要求解释一些像素级问题,比如,间距多2px会
  • 一篇文章搞懂如何做好对话框设计

  • 前言:一篇关于对话框的深度解读,希望对大家有所帮助。对话框是一种重要的交互方式,主要用于完成信息传递。对话框很常见,但并不见得每一个设计师都可以百分百地弄明白对话框这个
  • 小笔记:快递柜设计的背后

  • 中午在小区门口快递柜取件,轮到前面女孩的时候,她略显尴尬的用求助的眼神看了我一眼,原来她的快递是个大件,被放到了快递柜的顶层,女孩又偏瘦小,尝试踮起脚也很难搬下来,面对这种明
  • 按钮位置如何合理设计?看这篇文章足够了。

  • 设计界面时,页面中都会有操作按钮。不同的使用场景,对应的按钮位置布局不同。按钮位置如果放错,会导致用户操作不畅,甚至操作失败。本篇文章就讲讲这个知识点,让平时没注意的人彻
  • 运营设计的那些思考与技巧

  • 早期的设计主要靠感觉和审美,慢慢的设计越来越讲究方法论和心理学,以后还可以再加一种,那就是依靠数据,它将让每个人都能获益。本文将从什么是好的运营设计出发分析运营设计师如
  • 淘宝天猫即将进行20年来的首次大变革!

  • 2023淘宝天猫最新趋势变革 - 新红利 新机遇淘系接下来会发生翻天覆地的变化,这些变化放在以前想都不敢想!变革内容涉及:天猫店铺保证金、内容流量的占比调整、搜索价格的权重变
  • 设计闲谈:马桶为什么有两个冲水按钮

  • 01 为懒人服务02 需求的根源03 插座的错误设计04 总结现在的马桶一般有大小两个按钮,大的表示满水状态,按下一次性排空。小的表示一半的冲水状态,按下排空一半。从需求
  • 见微知著 —— PC/移动端交互小差异

  • 01 前言02 五个小案例03 小结前言众所周知,PC和移动端是当前人机交互的主要互动设备。经过十多年的发展,两者已经产生了成熟的交互范式,前者主要基于键鼠交互,后者以触屏交
  • 复选框与单选按钮(生肉版)

  • https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/Checkboxes vs. Radio Buttons复选框与单选按钮Summary: User interface guidelines for when to use a ch

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 对话框里的确认按钮,到底是放左还是放右?

  • 大家好我是沐风。最近发现B端设计师明显变多了。原因也很简单:C端市场已经饱和,设计师职位也因此陷入了增长停滞。B端市场增长迅速,自然需要更多的设计师。对于B端界面,交互比UI
  • UI转UX必学:沐风的交互系统课第8期已上线

  • UX设计师,现在正逐渐变成企业的标配。几乎所有的中小公司,都开始要求设计师要懂UX。单纯做UI,已经不再具备竞争力。什么是UX?UX是User Experience Design的简称,翻译过来是用户体
  • 从交互设计角度,深度分析「微信键盘」

  • 大家好,我是沐风。最近惊喜地发现「微信键盘」上线了iOS的app store。2021年,张小龙就表示,微信要自己做一个输入法。等了两年,终于等到了。这篇文章带你从交互设计的角度,全面分
  • 【双11优惠】沐风的交互星球,今天狂降65元!

  • 你好,欢迎来到沐风与体验设计。目前市面上的文章、书籍和课程太多了。交互学习如果想体系化的学习和实战,则需要花去大量的时间去筛选并学习,在这个筛选学习的过程中会浪费大量