从用户体验出发对淘宝相关页面的设计

1、关于店铺首页+首页的目的1、是让顾客记住店铺，包括店铺名，风格、商品品类、商品价位等基本信息；2、让客户按照我们提供的目标路线在首页上有目的性的点击浏览，提高二跳率，增加浏览 时间。+需求分析在对首页装修的时候，我们从顾客角度，直接把顾客分为两类，一类是有目标 顾客，一类是无目标顾客。1、无论针对的是有目标顾客还是无目标的顾客，首页都必须完成这样的任务：告诉顾客这家店铺叫什么主营什么产品、产品是什么样的风格产品价格范围大概是多少有什么样的促销活动等突出品牌和产品档次、店铺促销，提高信任度2、针对无目标顾客，几个方案：价格低性价比高的热销单品广告指向性精确、促销力度强的品类广告、或活动，如3折清

2、仓让顾客有参与感的或等等单品广告有几个需要特别注意的地方，首先词要尽量少，减 少阅读障碍，然后功能或者说表述的目标要清晰明了，最后是顾客看了广告不管是广告词还 是图片都能感觉到你要表达的意思。直击重点，突出特色！3、针对有目标顾客用搜索和导航栏及分类列表是最有效的。一定要有一个提供搜索的显 著位置，千万别相信最上方的淘宝搜索，那里默认是全站搜索的，一旦使用就有80%以上 的机会跳出，增加一个搜索栏不占多大位置，再增加几个店铺热销产品和淘宝热门关键字最 好。导航栏方面，按照用户的潜在分类，如商品品类、功能、顾客消费力、消费行为倾向等。导 航的菜单分类简单快捷，首页，分类-子分类，最多跳转3次就必

3、须到达产品详情页面，每增加一级跳转，就会增加 一点顾客抵触性，影响顾客的浏览的通畅性。活动促销页面也是如此，用最简洁的方法去引 导客户购物。+布局技巧与建议1、版面的设计大小适宜，重点突出。根据网店的重点，对内容进行合理的板块规划，页面 需要有视觉焦点，各个板块之间大小分配合理，尽量避免所有板块均衡分配。视觉流程是 界面设计中对于用户的视觉引导，第一眼看哪里，第二眼看哪里？哪儿多看一会？哪儿少看 一会,这些都可以通过页面的视觉流程布局规划来实现。很多人都认为网站设计的板块布局、 色彩搭配、字体应用等只是页面设计的美观问题，其实这更是关系到用户心理学及行为学的 研究，清晰明确的视觉流程，不但可以

4、提高用户在网站上的停留时间，更可以增强用户的浏 览意愿，提搞用户的购买率。2、一般情况下，一个页面从上至下分别为引导区、橱窗区+促销区、导航区、常规促销区、 分类主题陈列区、普通陈列区、搭配陈列区、服务台+促销互动体验区。利用图片，文字、 色彩等元素，设计合理的视觉流程。3、网店的导购，就是分类目录。一般来说，分类做抬头式，也可以做在左侧，最普遍的做 法就是配图，同时要注意每个分支栏目都要有足够的信息量，避免栏目无内容的情况出现。4、从店铺的点击热图上可以明显的看到，在8屏之外，用户几乎没有点击了，所以在装修 网店的时候，尽量避免冗杂的内容重复，不要让买家失去耐心。产品详细展示页+产品详细展示

5、页的目的1、让产品更多的曝光，让客户更多更详细的了解产品信息；2、让客户能够最多次数的看到目前主推的产品，引导形成转化率。+布局分析及建议1、根据amazon的研究结果，页面每慢0.1秒，将失去1%的订单。导致页面速度慢的 第一个错误：臃肿的页头，最近有一位两皇冠卖家发现店铺的成交量下降了近一半，UV没 有变化，可是PV却从原来的5次/人，下降到2次/人。查看店铺，半分钟才打开，仔细检 查了店铺页面，发现他将所有精美无比的促销BANNER广告都塞在了页头区域，整个页面 足足有10屏，店铺产品详细页面打开，还要等那10屏的广告图片完全下载结束，这是一 个多么漫长的等待，（本人注：或许你会说个把分

