|站如何让按钮更有用户体验!
发表日期Q?020-02-04 来源Q?script>document.write(''+ window.location.href + '');
按钮应该看v来像一个按?/span>
在线Q按钮充当视觉提C,有助于增强用户体验。ؓ(f)了让用户获得完整的体验,他们不必猜测按钮的位|。如果?zhn)真的希望讉K者点击该按钮Q它应该看v来像一个可以按下的按钮。这是你需要做到的Q?/span>
1.l它一个Ş?/span>
如果你觉得有创意Q你也可以用不那么传统的东西,比如菱ŞQ三角ŞQ甚x自定义Ş状。ɘq些易于识别的关键是在整个网站中保持一致?个性风|qL让用h感兴?/span>
如何改进(zhn)的按钮设计
2.使用阴媄和亮?/span>
阴媄在设计中L(fng)重要作用Q因为它们会(x)让它们看h像弹Z栗每个好的UI设计都需要突景的元素Q同样在?个更好的|站D技巧》也一样适用。这表明它们是可点击的或不可点击的。就像在现实生活中一P例如Q笔记本?sh)脑的键盘上有可以按下的按钮。除了按钮的形状外,阴媄和高光在识别交互式按钮方面v着非常重要的作用?/span>
3.Ҏ(gu)目的标记按钮
当我们用的按钮是播放、倒带、前q和停止Ӟ我们q化了很多。他们过d常被每个人都熟?zhn)的符h代表。今天,几乎不可能有q么多在每个按钮上放|符号ƈ期望ZC它们。好消息是我们不需要这样做Q因为我们可以选择单地在该按钮上写下它的含义?/span>
如何改进(zhn)的按钮设计
可能?x)发生消息不够清晰的情况。在q种情况下,构造标{作为后l行为ƈ没有错,q解释了某个按钮的动作。这些需要ؓ(f)用户提供拒绝或接受按钮操作的选项?/span>
按钮放在可以找到的位置
上v|站制作公司认ؓ(f)用户永远不应该寻找按钮。放|它们的方式让每个h都能扑ֈ它们。比较简单的Ҏ(gu)是将它们攑֜Z期望的位|。此外,在确定放|它们的位置之前试它们的位|没有Q何问题。一个很好的例子是当你dMl定的网站时。?zhn)始终输入?zhn)的姓名和密码,d按钮在其下斏V没Z(x)指望d按钮在其他Q何地斏V?/span>
如何改进(zhn)的按钮设计
L与按钮交?/span>
考虑按钮相对于页面上其他所有内容的大小。确保按钮够大以便与之交互Q但不要太大以至于媄响它在页面的观。研I表明,比较好的寸?0mmX10mm?要记住的另一个方面是两个可点?yn)L钮之间的距离Q给按钮一些呼吸空间。你不希望Q何h不小心点击错误的按钮?/span>
允许用户以可视方式与按钮交互
按钮看v来不错,但如果它不像按钮那样Q整个项目毫无意义。当用户点击Ӟ使按钮给觉反馈。这有两个方面的帮助Q方式是Q它感觉更像是一个按钮,q让每个人都开心;W二U方式是它让用户快速确认他们实际点M按钮?/span>
如何改进(zhn)的按钮设计
H出昄重要按钮
按钮h不同的角Ԍ更重要的按钮应该很容易区分在M其他不重要的按钮之间。解x案可能是使用不同的颜Ԍ概述Q或使更大更重要的按钮?/span>
在线Q按钮充当视觉提C,有助于增强用户体验。ؓ(f)了让用户获得完整的体验,他们不必猜测按钮的位|。如果?zhn)真的希望讉K者点击该按钮Q它应该看v来像一个可以按下的按钮。这是你需要做到的Q?/span>
1.l它一个Ş?/span>
你希望你的按钮脱颖而出。要做到q一点,你必ȝ你的按钮一个可识别的Ş状。它应该从页面上的其他内容中脱颖而出Qƈ立即被识别ؓ(f)用户可以与之交互的内宏V信不信׃Q网上常见的按钮形状不是一个圆圈,像你可能想象的那样。你比较安全的选择是用矩形。但不是普通的矩ŞQ而是带有圆边的。这些通常效果很好Q因为它们以引起h们的认可Q但不以破坏网站设计的程?
如何改进(zhn)的按钮设计
如果你觉得有创意Q你也可以用不那么传统的东西,比如菱ŞQ三角ŞQ甚x自定义Ş状。ɘq些易于识别的关键是在整个网站中保持一致?个性风|qL让用h感兴?/span>
如何改进(zhn)的按钮设计
2.使用阴媄和亮?/span>
阴媄在设计中L(fng)重要作用Q因为它们会(x)让它们看h像弹Z栗每个好的UI设计都需要突景的元素Q同样在?个更好的|站D技巧》也一样适用。这表明它们是可点击的或不可点击的。就像在现实生活中一P例如Q笔记本?sh)脑的键盘上有可以按下的按钮。除了按钮的形状外,阴媄和高光在识别交互式按钮方面v着非常重要的作用?/span>
3.Ҏ(gu)目的标记按钮
当我们用的按钮是播放、倒带、前q和停止Ӟ我们q化了很多。他们过d常被每个人都熟?zhn)的符h代表。今天,几乎不可能有q么多在每个按钮上放|符号ƈ期望ZC它们。好消息是我们不需要这样做Q因为我们可以选择单地在该按钮上写下它的含义?/span>
如何改进(zhn)的按钮设计
可能?x)发生消息不够清晰的情况。在q种情况下,构造标{作为后l行为ƈ没有错,q解释了某个按钮的动作。这些需要ؓ(f)用户提供拒绝或接受按钮操作的选项?/span>
按钮放在可以找到的位置
上v|站制作公司认ؓ(f)用户永远不应该寻找按钮。放|它们的方式让每个h都能扑ֈ它们。比较简单的Ҏ(gu)是将它们攑֜Z期望的位|。此外,在确定放|它们的位置之前试它们的位|没有Q何问题。一个很好的例子是当你dMl定的网站时。?zhn)始终输入?zhn)的姓名和密码,d按钮在其下斏V没Z(x)指望d按钮在其他Q何地斏V?/span>
如何改进(zhn)的按钮设计
L与按钮交?/span>
考虑按钮相对于页面上其他所有内容的大小。确保按钮够大以便与之交互Q但不要太大以至于媄响它在页面的观。研I表明,比较好的寸?0mmX10mm?要记住的另一个方面是两个可点?yn)L钮之间的距离Q给按钮一些呼吸空间。你不希望Q何h不小心点击错误的按钮?/span>
允许用户以可视方式与按钮交互
按钮看v来不错,但如果它不像按钮那样Q整个项目毫无意义。当用户点击Ӟ使按钮给觉反馈。这有两个方面的帮助Q方式是Q它感觉更像是一个按钮,q让每个人都开心;W二U方式是它让用户快速确认他们实际点M按钮?/span>
如何改进(zhn)的按钮设计
H出昄重要按钮
按钮h不同的角Ԍ更重要的按钮应该很容易区分在M其他不重要的按钮之间。解x案可能是使用不同的颜Ԍ概述Q或使更大更重要的按钮?/span>