使按钮看起来像个"按钮链接"
用户如何理解元素是一个按钮? 答案很简单:视觉提示可帮助人们确定可点击性。 在可点击元素上使用适当的视觉符号来使它们看起来像按钮很重要。1.1形状根据网站或应用程序的风格，基本可以确定按钮的形状。其中 矩形按钮早已被引入数字世界，用户也已经非常熟悉。
当然，您可以更具创意，并使用其他形状(圆形，三角形或甚至自定义形状)，但请记住，独特的想法可能被证明有点冒险。 您需要确保人们可以轻松识别每个不同形状的按钮。
无论您选择何种形状，请确保在整个界面控件中保持一致性，以便用户能够识别所有UI元素作为按钮。为什么一致性如此重要? 因为用户会有意识无意识的记住细节。 例如，用户将特定元素的形状与“按钮”相关联。因此，一致性不仅有助于创造出美观的设计，而且还为用户提供了更加熟悉的体验。下图显示了这一点。 在应用程序的一部分(例如系统工具栏)中使用三种不同的形状不仅使用户感到困惑，这是不正确的设计实践。
创意没有错，但是保持设计一致同样重要。1.2阴影和亮点阴影是有价值的线索，告诉用户他们正在寻找哪个UI元素。阴影使得元素脱离背景，使其容易识别为可点击或可点击的元素，因为出现的对象看起来像被压下的(点击或点击)。 即使是扁平的按钮(几乎平坦，准确)，仍然有这些微妙的线索的地方。
明确标签按钮
避免用户界面元素没有明确的含义。 因此，UI中的每个按钮都应该有一个正确的标签或图标。2.1清除和标记标签可操作的界面元素(例如按钮)上的标签应该总是绑定到用户将执行的操作。 当用户了解按钮的动作时，用户会感到更舒服。 诸如“提交”之类的模糊标签或像下面的示例中的抽象标签不能提供足够的关于该操作的信息。
操作按钮应该确认该任务是什么，以便用户知道他们点击该按钮时会发生什么。 使用动作动词来表示按钮的作用很重要。 例如，如果用户注册了一个帐户，则会显示“创建帐户”按钮，告诉他们按下按钮后会产生什么结果。 这个任务很清楚和具体。 这些明确的标签可以作为即时帮助，使用户有信心选择正确的操作。
放置用户可以找到的按钮
不要让用户寻找按钮; 放置按钮，用户可以轻松找到它们或期望看到它们。3.1位置和顺序如果您正在设计一个应用程序，则在选择适当的位置和按钮顺序时，应遵循平台GUI指南。 为什么? 因为遵循用户期望的一致设计可以节省人们的时间。
使用户轻松地与按钮进行交互
按钮的大小和视觉反馈，在帮助用户与他们交互方面发挥关键作用。4.1尺寸和填充色您应该考虑一个按钮与页面上其他元素的关系有多大。 同时，您需要确保您设计的按钮足够大，以便人们进行互动。
视觉突出显示最重要的按钮链接
确保设计强调主要或最突出的行动。使用颜色和对比度来保持用户对动作的关注，并将按钮置于用户最有可能注意到的突出位置。5.1呼叫动作按钮重要按钮(例如CTA)旨在指示用户采取您希望采取的操作。 要创建一个有效的“号召性用语”按钮，可以吸引用户的注意力并引导他们点击，您应该使用与背景相对应的高对比度的颜色，并将按钮放置在用户的路径中。如果我们查看Gmail的UI，界面非常简单，几乎是单色的，“发送”按钮除外。 用户一旦写完信息，就立即注意到这个漂亮的蓝色按钮。
结论
按钮是创造平滑用户体验的重要因素。简要设计要点：使按钮看起来像按钮。标签按钮告知用户能为他们做什么。放置按钮，用户可以找到它们或期望它们在哪。让用户轻松地与每个按钮进行交互。使最重要的按钮清晰可辨。
网友评论