6、钟而已，无所谓，恰恰就是这个把分钟， 下单付款的时间足够了，如果是快捷支付的话，所需时间更短!）后来卖家把这部分精美的 图片放到了首页的内容区，PV恢复如初。产品详细页面的页头最多展示店铺信息，越少越 好，主要就是为了能够让用户用最快的速度，在第一屏就能够看到产品的详细信息，然后边 看边等，更多的时间都留给产品图片的下载。2、提高图片打开速度的方法第一个方法是缩小图片尺寸，详情页面750像素的宽度就可 以了，用PS处理，或者直接在图片空间上传的时候在“将图片缩小到750PX”的勾打上， 就可以自动缩小尺寸了。第二个方法是见底图片质量，这样可能会影响到效果，可以在PS 里利用“存储为WEB所用格

7、式”的方法，在保证图片质量的同时尽量缩小文件的大小。3、关联营销要得当“关联推荐”，是增加了客单价还是减少了你的订单？关联营销最容易 犯的错误，就是占据了太重要的位置：几乎每个直通车的宝贝，其描述上方都有一大片的其 它推荐宝贝，有的甚至多到四五屏。众所周知，推广中的宝贝才是你的经营重点，买家的购 物心理是“吸引-了解-兴趣-行动”这样一个流程，买家在对这个产品了解之前就被其它宝贝 吸引，那么就将导致许多无效的浏览量。所以把关联产品放在当前产品描述的下面，或者在 页面的左侧栏里，在产品描述的上方应该放的是产品相关的促销信息,如“满100包邮”、“满 200减20”等，促使刺激顾客产生进一步的行动

8、，推进买家完成从吸引到行动的购物流程! 关联推荐什么产品合适？ 一种方向是同类需求推荐，比如一个从搜索来到A鞋子页面的买 家，很可能也会喜欢B鞋子。另一种方向是搭配的需求，比如一个对篮球鞋页面产生兴趣 的用户，极有可能还需要买一件搭配的运动衣或者袜子等配件，如果搭配好推荐给他，他就 会一共考虑，最好是采用搭配促销飞方法进一步刺激，这样客单价就能有所提升！+产品详情页面的内容结构1、产品的基本属性描述，例如包装、规格、厂商、品质等等，还有一个温馨提示，会让顾 客更觉得观海备至，从情感上抓住顾客的心。宝贝描述应该对顾客以攻心为主，攻脑为辅， 不要给顾客太多的理性思考的时间，看完宝贝描述后，让顾客与

9、我们的宝贝描述中的图片和 文字产生共鸣。2、人性化的产品详情页面浏览导航，我们已经提供了详尽的信息在宝贝描述中，但是并不 是每个顾客都愿意从头至尾看完，通过导航的形式，让顾客自己选择查看他自己想看到的信 息，节省顾客的时间，从而提高浏览度。3、利用顾客的参考心里，将产品评价或者分享案例加入到产品描述中，也就是第三方的评 价会让顾客觉得可信度更高。4、情感注入，在图片中加上与宝贝相关的拟人化、优美的文字描述，这样也可以提高顾客 的粘性。卖点提炼、结合图片，以图文并茂的描述更能让顾客接受，在每张图片上进行一段 文字描述，会加深顾客对我们的产品的好感与认知度！5、代入感，通过图片中人物与产品的融合，顾客会联想自身的生活场景，似乎在告诉顾客， 我需要这款产品。6、产品包装细节图，服装的吊牌、包装盒、质保卡等等。7、产品产地或产品生产商介绍，虽然顾客可能不会真的去产地或者生产商那里看看，但至 少会跟顾客一种真诚的感觉。&服务与保障承诺。除产品之外，在购买前后的服务，对顾客来说也是很重要的一环，通 过介绍去掉顾客的后顾之忧，放心安心的购买产品。