![]()
为了让用户获得更好的使用体验，产品需要经过反复的打磨和优化，而这背后，是设计师怀揣着谦恭匠心，不断追求完美的坚持。我将以团队游产品详情页首屏的迭代故事为例，与大家分享我们如何像匠人一样打磨用户体验。整个迭代共经历4个阶段，每个阶段都从不同的方向提升产品体验，一步步实现讲好亮点卖好货。
前言
团队游产品囊括了旅程中的交通、酒店、门票、导游、用车等资源，可以理解为是将旅游资源打包售卖的一种套餐产品。
正因为打包套餐的特性，团队游产品本身的设计就存在很多难点：1. 由于聚合了机票、酒店、门票等多种资源，产品信息量大，用户理解费力度高；2. 每个供应商都想要在最短的时间里给客户体验最好玩的线路，而热门线路本身就比较同质，呈现出来的产品大同小异，用户很难选出心怡的产品；
3. 如今快节奏的时代中，人们的精力越来越有限，大多数用户选择团队游图得就是省心省力，根本没有精力看长篇大论的产品信息；
因此，团队游更需要做到精准展示产品亮点，让用户快速理解产品内容、差异和优势。![]()
我们回溯用户的浏览路径，可以发现用户会通过搜索列表、达人攻略、活动页了解到团队游产品，但无一例外都需要经过产品详情页。这个页面需要为用户提供团队游产品的基础信息，帮助用户了解产品，从而决策下单。可以说，产品详情页是用户预订流程中的必经之路，也承担着构建产品初貌的重要作用。![]()
作为产品详情页曝光率100%的首屏，虽然空间有限，但却是我们抓住用户的“重中之重”。我们需要在这个寸土寸金的地方，做到讲清楚产品最有价值的信息，让用户尽快被吸引、看懂我们的产品、感觉产品值得购买。想在这有限空间中做到极致，就需要设计师时刻怀揣谦恭匠心，反复打磨产品体验。回顾2023年，产品详情页首屏共历经了4次迭代优化，一步一步将优质的用户体验落地。那么接下来，请跟随我一起了解每一次迭代，我们做了什么，又是怎么一步一步将用户体验落地的。让我们回到最初的团队游产品详情页首屏。产品亮点信息散乱在页面各处，用户不知道应该把注意力放在哪里，自然跳出率高。在这个阶段，我们尝试通过沉浸式的大图氛围给用户最直观的感官升级，并重新整理信息，将产品亮点聚合成“卖点”信息，让用户愿意把更多地把注意力放到首屏。这一版上线后，订单量和GMV迎来了显著地上涨，证明大图氛围和亮点信息聚合确实起到了吸引用户的作用。大图版本上线后，我们发现图片传达的内容有限，且会存在歧义，有些图都分不清到底是景点还是酒店。而且，我们发现只有不到一半的用户会横划，即便供应商上传了丰富的图片，很多用户也看不到，并不能让用户感知到藏在封面背后的产品丰富性。
那么，第二次迭代阶段，我们将设计重点放在“讲清楚亮点”上。首先，我们从结构层入手，将原本隐藏在封面背后的图片进行分类，再结合“用户关注度”和“商品差异度”两个维度，将分类按优先级重新排序，让用户最关注的并且最能凸显产品差异的资源图片优先披露。接着配合信息层，我们从图片的名称和特点说明两方面完善每张图片的信息，让用户一看就知道这张图是指哪个景点或酒店，有什么特色。最后，在视觉呈现层，我们通过缩略图tab的方式，让用户在首屏一目了然这个产品有哪些特色资源，以及这些资源大概是什么样的，达到所见即所得的目标。考虑到改造的成本，我们带着这一版方案招募高意愿、货品优质、且有供应能力的供应商参与试验，小范围应用在了200个产品上，订单量和GMV都有显著的提升，各方反馈确实将产品亮点展示得更清楚了。200个试点产品的成功之后，我们趁热打铁，开启了覆盖更多产品的尝试。但我们的部分供应商，要么缺少精力维护，要么供给能力不足，导致呈现的效果存在很多质量问题，看起来不值相应的价格。
因此，第三阶段，我们把重心放在了“提高呈现质量，降低覆盖成本”上。我们梳理出质量低下的问题，并相应给出了解决策略。![]()
问题1 供应商图片类型单一
由于历史图片不需要分类，大多供应商提供的图片数量少，类型单一。往往一个产品只有5-6张不同景点的图片。然而，我们发现很多产品不仅景点好，提供的酒店也很优质，用车、导游更是精挑细选，但这些都没有在首屏展现给用户。为了帮助供应商以较低成本展示出更丰富的产品亮点，我们做了三方面的尝试：1. 首先，互通系统库中的数据，根据行程安排自动选取景点、酒店、导游等资源的图片和标题，降低人工录入成本；2. 其次，我们为特色业务线，例如私家团、包车游、游学，增加品宣介绍，介绍产品特点的同时，加强用户认知；3. 最后也是最直接的办法，鼓励供应商主动录入更丰富的图片，我们通过优化后台编辑多图的交互流程，降低供应商录入费力度。![]()
图片类型单一的解决策略![]()
调整后，同一个产品可以呈现的亮点类型更丰富要想达到沉浸式的首屏效果，产品图片也需要达到高质量。供应商历史上传的图片经过放大后不可避免地会出现模糊、裁切偏离等问题。比起对图片本身质量地优化，我们把重点放在了提高图片选择的标准上。我们制定了选图指南，指导供应商上传符合要求的图片，并配合机器选择和人工审核，优先选取已上传的图片中更高质量的优先展示。![]()
问题3 文字介绍质量差
在改版之前，供应商只需要上传图片，而图片的文字介绍要么缺失，要么就是重复、无意义的。我们借助AI的力量，补充介绍维度，例如补充酒店的设施特色、地址、风格等维度，补充导游的性格、能力等维度，生成更生动的文字介绍，让图片表达的内容更丰富。通过这些方式，我们大幅度地降低了供应商录入的费力度，切实地帮助更多供应商以较小的成本，呈现出更丰富地产品亮点，提高图片质量，让产品看起来更值得买。经过这一阶段地迭代，目前已经覆盖了8成以上的产品，展现出丰富亮点的产品，订单量和GMV都有显著上涨。经过了三次迭代，我们大部分的产品已经可以呈现出丰富的产品亮点了。接下来，还需要想办法“让用户选得出”。第4阶段，我们站在用户的角度，面向不同人群强化整体氛围。我们针对中高端人群做了6钻私家团的包装，增加6钻私家团的业务品宣，采用更适合的色调，整体呈现出尊享高端的氛围。同时，面向年轻客群，我们做了结伴游的包装，轻松靓丽的色彩氛围也颇受年轻人的青睐。经过这4次迭代，可以看到，团队游产品详情页首屏从最初版到现在有着明显的变化，用户可以通过首屏就大致了解这个产品有哪些资源，哪些特色，从而判断是否适合自己。我们的每一次迭代都带来了数据的显著提升，并给用户提供了更好的使用体验。在这之后，我们会尝试继续完善产品亮点的解释维度。目前首屏仅从产品自身的资源角度介绍产品的特色，但是缺少用户视角的亮点介绍，因此后续会在确保首屏信息效率的同时，完善直播、达人探线、用户点评等内容，帮助用户更全面地了解一个产品。其次，在首屏的亮点提炼过程中，供应商一定会有各种不同的内容想要前置到首屏，这就需要我们同时把控好核心信息的筛选，建立完善的信息审核标准，确保只给用户看最核心的产品亮点。最后，在首屏丰富的同时，我们后续也会考虑精简次屏的信息，减少重复内容的露出，让整个详情页设计有的放矢。作为设计师，我们是匠人，产品就是我们的杰作。正如大师级设计师乔纳森·艾维在他的一次访谈中所说：“设计是一个无止境的学习过程，只有不断地追求卓越，才能创造出真正令人惊叹的作品。” 我们需要时刻保持高标准，对自己的作品严苛要求。只有通过精益求精的态度和对细节的执着追求，才能为用户创造出更好的体验。