无名良品商家A标准 店铺装修标准.docVIP

?无名良品商家3A标准---店铺装修标准 （2011年2月21日最新版） ? ???? 店铺装修总体上要符合：界面美观，风格统一，结构清晰不凌乱。同时能营造出大气、官方、更加高端的商城形象。以下分四个点来说明：使商品易于发现，使商品易于浏览，使商品易于购买，提高信任。 ??1．易于发现 ? 1.1导航清晰、显著，使各个页面有效地相关联 ?? 导航条为访问店铺的买家提供一条快速通道，使他们可以方便地从一个页面跳转到另一个页面，查看店铺的各类商品及信息。因此，提供清晰、显著的导航条，能保证更多的店铺页面被访问，从而使更多的商品或促销活动被发现。尤其买家进入店铺的常见路线是从宝贝详情页到其他页面，若缺乏导航条的指引，将极大影响转化率。设计优良的导航条，应与其他区域有清晰的视觉间隔，易发现。被选中的导航项，样式应与其余导航项有所区别。 示例区 下图所示，导航条的颜色、字体、高度，保证了在丰富的促销内容视觉冲击下，买家依然能有效地寻找到进入其他页面的路径。 ? 相反地，接下来所示店铺，导航淹没在图片与文字中，难被买家发现，因此难以找到进入店铺首页的路径。 ??? 1.2优先展现店铺分类及店铺搜索 从购物目的来区分，买家购物路径通常包括直接搜索、按类目点击、无目的闲逛三种。店铺装修应能同时满足购物路径不同的买家，因此需要平衡促销内容、宝贝分类以及宝贝搜索的展示优先级。 大量的促销推广内容虽然能引起点击，但在首屏提供清晰的商品分类以及搜索入口，能为购物目的相对明确的买家提供便捷的导购，更易于他们找到自己想要的宝贝，促进成交。 示例区 下图所示，在首屏既包括丰富的促销内容，也为买家提供了详尽的商品分类及搜索入口。 ? 2．易于浏览 ??????? 2.1模块完整 模块必须包括有店招，客服中心，商品分类，商品搜索，但不要在首页多处出现。店招高度，注意宝贝详情页面的应用，要么限制高度，要么在第一个高度上控制好。区块设计保持完整性，字体与边框留有空隙，建议6像素以上。 示例区 如图由于字和边框没有空隙，浏览时不自然。 ??首页的店招高度没有注意在详情页面的引用，在详情页面没有显示完全 ?? ? ? 2.2避免应代码不兼容导致的内容不完整 代码必须兼容IE6、7、8，FIREFOX最新版本。不允许使用JS及CSS效果将店铺中内容定位到店铺吊顶（图3）与尾部系统区域（图4），也不允许对淘宝头部与尾部系统区域进行任何改造。 示例区： 在IE6,7,8能正常浏览，在FIREFOX中不能浏览 2.3避免在页面无序堆积商品 通过优化商品展示的视觉层次感、韵律感，能减少买家在浏览商品过程中的视觉疲劳，从而相应地增加页面停留时间。 示例区 下图所示店铺，在展现不同分类产品时，每一分类通过大图配小图、合理对齐、添加醒目的标题等方式，提高了页面的视觉韵律感和浏览的愉悦感。? 2.4商品图片标准 图片必须是符合实物的原创图片或本品牌官方图片，严禁盗用其他品牌商品图片或其他品牌官网图片，一经发现严肃处理。 图片中不允许出现遮住商品的文字，logo，水印 ????图片中只能是单个商品，轮廓清晰。图片不要拉伸变形不能有破图，即图片要显示完整。 ????图片纯底，若不能保证纯底，则必须和其他图片保持风格一致 ? 2.5提高页面可读性，慎用花哨的页面背景及Flash动画 ? 设置页面背景的目的在于适度烘托氛围、使店铺个性更明显，但切忌喧宾夺主、影响对正常商品的浏览。除了背景，在使用bannermaker装修模板时，十分忌讳大量堆砌动态内容。这不仅会造成视觉疲劳，而且吸引眼球的元素过多，商品本身得到的注意力反被减少了（建议每屏不能出现3处）。 ? 示例区 ? 下图所示店铺，使用促销语“Last Chance”（最后折扣机会）为平铺背景，但颜色、对比度设置得当，既传达了折扣促销的购物氛围，又不会影响买家对商品的浏览。 ? ?相反，下面的店铺，背景过于抢眼、对比度过强，反而无法突出商品本身，尤其在整页地浏览时，视觉刺激过强，引起不适感。 2.6文字排版不杂乱 文字字体不宜过多（建议不超过3种），文字颜色不宜过多（建议不超过3种）。投影不能超过3像素。 示例区 下图都是反例： ? 3.易于购买 3.1宝贝详情应突出当前商品，装修模板关联推荐太多易造成买家流失 在宝贝详情装修模板中放入关联推荐，有助于带动相关购买，提高客单价。但买家打开一个宝贝详情页，最需要获取的是与当前商品相关的信息，从而辅助购买决策。若无度地添加关联推荐，买家滚动多屏仍看不见当前页所出售商品的详情，便会离开页面。尤其对于新手买家，更是会造成一定程度的困惑。 示例区 下图所示宝贝详情页，装修模板有6屏以上，且关联推荐杂乱无序，极大影响了对宝贝本身的浏览。同时，这种硬销的手段，也降低了店铺的品质感。 ? 而下