[发明专利]左侧展开式筛选的弹框形式的商品选择器交互设计

说明书

本发明涉及一种左侧展开式筛选的弹框形式的商品选择器交互设计，包含商品列表、筛选表单、状态变量控制模块；商品列表包括商品图、商品编码、商品名称、类型、吊牌价、销售价、销量、状态、上架时间、创建时间；筛选表单包括商品编码、商品名称、商品副标题、商品分类、商品标签、销售价、上架时间；状态变量控制模块包括收起和展开两个隐含模块。其优点表现在：将筛选项放置在商品列表的左侧，且可展开收起，既便于用户筛选信息，也便于用户浏览商品信息。

技术领域

本发明涉及互联网技术领域，具体地说，是一种左侧展开式筛选的弹框形式的商品选择器交互设计。

背景技术

在日常的电商运营工作中，商品选择器作为一个必要组件，展示每家商户在自家商品池内的所有商品，同时将这些商品各维度的信息给到用户作为识别和筛选的依据，并提供这些维度的筛选条件给到用户，帮助他们快速找到需要添加的商品。

通常情况下，商品选择器会和一个用来存放已选商品的列表配合使用，从商品选择器中选中的商品会被添加进这个列表中(如果用户想删除某个错选或不需要的商品，通常能在这个已选列表中直接删除)。

商品选择器的界面交互形式一般分为两个流派：

弹框形式：一个流派是将选择器包含在弹框内，通过“添加(选择)”按钮打开这个弹框，当选择完毕不需要选择器时，可通过“关闭”按钮关闭这个弹框。每当用户打开一次弹框，浏览器就会向服务器请求一次最新的商品列表；

穿梭框形式：另一个流派是将选择器和已选列表合二为一，组合成一对穿梭框。待选列表内的商品随表单页一同加载到界面中，不会重复请求最新的商品列表；

本发明使用弹框形式的商品选择器，相比穿梭框形式的商品选择器，可在待选的商品列表中显示更多维度的信息。由于在企业级电商后台，通常需要维护几千甚至上万个商品，并且每个商品都会拥有多个维度的描述信息。使用后台的运营工作人员可能会在商品列表页、促销活动页、商品推荐栏等各处地方去设置这些页面中该显示哪些商品。因此选用更适合企业级电商后台的弹框形式的商品选择器。

商品选择器必备的元素有：商品列表和筛选表单。考虑到不少用户使用笔记本办公，且笔记本的屏幕尺寸相比台式机的显示器要小很多，因此屏幕的纵向和横向空间都比较珍贵。由于企业级电商后台会在商品列表中，尽可能多的展示商品各个维度的信息，同时也会给到同等数量的筛选项。考虑到筛选项的数量较多，因此将筛选项放置在商品列表的左侧，且可展开收起，既便于用户筛选信息，也便于用户浏览商品信息。

中国专利文献：CN110389808A，公开日：2019.10.29，公开了一种应用于快速浏览对象的全展开式日期选择器，所述的日期选择器包括月份模式和年份模式；默认为当前浏览对象相对应的所在日期，该默认模式为月份模式；鼠标点击或悬停任意月份，则展开该月所有日期；鼠标离开月份，则日期选择器还原至月份模式；点击年份日期选择器切换至年份模式；鼠标点击快速定位锚点，日期选择器切换着月份模式还原默认状态，定位至当前查看对象所在日期。

中国专利文献：CN103034731B，公开日：2016.12.28，公开了一种生成Web前端交互页面的方法，包括：采用前端AJAX技术选择页面框架，并存入Cookie模块；构建标准化界面组件，将其排列界面设计器上方，并选择相应组件布置到界面设计器下方的界面设计区；对选中的组件进行参数配置，得到需要的交互组件；采用CSS技术为页面框架和交互组件设计若干皮肤文件；从Cookie模块中获取页面框架，并采用JavaScript技术获取交互组件源代码和当前皮肤文件；将页面框架、交互组件源代码和当前皮肤文件上传送至服务器端，生成Web前端交互页面。

但是关于本发明的一种左侧展开式筛选的弹框形式的商品选择器交互设计目前还未见报道。

发明内容

本发明的目的是，提供一种左侧展开式筛选的弹框形式的商品选择器交互设计。