为了让用户获得更好的使用体验，产品需要经过反复的打磨和优化，而这背后，是设计师怀揣着谦恭匠心，不断追求完美的坚持。我将以团队游产品详情页首屏的迭代故事为例，与大家分享我们如何像匠人一样打磨用户体验。整个迭代共经历4个阶段，每个阶段都从不同的方向提升产品体验，一步步实现讲好亮点卖好货。
前言
团队游产品囊括了旅程中的交通、酒店、门票、导游、用车等资源，可以理解为是将旅游资源打包售卖的一种套餐产品。
2. 每个供应商都想要在最短的时间里给客户体验最好玩的线路，而热门线路本身就比较同质，呈现出来的产品大同小异，用户很难选出心怡的产品；
3. 如今快节奏的时代中，人们的精力越来越有限，大多数用户选择团队游图得就是省心省力，根本没有精力看长篇大论的产品信息；
因此，团队游更需要做到精准展示产品亮点，让用户快速理解产品内容、差异和优势。
02 产品详情页有什么作用？
可以说，产品详情页是用户预订流程中的必经之路，也承担着构建产品初貌的重要作用。
03 首屏为什么需要反复打磨？
作为产品详情页曝光率100%的首屏，虽然空间有限，但却是我们抓住用户的“重中之重”。我们需要在这个寸土寸金的地方，做到讲清楚产品最有价值的信息，让用户尽快被吸引、看懂我们的产品、感觉产品值得购买。想在这有限空间中做到极致，就需要设计师时刻怀揣谦恭匠心，反复打磨产品体验。
回顾，产品详情页首屏共历经了4次迭代优化，一步一步将优质的用户体验落地。
那么接下来，请跟随我一起了解每一次迭代，我们做了什么，又是怎么一步一步将用户体验落地的。
在这个阶段，我们尝试通过沉浸式的大图氛围给用户最直观的感官升级，并重新整理信息，将产品亮点聚合成“卖点”信息，让用户愿意把更多地把注意力放到首屏。
这一版上线后，订单量和GMV迎来了显著地上涨，证明大图氛围和亮点信息聚合确实起到了吸引用户的作用。
那么，第二次迭代阶段，我们将设计重点放在“讲清楚亮点”上。
首先，我们从结构层入手，将原本隐藏在封面背后的图片进行分类，再结合“用户关注度”和“商品差异度”两个维度，将分类按优先级重新排序，让用户最关注的并且最能凸显产品差异的资源图片优先披露。
最后，在视觉呈现层，我们通过缩略图tab的方式，让用户在首屏一目了然这个产品有哪些特色资源，以及这些资源大概是什么样的，达到所见即所得的目标。考虑到改造的成本，我们带着这一版方案招募高意愿、货品优质、且有供应能力的供应商参与试验，小范围应用在了200个产品上，订单量和GMV都有显著的提升，各方反馈确实将产品亮点展示得更清楚了。
问题1 供应商图片类型单一
要想达到沉浸式的首屏效果，产品图片也需要达到高质量。供应商历史上传的图片经过放大后不可避免地会出现模糊、裁切偏离等问题。比起对图片本身质量地优化，我们把重点放在了提高图片选择的标准上。我们制定了选图指南，指导供应商上传符合要求的图片，并配合机器选择和人工审核，优先选取已上传的图片中更高质量的优先展示。
问题3 文字介绍质量差
经过这一阶段地迭代，目前已经覆盖了8成以上的产品，展现出丰富亮点的产品，订单量和GMV都有显著上涨。
我们针对中高端人群做了6钻私家团的包装，增加6钻私家团的业务品宣，采用更适合的色调，整体呈现出尊享高端的氛围。
同时，面向年轻客群，我们做了结伴游的包装，轻松靓丽的色彩氛围也颇受年轻人的青睐。
在这之后，我们会尝试继续完善产品亮点的解释维度。目前首屏仅从产品自身的资源角度介绍产品的特色，但是缺少用户视角的亮点介绍，因此后续会在确保首屏信息效率的同时，完善直播、达人探线、用户点评等内容，帮助用户更全面地了解一个产品。
其次，在首屏的亮点提炼过程中，供应商一定会有各种不同的内容想要前置到首屏，这就需要我们同时把控好核心信息的筛选，建立完善的信息审核标准，确保只给用户看最核心的产品亮点。
最后，在首屏丰富的同时，我们后续也会考虑精简次屏的信息，减少重复内容的露出，让整个详情页设计有的放矢。
作为设计师，我们是匠人，产品就是我们的杰作。正如大师级设计师乔纳森·艾维在他的一次访谈中所说：“设计是一个无止境的学习过程，只有不断地追求卓越，才能创造出真正令人惊叹的作品。” 我们需要时刻保持高标准，对自己的作品严苛要求。只有通过精益求精的态度和对细节的执着追求，才能为用户创造出更好的体验。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
