跟公司同事做的一个分享，理论居多。Persona是需要在实践中应用与检验的，建立适合自己团队的流程和方法。 Persona(京东商城UED内部分享资料) View more presentations from iqst1

宜家（IKEA），来自瑞典家居用品卖场，以其简约、实用而不失现代的产品设计风格著称于世，截至2010年2月，宜家家居在全世界的37个国家和地区中拥有313家大型卖场。 作为一家以产品设计见长的家居卖场，宜家的体验式购物场景设计也颇为令人称赞，单向购物路线设计，家居实景展示，Psrsona的应用等等，有很多设计理念可以令我们这些Web设计师好好琢磨与体会。最近光顾了几次宜家，留意了一下它的促销展示，给我印象深刻。如此众多的促销类型，宜家将其展示的恰到好处，丰富而不杂乱，功力可见一斑，我在线下卖场中，还没有见过第二家。 一 正常销售 白底黑字，凸显宜家简约风格，品牌+产品+参数+价格，价格大小适中。 二新品 所有新品都是有统一蓝色ui，非常醒目一致 三 特价产品 促销产品的价格采用底色加半描边方式展示，黄色使之醒目，红色暗示紧迫感。 四 清仓产品 整体采用黄色底色，“清仓商品”文字醒目，突出原价与清仓价的对比，通过告知剩余库存增加紧迫感，等不起啊等不起。 五 会员商品 会员特惠，突出会员价与非会员价的差异，并告诉你如何成为会员（忘带了会员卡也没关系，体贴不？） 六 降价商品 更低价格，并注明了某日之前的价格，以示对比，告诉你，我实实在在的降价了。 七 限时特惠产品 采用红色突出时限，同时与原价产生对比。 八 免费获赠 强调赠品价格，暗示客户获得的实惠，配以赠品图片及活动时间 九 折扣换购 这个促销的标题起的不好，并不是多买当前商品可以优惠，而是购买配件可以打折，我观察，时而有人站在这个促销牌前面发呆：） 十 组合购买 凸显组合购买的价格优惠，大大的加号和求和横线，叫人一看就明白 十一 多买优惠 呵呵，一般都是小件商品，一件多少钱？不好算？估计是5元吧。 先贴这么多吧，希望能给大家有所启发，宜家里面待挖掘的东西还有很多，希望以后有时间还能与大家分享。

–什么是好的表单设计 表单的设计可以写出一本书，可见想说清什么是好的表单设计也不是三言两语的事。通过表单进行人机交互需要消耗大量脑细胞，所以我从以下三个成本角度来看表单设计这件事： 1、降低视觉成本 1）有清晰地浏览线，利于扫描； 2）通过背景色、水平线、间距将相关内容分组 3）偏执的减少视觉干扰 2、降低认知成本 1）仔细设计标签的对齐方式（左对齐、右对齐、顶对齐） 2）合理的将表单内容分组 3）通过输入框长度进行暗示 4）有效的表明必填项或可选项（optional） 5）适时提供帮助 3、降低交互成本及风险 1）要支持Tab键跳转 2）将主动做与次动作加以区分（如提交与取消） 3）进行中的动作要给予反馈（如提交中……） 4）在哪里出错就在哪里给出提示 5）明确的成功提示及后续操作 6）聪明的默认项 7）智能的建议 8）提供即时验证 9）高亮显示当前激活的表单组件 10）输入时，减少键盘与鼠标见的切换 其实，除了以上这些，最重要的基本功，是对各个表单控件的用途和使用场景有深刻的认识，只有这样，才能设计出令人可以轻松交互的表单。

