广州网站建设公司-广州网站制作公司说说网站下拉菜单的性质,并剖析应该或不应该用它们的状况。我还将展示一些不好的例子,以帮你进行设计。
01 防止长列表网站下拉
在表单中用网站下拉菜单好像比较容易——它们在界面上不会占用太多空间,所有浏览器都支持它们,并且用户对它们的认知也足够多。但,当选项超越15种时,用户或许会不知所措,而他们也很难导航。
看到20多个未分类的选项或许会让人迷惑并且让人生畏,用户非常难找到他们想要的输入;还会出现滚动问题,用户需要将鼠标光标维持在网站下拉框中,不然,他们最后将向下滚动页面。
长网站下拉列表最经典的示例是国家选择器,一般有100多个选项。尽管一般按字母顺序对其进行排序,但有时会将时尚国家/区域放在顶部,这或许会用户感到困惑。
02 选项太少
其次,假如选项太少, 那样网站下拉菜单将是一个糟糕的选择,由于它通过隐藏可能已经暴露的信息而在用户流中引入了非必须的摩擦。
更好的选择是用单选按钮,该按钮允许用户立即扫描可用选项,而不需要花费任何精力或精力。
03 禁用灰色选项
当某个选项被禁用或不可用时,应将它显示为灰色,而不是将它删除。假如删除去禁用项,则界面将失去空间一致性,并用户更难学习——他们可能仅因为禁用项而没办法找到某些选项。
04 防止打字速度更快时用网站下拉菜单
在某些状况下,键入事实上可能比用网站下拉菜单更快。一种典型的状况是输入信用卡有效期。键入mm / yy绝对快得多,而不是从两个网站下拉菜单(月和年)中滚动。
尽管用自由格式的输入字段确实需要某种形式的数据验证,但从可用性的角度来看,它仍然是更好的选择——由于它可以降低用户的负担。
05 防止过度用
当某些数据或信息可以自动导出时,不需要不断询问用户的输入。
如此的示例之一就是在结帐过程中用的“卡种类”字段,可以参考信用卡号的前几个数字,确定卡的种类,因此需要用户自己选择卡的种类会产生额外的麻烦。
当可以在其他地方找到数据时,不要培养添加新输入字段的习惯。
06 降低动作数目
可以参考所需信息自概念网站下拉菜单的菜单部分,以降低操作数目。
一个经典的例子是“日期选择”字段,假如用一般的列表菜单,则需要3个网站下拉菜单(月,日和年),这对于用户来讲非常烦人。
更好的选择是自概念菜单组件,以允许用户选择仅具备一个网站下拉菜单的输入。
网站栏目网站建设下拉菜单时的需要注意的地方