|
(1)列表单选的选项之间是互斥的,只能选择其中的某一个选项。这种方式适用于该字段的值只有一种存在的情况;与上面说的“单选”相似。 (2)虽然列表单选与单选实现的效果相似,但是它们的应用场景不同。单选适用于选项较少的情况,这种情况下就可以将选项全部列出来,让用户直接选择,从而减少了用户点击下拉的这一步操作;而列表单选则适用于选项较多的情况,将选项放置到列表中,并通过拖动滚动条的方式来进行选择,节省了页面空间。 (3)虽然列表单选解决了选项过多占用页面的问题,但是遇到选项过多的情况下,如何让用户从众多的选项中快速查找到自己所需的选项呢?这里,推荐使用搜索选择,即在列表框上方添加一个搜索框,与搜索内容匹配的选项会在列表实时展示,这样就能极大提升用户查找的效率。【举例】:淘宝“发布宝贝”页面的“品牌”支持搜索选项。
(4)列表单选的变形——多级联动选择,这种方式应用于需要进行多个层级的选择,高层级的选项决定低层级的选项。【举例】:当当网在新增收获地址时“地区”字段就是多级联动选择。
(5)还有另外一种变形,将每一级的选项都直接展示出来,并在每一级上增加快速搜索框,这种方式适用于每一级选项都比较多的情况。【举例】:淘宝“发布宝贝”时选择宝贝的品类和品牌。
5、列表多选。 这种方式通过列表选择的方式来进行多项选择,适用于要输入的值已有固定选项的情况。 列表多选和多选的区别在于,列表多选适用于选项比较多的情况,如果全部展示出来,会造成页面比较臃肿。因此将选项做成列表选择的形式。 因为列表选项会在拉动时看不到已选择的选项,同时在失去焦点时列表选项消失,因此,还需要将已选择的选项列出来,方便一眼就能看到选了哪些选项。 为了方便删除已经选择的选项,需要直接在列出来的选项上提供删除功能,减少用户操作的步骤。 【举例】:如图是大街网选择城市的弹窗,已经选择的“厦门”、“莆田”、“三明”会出现在已选择的部分,同时,如果想删除某一个已选择的城市,可以直接点击该城市右边的删除按钮。
1、扫描输入。 这在文章的前面有过介绍,可以通过扫描仪、摄像头等来对二维码、条形码进行扫描来快速进行字段信息的输入,这种方式比起手动输入来,不但减少了人工操作失误,效率有了很大地提升。唯一要注意的是,在支持扫描输入的同时,也要支持手动输入,以防扫描设备失效时,还有其他的方式来完成工作。【举例】:现在很火的共享单车,就同时支持扫描二维码和手动输入车号来解锁。
2、必填性质。 在设计字段时,有些字段是必须要填的,而有些字段是选填的,要对字段的必填性质进行说明。如何获知字段是否是必填项呢?这就需要在整理字段阶段时,和业务方确认好。确认好之后,在这一步,就要将必填的字段特殊标记出来。最常用的标记方式是在字段前方加上红色*号。【举例】:淘宝“发布宝贝”页面的“宝贝类型”、“宝贝标题”就是必填项。
3、字段提醒(说明)。 (责任编辑:admin) |













