以用户为本实现商业目标的搜索产品设计-苏宁搜索
苏宁搜索页面的热词重构项目总结
每天，都有数以万计的消费者选择电商进行购物，打开常用电商平台，进入视觉第一中心的就是头部的搜索框，应该说搜索的出现就是人性化的第一步。方便了用户用最快的速度查找商品。但是千篇一律陈列出来的搜索结果页，包罗万象的商品信息对于用户来说筛选起来并不那么轻松，在对现有搜索页上用户行为分，以帮助用户实现购物为目的，推动搜索页进行热词重构，在设计中既要以用户为本，也要实现商业目标。
设计背景和思路：
尼尔森中国区总经理韦邵曾在在尼尔森消费者研究报告中说到：随着消费者收入递增，他们越来越希望买到另他们感到愉悦的有品质的商品。自从前不久淘宝app进行全面升级改版之后，大家对于目前的消费升级之说也并不陌生。在这样的大背景下，苏宁搜索也要对产品进行新的定位和升级。
旧版的搜索页设计，已经不能满足日益变化的用户需求和审美。作为以质量和服务为重点的电商平台，苏宁的目标受众人群，主要集中在中高端的消费人群中，他们更喜欢购买3C家电，关注自营，看中品牌更注重购买效率，这对这样的背景和消费特点，搜索这次主要先抽取高流低转的搜索热词“笔记本”和“电视”进行搜索页的重构升级。综上背景，本次重构对于设计师提出了更高要求，一方面要通过各种个性化手段，让用户在该品类下找到自己的想要的商品，另一方面，也要也需要凸显商品属性和卖点，让用户 GET关键信息，进行购买决策。
问题洞察
在2017年5月12日最新的用户模型分析中，苏宁受众中“高端品质”和“价格驱动”占总比的72%，这意味着在消费升级的时代，目标受众对于品质的追求越来越高；其中81.9%的用户通过搜索查找商品，其次就是浏览促销。其中71%关注自营，76%的在意价格是否促销。这些数据足以说明，我们的旧版搜索页存在一些明显问题：
①搜索页广告推荐不集中，散落，影响用户判断
②商品信息层级多而繁杂信息质量参差不齐
③缺失品质感，没有苏宁特色
设计策略：强化搜索内容和实现商业目标并不冲突
商业目标推导设计目标
搜索也作为搜索重要流量口，在整个电商产品体系中起到非常重要的作用。从细分的场景目的上来讲，主要有两方面考量：一是承载用户的购买转化。二是当用户转化不了的时候将流量引导分配给其他相似商品，也就是分流。抛开细分场景，从大的闭环来讲，分流也是为了用户最终找到感兴趣的商品而促成转化。
策略一：页面结构升级
1、新增特色专题模块
去除了侧边栏的推荐和底部的热门推荐，而是改成特色专题模块：将页头导航栏去除，增加特色专题，用于维护到词的热门活动/领券信息/热门商品等信息。三种设计样式，便于不同的优惠信息展示。
我的足迹：页面下方舍弃了原本的推荐，热销商品，提取出用户的浏览记录，让用户可以随时找到历史记录。设计上延续风格，精简信息，因为用户已经浏览过，只要有基本价格和图片，让用户能够回忆起就可以了。
2、突出品牌筛选
高筛品牌：A：品牌交互方式改变，①默认单选状态，左右切换可自由选择②展开后，品牌图片排列，点击可多选。B：新增品牌用户选择百分比的展示，用于帮助用户参考c视觉上减少线条的分割，整体视觉感变轻，更加便于用户关注重点信息。
二次排序区：原本占用两行，信息比较多，热词精简了信息，仅保留核心功能，特别是排序和自营，是用户最关注的核心点。
策略二：商品坑位升级
商品是任何购物性平台与品牌与消费者之间最原始的链接。同时我们也希望能用最简单的方式来降低用 户认知成本，用户能直接触达商品，通过凸显商品本身优势属性，来达到效率购物的目的。
①将推荐和广告去除，就是没有了侧边栏，集中展示自然商品，以用户为主，想用户所想。
②每行展示5个商品，根据分辨率调整图片的坑位大小及宽度，比如在1920分辨率下，图片坑位为240*240，在1360分辨率下为220*220，图片也调用的400*400的高清大图，以实现商品展示的精致
③精简商品信息：过滤豆腐块，众筹，商品展示更为精简，强调自营和卖点、标签。让用户第一时间关注到商品的优惠信息和重要属性。
④特色卖点和促销标签单独一行展示。重点强调，设计样式也比较突出，让用户一目了然。标签悬浮展示具体信息，能够详细了解优惠政策。
⑤视觉上采用圆角设计，对用户更加友好，操作框增加了图标，为交互让用户每一步点击得到反馈。
策略三：情感化设计
选购助手的小狮子、翻页设计的小狮子，品牌元素的融合
新增选购助手：可支持运营将可帮助用户选购的属性值进行维护，跟随页面展示，同事将用户反馈放置在右侧，用小狮子的形象代表小助手，增加页面的趣味性，用户滚动到商品区时置顶展示，不占用空间而且便于操作。
细节打磨
顺势而为的视觉互动
我们在内容显性化表达的诉求基础上，尝试了进一步的视觉互动设计。动效在页面展示中起着强视觉吸引的作用，但是强势的动效会干扰用户，所以顺着用户鼠标的方向进行微交互，迎合用户的心里预期。就是“顺势而为”，让过程更为自然与恰当。
新增微交互：加入购物车/收藏、高筛的悬浮移动，面包屑的旋转、对比中小狮子的提示语（GIF图片因为插入无动效，请查看附件）
头部悬浮交互
高筛选择交互
对比小狮子提示交互
体验设计后的正反馈
PC端页面中，针对热词进行的设计比较少见，所以这次也是我们的一大突破。在面对日益变化的用户需求，我们要时刻准备着不断更新变化。在实现商业目标的同时，要做到以用户为基础。热词重构是在2017年4月x日构思到4月20日上线，也进行了为期一个月的AB测试，从得到的数据来看我们的转化率得到了平均值10%的提升。这也让我们得以欣慰，在这次改版中，确实也让用户感受到了新的搜索体验。
新的思考
页面的上线绝不是设计的终止，恰恰相反，这是设计真正的开始，在重新构建过的页面中，我们需要对上线后的页面进行新的调查研究，以应对用户瞬息万变的需求。
思考①在新的页面点击调查中，我们看出高筛的点击增加，搜索内容的点击减少了。这也是对我们新结构设计的反思。是不是用户找不到想要的商品而不断进行筛选，还是因为高筛的交互比较吸引注意力，这也是值得我们深入调查。
思考②目前页面首部特色专题推荐，太过于突出，也是一种强烈的干扰。是否考虑只在“618”“818”这种特别重大的优惠日出现，引导用户关注当前最大优惠。而不是日常都存在，对用户选择产生干扰。
思考③目前这套页面设计除了电视、笔记本，也应用到手机、电脑、热水器等词上。针对其他种类的热词也在进行新的设计。
写在最后
热词重构项目从2017年3月31日开始规划，到4月22日正式上线，应该说是一个效率非常高的项目，在项目过程中，我们也是采用了敏捷设计开发的理念，达成共识，团队协作以高效率完成本次项目，也算是一个可贵的敏捷实践经验。
产品设计只是商业目标中的一个小部分，对于转化率来说，商品自身的影响因素很大，但是作为设计师，我们需要放大自己的格局，着眼于未来的成果，运用自己的设计手段引导和改善用户体验，对实现商业目标的成果，能够提供有益的作用。