优化B2C网站的订单转化率可以说是每个电商网站产品设计团队（也包括UE团队及数据团队）不可推卸的使命，然而这又是一个庞大而系统的工程，千头万绪如何下手？希望用我的一些经验与大家分享，同时期待更多的火花。 首先明确一下，我这里指的转化率=订单提交成功数/访问次数，提交订单成功即算达成目标。而后续的因支付、库存、配送等因素导致交易最终未成交，暂不考虑。 在做所有优化之前，应该先对网站目前的转化率进行细分，细分之后，你就会明白哪里需要改进，哪里的优先级最高，还有可能发现意想不到的数据哦。就让我们马上开始吧： 1、按流量细分转化率 1）按流量来源细分，可以知道哪些流量是健康的，哪些流量需要优化，哪些流量是虚假的，从而动态调整我们的营销策略； 2）按关键词细分，可以知道哪些词的转化率高，从而加大投放，哪些词的转化率低，减少投放； 流量优化是转化率优化工作的排头兵，只有确保来到网站的流量的质量，后续的优化工作才会见效，才会有意义。 2、按购物流程细分转化率 这是最基础也是最常用的一种细分方式，对优化网站设计及易用性效果非常明显，一般包括以下几个比率： 到达率：到达单品页的访问次数/所有访问次数 提袋率：放入购物车的次数/到达单品页的访问次数 结算率：订单成功提交的次数/放入购物车的次数 so，到达率x提袋率x结算率=订单转化率。你可以针对每一step的转化率进行有针对性的优化，从而提高整体转化率。具体方案有太多了，以后有机会慢慢聊。通过GA中的目标设置功能，可以轻松实现按购物流程分解转化率，并可通过渠道形象的展示各步骤转化率。 3、按用户特征细分转化率 1）按新老用户细分 这在GA中可以很简单的分析出来，你会发现新用户的转化率的确很低，接下来就可以针对新用户想一些办法来提高他们的转化率，比如送券，尝试简化购物流程甚至是免注册购物。 2）按地区进行细分 不同地区用户的转化率有差异，可能有几个原因：当地库存现货率、送货时间、品牌在当地的知名度、以及当地的经济及网络发展水平，当然，别忽略了当地的网络状况，如果网速慢，转化率一定不会高的。 以上，都可以通过GA统计出来，如果你的分析团队够强大，其实还可以按年龄，收入，职业继续分解，但有时数据不在多，而在精，对我们的工作没有指导意义的数据，就没有存在的价值。 4、按商品特征细分转化率 1）按品类细分 如果你是一家综合性B2C网站，按品类分解很重要，可以让你知道你的网站具有竞争力的商品是哪些，最冷门的商品又是哪些，每个品类的商品有其各自的特点，因此优化的切入点就会不同，比如3C类产品，规格参数、对比功能、评价都很重要，而服装类产品，商品图片，颜色尺码等信息就非常重要。以上可以使用GA中的高级群体细分功能进行统计，但有个前提是，网站url要十分规范，且能通过url识别出具体品类，否则无法按品类分解转化率。 2）按关注度细分 其实商品的关注度是与转化率有一定关系的，但也并非关注度高的商品转化率一定就高，因此将关注度高的商品优先优化，也是一个不错的切入点，优化你网站中最热门的商品，绝对是个好想法。如何得到商品的转化率？这要与你的数据分析团队合作，找出商品的浏览量和对于的成交量，相除即可。 以上写这么多，主要是想强调数据分析的重要性，只有先进行详细的数据分析，才能发现问题所在，做到有的放矢。另外，得到数据了以后，最好与行业平均值或竞争对手进行一下对比，有针对性的进行优化。最好，欢迎各位同行一起探讨，希望能够得到更大的启发与思路。

上周末去杭州参加了用户体验年会，收获不少，其中关于UED团队在公司中的角色，总结如下： 部门之外： 1、理念宣传 – UED是用户体验理念宣传员 通过内部培训、内刊、内网、内部论坛、内部博客、海报等多种形式在公司宣传用户体验理念。 2、专业培训 – UED是用户体验理论的传教士 对相关部门、人员进行有针对性的、科学的指导和培训，提升业务水平。 3、用户体验管理 – UED是“用户体验”的管理部门，对用户体验负责。 UED有一群用户体验专家，同时也掌握着科学的检验和量化方法，通过这些方法，将全流程中的用户体验进行分解，将 量化结果作为考核指标，对用户体验进行管理。 部门之内： 1、了解用户：聆听用户的声音，以用户之苦为苦，以用户之乐为乐； 2、建立流程：严格的设计流程是保证质量的前提； 3、打造工具：强有力的分析工具可以帮助我们了解用户，分析行为，挖掘动机，评估效果； 4、量化考核：将用户体验量化，将量化结果作为考核； 5、团队：开放的心态，良好的氛围，充满灵感，充满创造力，严谨，快乐，成长； 唐沐PPT里的的一句话给我印象最深： 做比说重要…… 说同样重要！

任何一次改版都是有风险的，就算抛开技术风险不说，由用户的使用惯性所带来的问题，也是无法避免的。 对于大型电子商务网站来说，无论是哪里出了问题，也无论是故障多么短暂，都是任何一个人所缩承担不起的。 所以，大型网站的改版，要遵循一定策略，将风险降到最低。 声明一点，要实现逐步替换式改版，那么新版页面必须与旧版不同，假设旧版是a.html，那么新版应该是b.html； 第一步、邀请用户在线体验新版，并提交反馈，通过小规模用户的使用来发现问题并尽快修正，同时也算是进行改版告知，以对用户表示尊重，为新版造势，减轻用户心里压力； 第二步、一旦确定新版不存在重大bug和问题，可以逐步将流量从旧版引入新版，一般有两种方法： a、假设有e1、e2、e3、e4……等多个入口连接到a.html，那么可以先把e1入口的流量引入b.html，进行观察，稳定后在把e2的流量引入，并最终把所有入口的流量都引入b.html； b、假设有s1、s2、s3、s4……等多台服务器，那么可以先把s1服务器上的流量引入b.html，进行观察，稳定后在把s2的流量引入，并最终把所有服务器的流量都引入b.html； 第三步、一定要在b.html页面提供返回a.html页面的入口，不仅缓解用户的焦虑，一旦遇到严重问题，用户依然可返回旧版进行操作，降低了系统风险，因为即使最及时的反馈，发现问题并处理还是需要时间的，另外，b.html一定要给出bug反馈入口，让用户随时可以把发现的问题告诉pm； 最后、所有流量都导入b.html后，接下来要做的就是详细收集用户的问题，观察用户的反馈，并紧密关注新老页面的流量比例，直到a.html页面流量趋近于0，此次改版基本算无风险实施成功。 当然，此方案也存在问题，实施到第二步时，用户有可能每次刷新出来的页面都不同，有时新版有时又是旧版，虽然此点可能带来用户迷惑，但此问题也是可以解决的，如： 在a.html页面注明：邀请您体验新版…… 在b.html页面注明：您正在使用新版……，如果遇到问题或不习惯，可以随时返回旧版…… 对于大型网站，系统稳定性是第一位的，缜密的新旧版替换策略，是一个称职产品经理所必须掌握的方法。

