电商系统前后台解析——店铺装修方法论

4年行业经验,24h可咨询

10秒闪电通过好友

报价短信已发送到您的手机

因材料品牌及工程量不同,具体报价以量房实测为准

稍候装修管家将回电您,免费提供装修咨询服务

*装修管家将回电您,免费提供装修咨询服务

*装修管家将回电您,免费提供装修咨询服务

*因材料品牌及工程量不同,具体报价以量房实测为准

报价短信已发送到您的手机,注意查收!

装修管家将回电您,免费提供装修咨询服务

装修怕上当?问问靠谱的人

装修顾问 -馨馨

(四年装修行业经验)

加好友

装修估价(半包): 0 万元

30分钟内,装修顾问将致电为您解读报价,请注意接听电话!

30分钟内客服将致电给您!

0万都花哪了?

加她 免费领报价清单

1. 您家的房屋现状是 :

毛坯房

旧房翻新

局部改造

2. 您家准备什么时候开始装修 :

一个月内

两个月内

两个月以上

3. 您家小区名称 :

“在现实生活中,商店需要翻新; 电子商务也是如此。 有必要通过CMS系统完成“店铺装修” - 每列的设计和布局。

那么店铺装修的作用是什么?

店铺装修可以先改变页面组件的布局,如标签栏和广告位的位置; 您可以增加或减少页面的组件,您可以将优惠券组件添加到主页,您也可以删除轮播的组件; 您还可以定义不同的组件。 风格,旋转木马地图可以选择3或4,标签栏可以选择单行或多行。

可以看出,店铺装修的过程实际上就是我。 绘制原型的过程。 首先定义一个页面,然后定义组件,设计组件的样式; 最后生成页面。 但是,店铺装修将此过程写入系统程序。 修改后,系统成为修改后的系统。

同时,可以看出,店铺装修过程修改了系统代码,这意味着技术要求相对较高。

实际上,店铺装修本身就是一个CMS系统,店铺装修它只是CMS系统在电子商务系统中应用的一部分。

首先,CMS系统与商店装饰

CMS系统之间的关系称为内容管理系统,适用于多个行业,CMS系统应用于电子商务行业。 它已成为一个商店装饰。

让我们看一下百度百科全书给出的定义:CMS是“内容管理系统”的缩写,意思是“内容管理系统”。

内容管理系统是企业信息化建设和电子事务政府事务的新宠也是一个相对较新的市场。 对于内容管理,行业没有统一的定义,不同的机构有不同的理解。 说内容管理系统行业没有统一的标准,但我们知道它是管理内容; 而这个内容是放在电子商务系统中的各种页面,电子商务系统的内容管理也称为店铺装修,店铺装修的技术应用是CMS技术。

现阶段,由于不同 产品和公司的不同需求,我们看到很多产品都有不同的店面装修功能。 有些产品只能调整页面组件的布局。 有些产品只能配置主页。 高技术要求体现在以下事实:很多时候我们不能充分利用CMS系统,并且不同的产品由于不同的业务而具有不同的设计。

本文将总结店铺装修的设计方法和方法。 拥有一个好的方法可能不会让我们立于不败之地,但总比没有好。

二,如何设计一个店铺装修

电子商务系统页面的动态配置之所以称为店铺装修,是因为这个功能类似于我们家的装饰。 在介绍店铺装修之前,我们是第一家。 首先考虑如何装饰房子:

1。 房子刚刚被很多房间所覆盖,不同房间的装修肯定不同 - 客厅需要放电视,测试需要上厕所,所以我们要选择主页。 一个好房间。

2。 当我们选择一个好房间时,我们必须进行翻新。 在装修之前,我们还是需要做一件事,就是买家具,买装修材料,现在我们要去装修厕所,我们需要准备厕所,垃圾桶,卫生纸。

3。 当我们准备上厕所时,我们必须考虑这样一个问题:使用什么类型的厕所,最新的功能齐全的日式风格,或市场上的普通厕所,无论是金色马桶还是银色马桶 ,也就是我们可以说我们可以有多种选项来装饰物品。

电子商务系统的店铺装修功能实际上是翻新房子的过程,但房子已成为我们的产品,房间已成为一个页面,装饰物品是组件。

