Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网页设计中有效切换按钮应该是什么样

    时间:2022-08-24  作者:GARY  来源:https://www.niegoweb.com/news.html

    如何设计一个能清晰显示所选选项的有效切换按钮的问题是网页设计人员长期悬而未决的问题。今天尼高网页设计公司将和大家一起分析有效切换按钮的特征。这些特征可作为视觉提示,帮助用户识别按钮的哪个选项被主动打开。我们对真实用户进行了一项全面的研究,以评估各种类别的视觉提示的有效性。作为我们实验的一部分,我们评估了如果用户有更多时间观察视觉线索的感知会如何变化。

    深圳高端网页设计公司
    我们还讨论:哪些线索比其他线索更有效,哪些是最好的,哪些是最差的,以及为什么。某些发现挑战了切换按钮设计中的一些传统观念。最后,我们列出了如何根据我们的发现创建最佳切换按钮的最佳实践列表。一个好的、清晰易读的切换按钮是什么样的?切换按钮的哪些视觉特征使其能够防错并防止用户感到困惑和沮丧?

    首先我们将讨论一下切换按钮本身,何时使用它们,以及在使用时要记住哪些原则。一个切换按钮。顾名思义,它是指用于在两个或多个状态或选项之间切换(或切换)的控件。它的名称和功能都是拟物化隐喻的一部分,这意味着它们基于更古老和更熟悉的东西。在这种情况下,物理先行者。为了更好地理解数字切换按钮的基础,让我们来谈谈物理切换的特性——普通的电灯开关。

    简而言之,在设计切换按钮时,为了您的用户,最好坚持以下基本原则:仅当它们立即生效时才使用它们,不要使用Save或Submit。当设置具有默认值时应用它们。在其他情况下,一个复选框或一组单选按钮可能是更好的选择。有两种方法可以使用切换类型元素。对于二元期权(主要是开/关,如上所述),您可以使用拨动开关。这很简单。您只需激活或停用一项功能。切换按钮是在相反(甚至多个)选项之间切换的合适解决方案。它由两个或多个彼此相邻的按钮组成。所选按钮需要以某种方式“突出显示”以表示切换状态。

    目标是设计足够不同的切换按钮,以表明选定选项和未选定选项之间的视觉重量差异。同时,按钮应该足够相似,可以被视为同一整体的两个(或更多)部分。挑战在于明确哪个按钮处于活动状态。使用拨动开关,它相对简单。使用直接标签(开/关),您可以很容易地读取切换状态。但是,切换按钮不包含文本“on”或“off”。他们的标签代表解释国家的质量,而不是显示国家本身。因此在阅读切换按钮时,用户必须依赖其他视觉提示。如果使用不当,弊大于利。但是,可以肯定的是,应该强调当前处于活动状态的状态,而不是更改它的可能命令。这将我们带到了本文的主要焦点。UI 和 UX 设计师之间有一个热门问题:如何制作一个好的拨动开关?当我们自己问这个问题时,我们发现没有基于可靠用户研究的一般规则。这就是为什么我们进行了自己的案例研究来解决这个问题。

    有了足够的经验和一些可用性测试,您可以确保您的切换设计不是问题。但是,如果您可以根据全面的研究和冷硬的数据立即判断什么可行或不可行呢?此外,哪些设计功能可以帮助用户区分哪个切换选项是活动的?您如何结合视觉提示,例如颜色、文本大小和框架,以使切换的状态立即可识别?在我们的研究中,我们探索了视觉提示领域,并专注于哪些设计特征表明切换对中的按钮处于活动状态的问题。

    视觉提示是网站上吸引用户注意力并提供有关如何使用设计的信息的元素的各个方面。它们帮助用户发现可点击的功能,区分活动或非活动状态,并介绍网站呈现给他们的可能性。他们发送的信号应该清晰易读。

    相关案例

    OTHER CASE