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

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

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

模板

  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备案号。

页尾设置需要的自由度

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

小结

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

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

《Designing Interfaces中文版》读书笔记

本书给我最大的收获就是一下子知道了这么多的模式名称,其实有些模式以前也用过,以前只是觉得应该这样用,要问我为什么却回答不上来,现在好了,在以后的沟通中可以用书中学到的这些模式来作为自己设计的理论依据,在设计中碰到问题也有据可查了。

但也有一件糟糕的事情,以往的工作多次证明自己总是被一些现有的“模式”所束缚,在潜意识中就会以它们为模板, 好在书中每个模式都会从“它是什么”、“什么时候使用”、“为什么使用”、“如何使用”、“示例”这几个角度来详细讲解,所以我在阅读到某些自己感兴趣的模式的时候尽量去理解其中的道理,希望在以后的工作中以此为依据做一些自己的创新。

以下的都是摘录书中的概念,写下来加深记忆,另外我还把这些模式按书中的目录做在了下面这张图上。

DesigningInterfaces Read the rest of this entry »

Hello TaoBao UED!

一年的时间悄悄从指间溜走,09年2月23号换了新工作,乔不死和开复老师都说follow my heart,我也是,义无反顾的离开了工作了三年多的北京,这期间的工作做的很杂,却没有一个能让自己出彩的技能,懒散的工作气氛,需要无休无止修改到上线最后一天的私活,这不是我想要的生活方式,我是一个沉闷的人,内心却也时常会有很激情,渴望改变。

来到杭州,不是因为这座声城市的美丽,而是这里有我向往的淘宝UED,我是一个宅在家里不出门的人,喜欢拉上窗帘在阴暗的房间思胡乱想,或者是温暖的阳光从窗台洒进来,把窗边的床铺成金黄色,坐床头就能玩电脑,累了就躺下。

但我从不孤单,MM傻傻地跟着我四处奔波,不离不弃,我们日复一日的过着简单的日子,一起努力,一起幸福。

在新工作面前我是一只小小鸟,有困惑,有压力,从一个电脑操作员式的工作转变成一个需要自己独立思考,让自己纠结的工作,这也正是我想要转变的,只是我还刚刚上路…  在新环境切身感受到了独特的企业文化,浓厚的学习氛围,规范的工作流程,还有那么多才华横溢的U们。非常感谢给过我帮助,在我困惑的时候给我指导,教给我学习方法,和鼓励我的同事们。

小鸟快长大!

Skype miniportal

安德鲁·路米斯《人体素描》临摹

光与影的练习

大脸猫牛仔网站效果图

2008中国银行奥运夏令营营员选拔赛网站设计稿

Skype随心聊吧活动网页设计

Skype端午节活动网站设计