第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

后台产品:字段设计(4)

时间:2017-12-18 11:22来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
(1)列表单选的选项之间是互斥的,只能选择其中的某一个选项。这种方式适用于该字段的值只有一种存在的情况;与上面说的单选相似。 (2)虽然列表单选与

  (1)列表单选的选项之间是互斥的,只能选择其中的某一个选项。这种方式适用于该字段的值只有一种存在的情况;与上面说的“单选”相似。

  (2)虽然列表单选与单选实现的效果相似,但是它们的应用场景不同。单选适用于选项较少的情况,这种情况下就可以将选项全部列出来,让用户直接选择,从而减少了用户点击下拉的这一步操作;而列表单选则适用于选项较多的情况,将选项放置到列表中,并通过拖动滚动条的方式来进行选择,节省了页面空间。

  (3)虽然列表单选解决了选项过多占用页面的问题,但是遇到选项过多的情况下,如何让用户从众多的选项中快速查找到自己所需的选项呢?这里,推荐使用搜索选择,即在列表框上方添加一个搜索框,与搜索内容匹配的选项会在列表实时展示,这样就能极大提升用户查找的效率。【举例】:淘宝“发布宝贝”页面的“品牌”支持搜索选项。

  

后台产品:字段设计

  

后台产品:字段设计

  (4)列表单选的变形——多级联动选择,这种方式应用于需要进行多个层级的选择,高层级的选项决定低层级的选项。【举例】:当当网在新增收获地址时“地区”字段就是多级联动选择。

  

后台产品:字段设计

  (5)还有另外一种变形,将每一级的选项都直接展示出来,并在每一级上增加快速搜索框,这种方式适用于每一级选项都比较多的情况。【举例】:淘宝“发布宝贝”时选择宝贝的品类和品牌。

  

后台产品:字段设计

  5、列表多选。

  这种方式通过列表选择的方式来进行多项选择,适用于要输入的值已有固定选项的情况。

  列表多选和多选的区别在于,列表多选适用于选项比较多的情况,如果全部展示出来,会造成页面比较臃肿。因此将选项做成列表选择的形式。

  因为列表选项会在拉动时看不到已选择的选项,同时在失去焦点时列表选项消失,因此,还需要将已选择的选项列出来,方便一眼就能看到选了哪些选项。

  为了方便删除已经选择的选项,需要直接在列出来的选项上提供删除功能,减少用户操作的步骤。

  【举例】:如图是大街网选择城市的弹窗,已经选择的“厦门”、“莆田”、“三明”会出现在已选择的部分,同时,如果想删除某一个已选择的城市,可以直接点击该城市右边的删除按钮。

  

后台产品:字段设计

  1、扫描输入。

  这在文章的前面有过介绍,可以通过扫描仪、摄像头等来对二维码、条形码进行扫描来快速进行字段信息的输入,这种方式比起手动输入来,不但减少了人工操作失误,效率有了很大地提升。唯一要注意的是,在支持扫描输入的同时,也要支持手动输入,以防扫描设备失效时,还有其他的方式来完成工作。【举例】:现在很火的共享单车,就同时支持扫描二维码和手动输入车号来解锁。

  

后台产品:字段设计

  

后台产品:字段设计

  2、必填性质。

  在设计字段时,有些字段是必须要填的,而有些字段是选填的,要对字段的必填性质进行说明。如何获知字段是否是必填项呢?这就需要在整理字段阶段时,和业务方确认好。确认好之后,在这一步,就要将必填的字段特殊标记出来。最常用的标记方式是在字段前方加上红色*号。【举例】:淘宝“发布宝贝”页面的“宝贝类型”、“宝贝标题”就是必填项。

  

后台产品:字段设计

  3、字段提醒(说明)。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