有赞电商设计总结01-商品管理

作为初次结束电商的产品小白,当遇见有赞的时候,瞬间觉得整个世界都明亮起来了,非常喜欢这样清晰干净的电商逻辑。

电商后台功能结构

有赞商品管理模块的核心功能主要包括添加商品和商品分组管理2个部分,另外,为了吸引成熟商家的入住,提供天猫京东淘宝商品的一站式导入工具和教程。这个做法和《增长黑客》里面提到的Airbnb初始借助其他平台同步房源信息的做法一样,在获客方面具有强优势。

1. 添加商品

添加商品主表字段

在添加商品这个环节处理最好的包括商品类型的定义、规格与库存的管理,以及要求留言部分的可配置性设计。

1.1 商品类型

商品类型包括实物商品,虚拟商品和电子卡券,在处理流程上存在差异。采用虚拟商品不允许加入购物车,实物商品可以加入购物车的做法,极大的简化了购物车逻辑,从而在管理收货地址、处理订单方面都完成了相应的简化。

实物商品与虚拟商品

1.2 规格与库存

在后台规格与库存管理模块,通过灵活的交互操作融合了有规格商品和无规格商品操作方式。

01 后台规格未编辑状态
02 点击“添加规格项目”

添加规格项目分为选择或添加规格类型、添加规格名称、添加规格图片3个步骤。这几个细节的微交互设计都很赞。

02-1 输入搜索,如果没有则显示带下划线的文字,选中后作为规格类型

规格项的添加也采用了标签项的搜索/添加方式,对于已经内置的规格类型具有推荐的规格项,可以选择,如果没有则可以直接输入,输入后的内容出现在下拉框中,选择后则展示位标签样式,支持一次输入多个值。

这一套“下拉菜单-搜索-标签添加-标签编辑-标签删除-标签选择”构成了一组专业的交互插件,在其他地方如商品分组选择等位置都有非常好的应用。【交互操作标准化/插件化】

02-2 添加规格项的名称
02-3 批量添加规格项,同步添加商品库存列表
02-4 商品库存各项设计

如果该商品具有多规格,则总库存不可填写,默认为多规格库存总量;商品价格不可输入,默认为规格商品中的最低值。【注意关联逻辑的处理】

设置完成后,用户在将商品加入购物车或者立即下单前则需要先选择商品规格,如下图所示。

03 客户选择商品规格
04 管理在后台订单页面查看客户所选商品规格

1.3 要求留言

可以在商品加入购物车或者提交订单前填写必要信息,在后台添加商品-编辑基本信息页面可以进行设置。设置完成后客户在将商品加入购物车或立即购买前需要先填写商品留言,填写完成后在提交订单页面,或者订单详情页面可以查看留言。管理员可以在后台订单详情页查看单商品的留言,从而完成信息交互的闭环。

01 管理员在店铺后台设置要求留言的选项、格式和是否必填
02 客户将商品加入购物车或提交订单前,需要先填写留言信息
03 客户填写完成后,可以在订单页面点击“查看留言”
04 管理员在后台订单详情页面可以看到该商品的留言

2. 商品分组管理

商品分组最大的特征就是摒弃了原有的层级结构的模式,避开了n层级的复杂关系,使用扁平化的标签体系来进行管理,结合一个商品可以同属于多个分类标签,再加上灵活的页面配置(微页面的各种位置都可以选择链接到某一类标签,或者自己设置标签导航),满足了绝大多数商家的展示需求。

在商品分组中,有默认3组分类是无法删除的:最热商品(根据平台规则)、最新商品、在列表中隐藏。这三类列表满足了店主的通用性需求,可以非常快速的构建一个可展示的、动态的商品清单。

另外,有一个非常方便的功能:对于每一个分类,都可以设置该分类下内容的布局样式,从而解决了内容页面千篇一律的问题。在微页面分组中也采用的同样的处理。【交互的一致性将减少设计+开发一致性】

设置分组内容的页面展示样式

3. 商品列表

整个后台第一样吸引我的就是列表页面的布局,承认自己比较土,之前之后一行一列一数据的列表模式,看了这个一格多数据的布局,真心眼前一亮。表头行高42px,表内容行高80px,封面图片60*60px。

商品名称默认显示2行,价格放在商品名称下面,正好与封面大小一致,显得布局精致

访客数和浏览量放在一格,方便进行数据对比

创建时间分为2行,与其他列对齐感处理的不错

列表页面的信息精炼,竟然能满足主要数据观测需求,所以也需要审视平时那种一长串的数据表是不是真有价值

商品列表
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容