制作表单时，最后应该使用哪个控件？如果视情况而定，无论哪种选择都各有利弊，需要综合选项数量、房间大小空等因素，选择一种形式，在大的层面上方便用户应用。
它是表单界面设计中最重要的部分。好的表格可以帮助你快速填写。相反，它会让用户立即点击关闭按钮。一般表单包括:输入框、登录密码框、多行文本框、复选框、单选框、下拉选择框、按键等。最近每天都在和表单打交道，尤其是单项选择，所以写这篇文章来深入思考在单项选择场景下，人机交互该怎么做。
在这个阶段，单个项目选择的场景有几种交互形式:单选框、电源开关、下拉选择框和d出框。
一、单选框形式：将全部选项都整理出来，每一个选项前边加上单选框，选项中间相互独立。优点：选项所有都整理出来，便捷用户查询比照。缺点：占有室内空间大。应用情景：一般选项低于七个，每一个选项的必要性一样，用户必须开展比照才可以选择。常见问题：1、点一下范畴作为单选选项，在用户应用的情况下，最重要的是选择它。选择的类别决定了用户是否可以轻松选择。在某些情况下，室内设计师一般会忽略这一点。像图中的信息，第一种情况对用户来说比较好，第三种情况就很难选择了。所以在设计单项选择题的情况下，选择的类别一定要尽量大。然而，还必须指出，不能危及其他选择。如下图所示，用户的选择不容易做到非常准确。他本来想选方案二，结果选了方案一。
2、排序形式一般选项都是铺好的，但是一定要注意间距。如图，用户很难分辨自己是选一还是选二，尤其是在选项很多的情况下。
二、电源开关形式：仅有2个选择，一般便是开与关。优点：实际 *** 作时最能体现状态，随后能够很显著的表明所处状态。缺点：仅有2个选项，而且是对立面的，应用状况受到限制。应用情景：一般表明一个作用的打开或是关掉。常见问题：1、必须建立电源开关状态。
图中这两种状态都存在。一是汉字表示按键被移动时会是什么状态，给用户一个心理状态的估计；第二，汉字表示现在的状态。如果去掉色调，就完全颠倒了。用户看到这两个键的时候，也一定要仔细区分。
还不如做iPhone做的事。它删除了电源开关的文本，并根据视觉效果状态完整地告知用户当前状态。不容易产生认知偏差。
三、往下拉选择框形式：选用下拉列表的形式，点一下往下拉后，显示信息选项，能够将点击量高的选项放到前边，便捷选择。优点：占有室内空间小，在进行全部选项后，能够按关键水平排序。缺点：不点一下往下拉，用户不清楚选项都有什么，不方便较为。应用情景：选项不必要五个，在20个下列，选项中间较为水平低，用户很清晰自身必须选择哪些。常见问题：1、选项长短区别大在下拉选项中，如果选项长度相近，那么设计方案就比较容易，但是如果选项长度相差很大，就很烦人了。虽然选项可以完成断行设计，但一般下拉列表中的选项仅用空格分隔。如果断行，就必须提高断行，否则分不清断行选项。因此，在设计方案的情况下，最好让信息尽可能显示在一行选项中，最大选项数为标准设计方案下拉列表的总宽度。如下图所示。
四、d出框形式：以d出框的形式展现，在d出框里边，除开选项之外，也有其他輔助控件。优点：能够有挑选控件，协助选择。选项內容能够十分多。缺点：d出来网页页面，提升了等待的时间，提升用户的 *** 作流程。应用情景：选项十分多，一般不必要20个，必须挑选控件輔助。制作表单时，最后应该使用哪个控件？如果视情况而定，无论哪种选择都各有利弊，需要综合选项数量、房间大小空等因素，选择一种形式，在大的层面上方便用户应用。
文章作者为@设计Zan，未经批准严禁删减。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）