1.按钮的强调等级
2.按钮类型应该在风格上进行区分，以提供其层次结构的视觉提示。一个主要的操作按钮应该比次要的或三级的操作按钮更加突出，并且设计出具有额外意图的不可逆结果的行动。
唯一的例外是，当所有选择都相等时，或者操作特别危险时，在这种情况下，您希望用户明确地做出选择，而不是意外地选择默认选项。
3.每个页面中通常仅有一个全圆角按钮作为主要操作按钮，起到引导和触发的作用。
假设我们的数据表有10行，每行都有一个按钮，那么最终会有10个圆角按钮，结果是它们看起来都像主操作按钮，反而影响操作。
替代方法是使用无边框按钮进行堆叠布局，就像iPhone通知的按钮一样，或者只在悬停时显示按钮选项。通过最大程度地减少按钮的出现，用户可以将精力集中在交互的内容上。
4. 在按钮中，不要换行标签文本，确保文本在一行之内显示，避免降低了可读性。
5.依据设计规范，通常是取消按钮在左边，确认按钮在右边。（PC端则相反）
这样的好处是：①便于大多数右利手用户单手持机操作；②符合古腾堡法则：左上角是视觉的第一落点区，而右下角是视觉最终落点区，右侧行进可避免阅读视线顺序造成无意识的回跳。
③有助于用户先评估所有选项，然后再采取行动，并帮助避免错误和仓促决策。
6.调换取消和确认的左右位置，虽然能暂时解决用户的退出行为，但容易产生误操作，与用户的期望不同，导致在产品体验上会被用户排斥。
尽量不要出现不可点击的灰色按钮，如果用户没有提供一些必要的信息，只需高亮显示空的字段，或者显示通知即可。
或者，降低禁用按钮的不透明度以使其透明。当这个禁用按钮是透明的时候，用户可以在启用状态下看到该按钮的外观。虽然该按钮已经淡出，但仍有一些颜色显示出来供用户识别。当禁用按钮切换到启用状态时，新外观不会让用户猝不及防。（根据经验法则将透明度调整为 40% 或者更低。）
7.圆角按钮比直角按钮更易识别，是因为圆角有更明显的边缘，可以引导视觉差异。直角看起来彼此一样，不太可能引起我们的注意。
8.苹果不建议将圆形按钮作为操作按钮。全圆角按钮通常用于“帮助”或“选择”。
9.众多按钮堆叠时，可使用图标代替
10.什么时候用文本按钮？
①将文本按钮作为不会有过多点击的三级动作按钮，作为与一、二级的区分
②用于帮助按钮。文本按钮可以防止用户将帮助视为对操作的调用，因为它们不与其他按钮竞争。
网友评论