当我们装修房子时,我们必须提前考虑我们需要的东西,然后再买回去装饰它。 这也是最重要的一步。 房子的翻新有三个步骤:房子和房间是肯定的; 关键是准备什么物品,因为物品是买的,而且有各种物品,物品的价格决定了房子的奢侈品。

同样对于电子商务商店的装饰,准备组件也是最重要的一步,即定义组件的样式和规则,将其写入代码,并在我们使用它时直接调用它。 因为您无法自己创建新组件,所以我们只能在系统的现有组件库中选择所需的组件。 我们可以自定义组件的样式,不同的组件样式有不同的规则。

那么什么是组件? 组件是一个单元。 例如,轮播是一个组件,搜索是一个组件,一个产品是一个组件,每个组件都有很多样式。

下面,我们根据装修房子的过程来寻找店铺装修的过程和需要准备的东西。

1。 首先,我们要选择要翻新的页面,无论是主页还是详细页面还是列表页面等,每个页面的布局布局肯定是不同的。

选择页面时需要考虑几个问题:是否可以翻新每个页面并翻新每个页面? 而这些是现有的页面,我可以创建一个新的页面进行装饰,如果是新页面,这个页面不是系统的一部分,如何联系系统。

这是选择组件,前提是我们有组件,这意味着我们需要在设计产品时为每个组件定义样式和规则。 在将这些组件写入系统后,我们可以调用这些组件。 。

3。 在我们完成布局布局之后,我们选择了每个组件的样式和配置信息。

例如,如果我们选择旋转木马,我们会选择几个,三个或四个; 选择样式后,我们需要配置特定信息:我们要上传图像,然后设置图像的链接。 这些组件单击可以跳转到其他页面,不同组件需要配置的信息也不同,具体取决于组件本身。

摘要:需要事先定义组件定义规则; 装饰分为三个步骤:选择/创建页面组件布局组件配置。

三,组件类型

组件类型的丰富程度决定了装饰效果,组件越多,装饰越可选。

例如,随着产品的迭代和改进,常用组件将继续增加。 设计人员将根据具体要求进行迭代,组件的定义也是包容性的。 许多东西可以定义为组件,粒度不固定,两个函数可以用作组件,活动也可以用作组件。

常用组件形式:

顶部搜索栏,搜索栏,公告,产品组,业务组,辅助导航,列表导航,富文本,标题栏,引导线,辅助空白,按钮组图形,按钮组文本 ,单张图片,图片旋转木马,图片窗口,图片展览,图标组,音频播放器,优惠券。

这里是对组件配置的描述,系统仍在优化中,可能有一些你无法理解的功能。 但这不是重点。 关键是要了解设计的逻辑和方法,然后将其与您自己的经验相结合,以总结您的知识。

组件的核心是配置组件样式和信息,主要取决于我在文字中写的内容。 配置信息,这些更重要,图片中显示的配置信息太复杂,有时有时不使用。

组件配置的复杂性也可以设计得很简单,具体取决于具体需求。

3.1顶部搜索栏

顶部搜索栏嵌入在顶部导航栏中。 如果有更多页面,则需要嵌入它以为页面提供更多空间。

如果页面内容不是太多,顶部导航栏只能显示标题,顶部搜索栏固定在顶部; 当搜索栏点击搜索区域时,您需要跳转到单独的搜索页面和搜索结果页面,搜索需要配置列的信息是:

是否添加按钮:您可以选择不 加; 如果在搜索栏的左侧或右侧选择了添加按钮,则需要上传按钮图标和图标颜色,即图标的链接地址。 图标也可以替换为图片。 如果使用图片,则无需设置背景颜色。 该按钮可用于设置左按钮或右按钮。 搜索框背景颜色用户搜索文本颜色搜索框样式:直角,圆弧,圆角

3.2搜索栏

搜索栏类似于顶部搜索栏,区别在于顶部搜索栏固定在 top搜索栏的位置不固定,可以自由放置。 同样,需要提前定义搜索页面和搜索结果页面。

3.3公告

3.4商品组

商品组是比较复杂的组件之一,因为对于电子商务系统来说,最重要的是商品,在电子商务系统中有两种主要的商品展示形式: @]产品列表产品详细信息是不可否认的,产品详细信息是显示产品信息的主要位置,用户购买在很大程度上取决于产品详细信息页面的设计。 但在进入产品详细信息页面之前,首先要面对的是产品列表页面。 产品列表页面的质量决定了用户进入详细信息页面的概率。 因此,配置时产品列表组件更复杂。 主要配置信息是:

列表样式:单列显示,双列显示,三列显示,列表首次显示(这主要是产品列表显示形式)。 产品选择:选择商品可直接从产品清单中获取,或按类别,产品组进入

3.5商家群

选择商家:选择商家类似于所选产品,可直接通过商家列表获取, 或者可以分类获取

3.6列表导航

列表导航在大多数情况下,个人中心使用的页面是许多功能的玄关点,您需要编辑列表标题和链接地址。 您可以添加多个列表; 您还可以选择不同的样式,例如不添加图标,也不添加“查看”提示文本。

3.7富文本

富文本编辑器使用不太多,主要用于一些引入偏差的地方。

3.8按钮组图形

按钮组主要应用于主页面,如家庭轮播地图的底部,可以是多个类别的玄关,或子模块的玄关; 定义每个按钮的文本,上传Icon,然后设置跳转链接,可以设置多行。

3.9按钮组文本

按钮没有图标,主要应用场景是模块下的功能类别,例如我的点数和点数下面的兑换记录。

3.10单张图片

单张大图片组件,主要用于特殊事件的介绍页面,通过链接进入特殊事件列表。

3.11 Image Carousel

Carousel图像,用于每个主页面,设置图片数量,链接地址。

3.12优惠券

优惠券通常不是按照以下风格设计的,没有实际意义。 通常,您可以使用图片链接优惠券,或设计各种优惠券样式,选择不同的样式,并在您选择优惠券时自动填写内容。

组件定义和设计的描述

组件的类型和样式越多越好,但组件的配置越少越好,多样性的丰富性决定了装饰的灵活性。 但是,组件的配置置信度不应太高。 如果自动获得,它可以自动获得。 我上面提到的图片只是被理解,因为许多配置信息是无用的,主要逻辑是理解CMS系统的逻辑。

店铺装修功能是一种营销工具,对技术也有很高的要求。 现在基本上有两种方法可以使用它:

对接第三方插件:这种方法方便快捷,不需要研究和开发。 缺点是功能逻辑复杂,不能具有良好的用户体验,不利于以后的迭代,也不能很适合公司的业务。 自主开发:这种方式的研发成本非常高,但优势在于组件的风格和规则可以自己定义,极大地优化了用户体验和可操作性,但缺点仍然很高 成本。

店铺装修店是页面的首选,然后配置组件信息。

4.1选择页面:哪些页面需要装饰? 哪些页面不需要翻新?

当我们开始装修时,第一步是选择要翻新的页面。 理论上,所有页面都可以翻新,但实际上我们不需要装饰这么多页面。 因为许多页面的装饰毫无意义,我们必须首先考虑哪些页面需要翻新以及哪些页面不需要翻新。 这对我们来说非常重要。

因为它直接影响研发成本和产品设计,例如一些相关页面,个人中心页面不需要翻新。 在我们定义那些需要翻新的页面之前,我们需要考虑一下我们的工作。 商店装修功能的最初想法是什么? 我们开了一家店,为什么要装饰呢?

因为漂亮的外观可以吸引顾客,如果我们的内饰非常漂亮,那么顾客会觉得这个店铺很好; 也就是说,我们店铺装修的初衷是为了营销需求,我们的目的是向用户展示他们想要看到的东西。

因此,在决定哪些页面需要翻新之前,让我们考虑哪些用户来到我们的商店以及哪些页面对用户的购买至关重要。 因为装修的目的是为了营销,而营销的目的是为了赚钱,赚钱并不取决于用户是否购买,所以我们必须考虑购物中心的哪些页面对于最终购买是至关重要的 用户。

我们可以把自己置于思考当你在淘宝网购买东西时想要看到什么,想要看到一些你认为重要的信息,以及哪些信息对你的最终购买具有决定性作用; 你常常和哪些页面联系是好的,所谓的思维用户场景。

首先是主页,主页是进入商城的用户的第一页和页面。 这个页面相当于商场的外观 - 重要的页面,没有人,绝对没有人。 主页上有很多信息要显示。 许多活动,包括主题玄关,都显示在主页上,因此主页需要进行翻新。

