UI设计人员有广泛的控件和UI元素可供挑选,但令人惊奇的是,我们总是非常频繁地看到表单里选用了很难用的控件。
通过选用正确的操作控件,你可以显著增强产品的用户体验。 HTML5 具有广泛的表单控件,所有现代浏览器都支持,包括颜色选择器,电话输入框,带验证的 URL 输入等。
但你并不总是寻找到了最明显有效的控件。这里有些例子:
·一个“是”和“否”的选择,本来用复选框或切换开关更简单,但你却向用户展示了两个单选按钮;
·本来只有几个选项,却使用了下拉菜单的控件(最好是使用其他控件,因为下拉菜单会隐藏用户可用的全部选项,请参阅#14);
·本来可以使用被广泛支持的 HTML 颜色选择器时,要“构建自己的”颜色选择 UI 控件,以此来配合用户的设备。
再说一次,这是一个稍加思考便能省去用户很多挫折感的领域,请多上心。
知识点:
·考虑你是否正在为当前任务挑选最佳的 UI 控件。
·最常用的方法可能不是最好的。
·当有标准控件可用时,不要自己构建新的控件。
网友评论