现实中的界面一般来说比较固定，这里的固定指的是位置、颜色、可见性一般不会随意变化，比如电灯开关，无论是否有电或者电灯是否出故障，开关中的按钮都会在那里，不会消失。 然而网络就不一样，你可以很轻易的隐藏一个按钮，或将一个输入框置为不可编辑。这样做其实有很大风险，你的设计一定能够“不言而喻”或者“自我解释”吗？如果不能，那对用户来说，就是件很需要“make he think”的事情。 对于电子商务网站，当商品无货时，购买按钮如何处理是个很有意思的问题，隐藏？改成文字？置为不可点击？改成“到货通知”？ 当一个按钮不可用时，是隐藏它，还是保留它并给予解释？我倾向后者。因为： 隐藏按钮，等于是先制造了一个“疑问”，然后再给予解释； 保留按钮，在按钮上做些处理（灰色，不可点），给予解释，在用户看来也许更容易接受。 从另一个方面讲，“购买”按钮对于一个电子商务网站，存在的意义已经不仅仅是一个普通的按钮，而更像一个风向标，就好象搜索引擎不能没有“搜索”按钮一样，从用户习惯及情感上来讲，它不在那里，你会觉得缺少了什么，越是普通的用户，越会有这样的感觉。 PS：上图中，欧酷的做法比较规矩合理，新蛋和当当的比较取巧，卓越和京东的做法不推荐，

最近在做网站的优化，其中一项包括：对静态文件（如图片，JS脚本文件及CSS文件）启用一个新的独立域名，以杜绝不必要的Cookie传送，提高请求速度并减少带宽。 我们知道，当向HTTP服务器请求某个URL时，浏览器将该URL与客户主机中存储的所有Cookie比较，如果发现域名相匹配Cookie，则匹配 Cookie中包含名字/值的那一行将被包含在HTTP请求头中，以保证依赖于Cookie的功能得以实现。 但是，当请求一个静态图片时，传输Cookie就没有任何意义了。 另外，Cookie的存取是不允许跨域的，这个很好理解，因为有时Cookie文件里会存储一些比较敏感或重要的信息，如果允许跨域读取，那么随便一个网站都可以取得目标网站的Cookie，这是非常危险的。利用这一点，我们可以将静态文件放在新的独立域名下，由于新域名下只放静态文件（最主要是图片和CSS，对于JS文件，如果涉及读写Cookie,那么还是要谨慎处理），并不会产生Cookie，所以请求静态文件时，是不会携带Cookie的，这样就提高了传输效率，减少了一定带宽。 Yslow中倡导的减少连接数，也是部分处于减少Cookie传输的目的，当然，启用了新域名，会增加域名解析的时间，需要权衡。 那么，这么做的效果如何呢？我们做如下假设： 网站日均用户100万，访问首页：30万 首页Cookie大小：0.05k CSS文件数：2 JS文件数：10 未缓存图片数：50 那么无效Cookie =300000*0.05*2*10*50=15000000k=1.5G （以上粗略估算，如有不准确的地方欢迎指出） 网站流量越大，图片越多，这个数值也就越大，优化效果也会越明显，所以上了量级的网站，都会作此优化。

最近在进行网站访问速度方面的优化，有些人觉得这个问题好难，方方面面都是影响访问速度的原因，错综复杂，一时感觉难以入手，OK!如果说之前你以这个为借口，那么现在我和你说，只要尽量遵循Yslow的判断标准来做，就会使你的网站改善很多。 那么效果是怎样的呢？我们仅仅把页面顶部的一些js进行了合并，并在页面顶部仅保留了首屏必须加载的js，比如焦点图脚本、minicart等，之后，我们把其它js移至了页面底部，就这些，效果怎么样？让我们来看看商品页的Bounce Rate(跳出率)： 看到那个明显的下降了吧，就是这样简单，一个小小的改进，就可以让页面加载的更快，让更多的用户留下来。 好了，现在关闭这篇文章，马上去看看你页面的代码，顶部是否有多余的js需要合并或者下移，Do it，等着看效果吧！ 记得，页面访问速度是用户第一体验，是我们与用户都不可能逾越的一关。