在我们进入产品详细信息页面之前,我们有时需要一个页面,即类别列表页面。 此页面仅用作频道。 在一些小户型商场系统中,底部导航栏是分类的,但实际上,稍微成熟的商城系统不会让分类占据底部导航,因此分类页面不需要翻新。

有人可能会说产品详细信息页面需要翻新。 我们来谈谈产品详细信息页面,这意味着产品的详细信息。

是的,这个词“信息”使用得很好,需要进行测试。

因为我们购买或不购买一件事取决于什么?

有些人说这是需求,但事实上它是毫无意义和夸大的。 这是一个非常广泛的概念,无法指导我们做出具体决定。

虽然作为产品经理,我从不把需求放在嘴里。 需求在业界是常见的。 每个人都知道没有必要反复解释。 由于用户来到详细页面,他肯定需要它; 即使他不来,他也有需要,即使他不需要淘宝,他也需要它。

你真的想买什么? 这取决于对产品的理解程度,即对产品信息的理解程度。 如果我不得不花很多钱来决定买东西,我相信在我买之前我就知道这件事。

详细页面的核心信息有两部分:产品信息介绍,产品评估,那么这些信息的显示会有一些固定的格式,不能随意改变。 如果细节页面任意改变,将导致用户干扰信息的获取,从而影响用户的最终购买;

进入商城,我们经常使用的一个组件是搜索功能,与从分类层看到的相比我们想要的产品,直接搜索似乎更方便,所有搜索结果页面都需要翻新

购物车页面也是我们经常使用的页面,购物车也需要翻新,至于个人中心是不需要翻新的。

同时,针对特殊活动的需求,店铺装修需要支持自定义页面,并将显示页面作为特殊产品使用。 当然,自定义页面和特殊事件之间没有必要的连接。 自定义页面用于创建页面,特殊事件。 显示页面也可以内置到模板中

4.1.1如何确定哪些页面需要翻新,哪些页面不需要装饰

以确定哪些页面需要装饰。 我们可以从这些方面思考:

用户联系频率:联系频率越高,我们需要装饰的越多(家庭,购物车)。 用户停留时间:用户停留的时间越长,页面需要翻新的越多(主页)。 用户点击频率:用户点击页面的概率越高,需要的装饰(搜索结果页面)就越多。 4.1.2如何判断哪些页面不需要装饰(不需要装饰,更不用说不需要改变,迭代优化)

信息复杂页面:这些页面一般都有固定格式的用户显示信息(详情页面) ,个人中心)。 与产品关联不强的页面:(帮助,设置)。

4.2配置组件信息

了解哪些页面已经过装饰,组件已经修复,下一步是进入页面配置(知道哪个房子,材料也可用,以下工作都可以)。

选择页面然后配置组件信息,最后生成整个页面,并将其同步到系统,这需要实现到特定产品的交互设计中; 取决于您如何布局页面,如何拖动,交互。

在我看来,如何将上述信息实施到具体的产品设计中,让每个人都能看到和感受到。

参考我上面切的图片,基本上类似于左侧是预览图片,右侧是组件,然后填充它,最后保存,完成。

五,店铺装修的具体产品设计方法

首先,后台的菜单结构,店铺装修功能可以单独取出,也可以放在促销模块中,视复杂程度而定 系统的。

如果装饰功能特别简单,例如,您只能调整首页上组件的位置,如果您只能调整一个或几个组件,只需将其放入促销模块即可。

5.1内置于促销系统

促销系统 - 特别活动管理

所谓的特别活动是促销活动的延伸,我在上一篇文章中已经提到过; 进入后,你可以看到特殊活动页面的模块,每个模板的风格绝对不同。 即使是模板也可能有多个页面(带有底部导航栏的模板)。 选择模块后,进入页面的配置模式,即上述步骤4.2。 您需要上传产品,图片等。具体取决于您正在设计的模板的样式。

5.2由于店铺装修系统独立存在

作为店铺装修,菜单和功能如下:

1级菜单:系统页面管理

2级菜单显示可以的系统页面 进行翻新,单击页面进入页面的配置界面。 (参见4.2)

1级菜单:自定义页面管理

第二级菜单显示可以翻新的系统页面。 单击该页面进入页面配置界面。 (见4.2)

Level 1菜单:创建自定义页面

