网店装修给用户多少自由度?

这是我参与旺店项目装修功能的体会,旺店用户可以使用系统提供的强大装修功能搭建出风格各异的店铺。但也正是因为这强大的功能提高了用户的使用门槛,不够自由或过于自由的操作权限等原因导致装修结果并没有达到我们预期,甚至没有完成装修。

网店装通过使用模板,并且对页面布局和模块进行设置,来达到用户自己想要的外观,每套模板下还有多套皮肤可以选择。

模板

  1. 模板包括首页、搜索/列表页、商品详情页、公用页面、新建页面
  2. 页面都设置好了布局
  3. 布局添加好了默认模块
  4. 模块添加了初始化的数据

也可解构成:模板由页面组成、页面由布局组成、布局由模块组成、模块由数据组成。

mb

皮肤

  1. 每套模板下对应用有多个皮肤
  2. 皮肤只是改变模板的色调,不影响布局

theme

用户使用模板/皮肤需要的自由度:
初次使用模板:能够自动导入淘宝店铺商品数据
重置模板:新模板中应该保留以前的商品数据
重置模板时:把后果告诉用户,让用户确认是否要重置模板
重置模板后:让用户可以返回原来使用的模板(Designing Interfaces中的“多级撤消”模式。)

用户使用模板/皮肤需要的自由度:

初次使用模板:能够自动导入淘宝店铺商品数据

重置模板:新模板中应该保留以前的商品数据

重置模板时:把后果告诉用户,让用户确认是否要重置模板

重置模板后:让用户可以返回原来使用的模板(Designing Interfaces中的“多级撤消”模式。)

用户可以从装修商城购买模板和皮肤,并导出/导入装修文件。

Css的开放必然会使皮肤越来越多样化,皮肤能做的不只是换颜色的工作,也可以定义布局。所以从发展趋势来看,感觉模板和皮肤分开做会不方便,在后台线上修改Css就可以了。

页面结构

页面包括页头、中间的布局区域和页尾

layout

  • 页头——页头部分可以承载的元素非常多,大概列一下可以包括下面这些:
  1. 店铺招牌——可以和页头尺寸一样大,也可以页头的背景
  2. 导航菜单
  3. 店铺标志——也叫logo
  4. 登录/注册文字链
  5. 购物车
  6. 店铺主标题
  7. 店铺副标题
  8. 自定义文字链

用户设置页头需要的自由度

上面这些元素,用户都是可以自定义的,包括尺寸、位置、链接颜色、字体字号,是否显示。目的是想给用户提供一个强大的功能,让用户创建个性化的店铺。但是这种超级自由的方式让很多用户把各种五颜六色的元素随意摆放,造成头部信息的混乱。

  • 布局——布局按照淘宝的栅格系统可以分为:

布局

用户使用布局需要的自由度

在选定了一套模板之后,用户可以随意改变布局的结构,添加或删除布局,这么做的目的是为了让用户在模板的基础上,再按需修改。改变布局的结构会导致模块排列杂乱无章,页面内容混乱,需要用户有较高的页面布局能力来重新布局。

  • 模块——模块可以拖拽到布局中

mod

同一页面中的模块可以拖拽到布局的任何一列中。

用户设置模块需要的自由度

当只适合190px宽的类目模块拖拽到750px宽的列中,必然会造成页面有大片空白。针对不同的布局应该匹配相应的模块,而不是任意摆放。

比如商品详情页面就是一个具有独特特征的页面,随意摆放页面内容会影响正常的购买流程。

Html自定义模块是一个更高度自由的模块

Html自定义模块需要用户有基本的Html知识才能设置完成。

个人觉得Html模块也可以提供一些能够直接使用的模板,用户只要修改其中的数据即可。

  • 页尾——页尾一般是放网店的版权信息和icp备案号。

页尾设置需要的自由度

太过于自由的方式,真的会有用户把促销信息写在页尾的。

小结

确定用户群体 ,满足大部分用户的需要。

保障产品的基础体验,装修无障碍。

Leave a Reply