点击进入页面的配置界面,只是一个空白页面。 (见4.2)

描述

看完本文的用户还看了

电商系统前后台解析——店铺装修方法论

“在现实生活中,商店需要翻新电子商务也是如此。有必要通过系统完成“店铺装修”-每列的设计和布局。

THE END
0.商家登陆土巴兔 > 材料商 > 常见问题 用户 帐号/密码 等级积分 网站使用 装修公司 后台使用 内容审核 前台显示 材料商 常见问题 主材商家 帮助文档 业主保障服务 服务介绍 商家登陆 1) 点击家居建材频道首页“登陆”按钮进入登陆页面; 2) 输入用户名和密码即可登陆后台; 成功登陆后即进入后台。jvzquC41i|4uqAyq0eun1qjnr1EjfF67
1.土巴兔商家版下载app土巴兔商户版app下载土巴兔商家版,一般又称土巴兔商家端,土巴兔商户版。 土巴兔商家APP,专门为平台商户打造的一款移动工具,为提高行业效率而努力。深耕互联网装修为中国家庭提供一站式装修解决方案,为平台商户输送更多能力、提高整体行业效率。 功能亮点: 1.【消息推送】量房消息即时推送,保证解决信息及时送达 jvzquC41yy}/nrvwep4dqv4d|1?69<970unuouDqrgt`uxztegCxgrgqaukbtlm
2.土巴兔商家app下载安装中文名:土巴兔商户 备案号:粤ICP备2024290514号-8A 隐私政策:查看 土巴兔商家版最新版本是非常不错的商务办公类店铺管理软件,专为装修行业的商家用户量身打造,拥有十分强大的软件功能,实时项目分配,手机一键下单,轻松方便!有需要的朋友快来点击下载体验一下吧! 土巴兔商家如何注册行业用户 1、启动应用后阅读服务协议与jvzq<84yyy434?:0eqs0uxkv14666B<0jvsm
3.土巴兔帮助中心装修公司 后台使用 内容审核 前台显示 材料商 常见问题 主材商家 帮助文档 业主保障服务 服务介绍帮助中心 > 系统操作手册(新手必看) > 图满意家装云设计软件登陆方法 > 图满意个人设计师福利 > 企业LOGO与LOGO广告视觉规范 > 装修工地意外险 > 装修常见问题服务条款 > 免费送货 > 土巴兔“先装修jvzquC41ef4uqAyq0eun1qjnr1
4.帮助文档主材商家>系统操作手册(新手必看) >主材包商家后台产品录入注意事项 >任务订单提醒Q&A >商家常见问题Q&A ( 采购订单篇) >商家常见问题Q&A (测量单)jvzquC41pd4uqAyq0eun1qjnr1EqkmB7(uoe?9
5.商家注册商家注册 1) 点击家居建材频道首页“注册”按钮进入注册页面; 2) 点击选择“企业用户”公司类型中选择“建材商”然后添加企业基本信息,点击提交申请完成注册。jvzquC41yh4uqAyq0eun1qjnr1EjfF66
6.土巴兔商家老旧版本大全所有历史官方版安装下载此合集大全后续也会持续更新,喜欢老版本土巴兔商家的小伙伴记得收藏此页面。 更多 土巴兔商家 66.61MB最新版 土巴兔商家 4.90.2 69.84MB查看详情 土巴兔商家 4.90.1 69.85MB查看详情 土巴兔商家 4.90.0 69.85MB查看详情 土巴兔商家 4.89.9 69.84MB查看详情 jvzquC41yy}/yjsfqwpjc7hqo1gqr|4989=49<4jkuzpt‚
7.土巴兔商家app下载安装土巴兔商家(移动办公软件)v4.90.3安卓手机版土巴兔商家app是一款专业的商家营销APP,该软件能够为商家用户提供更加专业便捷快速的智能管理服务,一站式帮助用户进行管理各种客户,极大的提高了各种效率,能够满足用户的使用需求。 土巴兔商家app可以帮助商家家以更低的成本、更高的效率来实现移动端营销,同时还能提升曝光率和销售额,进而获得更高的利润,软件为用户提供了多种jvzquC41yy}/lk:30pku1|thvu593;7440nuou
8.‎土巴兔商家Moreby土巴兔集团股份有限公司土巴兔商家 装修体验馆-家居装修设计软件 土巴兔旗下家装3D装修效果图 View 土巴兔装修-室内设计装修软件 好住家装效果图案例app View 设计本-室内设计家装指南顾问 创意家居美图 View 家装魔盒-AI装修3D设计 Utilities View 匠猫装修-严选好工长,省钱又省心 jvzquC41crvt0jurng4dqv4ku1gqr8*G7'?D'BK'G7+C9.G6'G;&:>*;6'K6'B:':8+F7.FG'D<0km64728:6;55Aukf/jqn?fkwgutrgt3pvqjt/cvqu
9.后台使用装修公司土巴兔 > 装修公司 > 后台使用用户 帐号/密码 等级积分 网站使用 装修公司 后台使用 内容审核 前台显示 材料商 常见问题 主材商家 帮助文档 业主保障服务 服务介绍后台使用 > 装修公司添加银行卡流程 > 新十星水电增项确认流程 > 装修公司后台资金明细(新版)使用手册 jvzquC41zc4uqAyq0eun1qjnr1EqkmB5(uoe?9
10.装修公司>企业LOGO与LOGO广告视觉规范 >团队成员头像审核要求 >装修公司添加银行卡流程 >新十星水电增项确认流程 >装修公司后台资金明细(新版)使用手册 >升级版装修保及土巴兔”四标规范“ >口碑值与动态评分说明 >如何在首页热心装修公司和热心设计师里展示? 您还可以通过以下方式解决问题 jvzquC41ee4uqAyq0eun1qjnr1EqkmB5
11.用苹果电脑登陆不上土巴兔商家后台吗?用苹果电脑登陆不上土巴兔商家后台吗?笔记本电脑 苹果 查看全部4条评论回答 写回答 1059184245 1. 关闭mac pro的睡眠模式2. 打开 “终端” {finder -应用程序-实用工具-终端} 输入下面的命令 ,按下 enter 执行命令 3. pmset noidle 4. 只要终端窗口一直开着 ,这个命令一直运行,电脑就永远不会进入睡眠的5jvzquC41ycv/|xq0eqs/ew4cum5eg}fknue36@8347:`5@648;?`57mvon
12.土巴兔建材通土巴兔集团股份有限公司 Diseñada para iPhone Gratis Capturas de pantalla del iPhone Descripción 土巴兔拥有海量的业主资源,派给建材商家后,在APP上可以实时收到提醒,及时跟进接单。还可以随时添加跟进记录,方便多人协作。更有贴心的未回访提醒,防止忘记跟单。 【实时接 jvzquC41crvt0jurng4dqv4oz1gqr8*G7'?D'BK'G7+C9.G6'G;&:>*;6'K6'KG'DC+F8.>F';6&GB*:2'?B/.J7'DH&DJ*G8'?E'B5'G7+:7.=8'G<&:N*C7'K6'AI';7+F7.=C'C?&G?*:;'>C1ri36671:A92:
13.土巴兔集团股份有限公司匠猫师傅-工人接单神器 Lifestyle 3D装修设计 Lifestyle 装修管家-装修设计家装必备 Lifestyle 装修设计-家居装修量房设计软件 Lifestyle 土巴兔建材通-建材商接单助手 Utilities 土巴兔商家 Business 土巴兔装修-室内设计装修软件 Lifestyle 设计本-室内设计家装指南顾问 Reference CopyrightjvzquC41crvt0jurng4dqv4my1jfxnqqrgx0'N:';E+:H.J7'D=&D=*G7'>6'B9'G;+:D.=8'G;&;K*C4'K9'A7'C3+F6.GD'DJ&G?*;E'>:'N>';;+:2.J7':;&CL*G7'>G'K=1kf;24B7799<@unj/cnr>k6ujqpk.cyuu
14.土巴兔装修土巴兔装修是帮助用户实现一站式安心装修的互联网家装平台。【家居设计】家居设计效果图、真实业主家装案例和日记、避坑指南干货满满;【装修公司】汇集优质口碑装修公司,比熟人介绍更靠谱;【装修顾问】装修顾问一对一,全程陪伴用户整个装修过程,教你选装修公司、对比装修报价和购买装修材料。【装修保障】先装修后支付,业主jvzquC41crv/or3eqo5eg}fknuEjfFhqo0zp:}t0jq{tgtjgrgx