创意 素材 品类 “这可能是智慧的时代，也可能是愚蠢的时代”，不确定性作为 2022 年的主旋律，给营销经营带来了诸多风险的同时也创造了许多增长机会。以下将由羚珑设计平台联合主站体验设计及创新中台设计团队，为您解读在营销即时创意设计中的三大行业特征、四大创意洞察，并发布三大即时创意工具能力，助力每一次营销 Campaign 都掷地有声！如何提升电商图的点击率？先来了解注意力法则！信息爆炸的今天，消费者的注意力越来越稀缺，设计的目的不再仅仅是美观，更要有效。阅读文章 > 一、序言：营销创意从玄学到科学2022 年的零售电商迎来了 Ta 的第 14 个双十一大促，在全平台营销活动的助力下，线上流量及销售总额依旧保持平稳增长。在流量增长趋缓的背后，零售电商的生意模式，已经从抢夺增量完全转变为了竞争存量。与此同时，随着音频、短视频等泛创意内容发展，多元化的营销内容在一点点地抢夺着消费者的注意力。营销创意作为企业经营的一环，同样面临企业经营的三难选择困境。企业经营中的不可能三角是时间、金钱与创新，创新不是天马行空，而是在有限时间与金钱限制下的有限创新。同样地，营销创意中的不可能三角则是创意的规模、成本与质量，站在生意视角的营销创意，追求的是在有限成本投入下，带来规模化收益与优质创意效果。但不同于企业经营，营销创意不是简单的加减乘除，往往由于消费者的多元化与流量动线的复杂度，而产生非线性的效果表现，极大提高了创意投放的不确定性。广告大师约翰·沃纳梅克曾经这么描述创意这门玄学，“永远有一半的广告预算是浪费的，但遗憾的是，你不知道是哪一半”。在电商平台导购场景下，借助于海量用户数据反馈，羚珑基于千人千面的即时性创意生成能力，持续探索着创意科学化生产：通过程序化设计及投放技术，将高维度、难理解的创意美学转换为低维度、可区分的标签表达。同时依托人工智能算法，进一步挖掘海量多元化创意数据之间的关联与规律，建立全链路调优机制实时动态调整创意元素与组合形式，从而实现营销创意从玄学到科学的自我进化！此次报告由京东羚珑设计平台与主站体验设计、创新中台设计团队共同发布，以营销创意行业概览为始，解读营销创意发展设计新热点，并面向业务及品牌商发布动态创意策略及设计效率工具，旨在助力品牌每一次创意投放都能确定性增长！二、营销创意数据说明1. 数据统计数据来源：白皮书中提供的数据来源于京东 APP 首页首焦素材投放场景，数据统计来源于京东内部大数据平台。素材来源：白皮书中提供的素材均由 羚珑·即时创意生成引擎 智能生成供给。2. 数据范围统计周期由 2022 年 1 月 至 2022 年 11 月。3. 数据指标点击指数，即创意素材点击量占整体曝光量比例，数值越大说明创意素材越受欢迎营销效果越好。三、营销创意行业特征1. 广告市场增长趋缓，创意愈发重要根据艾瑞咨询数据显示，2021 年中国网络广告市场规模达 9421 亿元，同比增长 22.9% ，整体市场规模即将突破万亿。尽管广告市场规模增速趋缓，但万亿规模的量级表明，广告创意已经不再是一项营销支出，而是企业或品牌的一项经营战略，尤其在“注意力经济”模式下，广告创意的制作效率与投放效果扮演着愈发重要的角色。2. 千人千面时代，创意素材需求缺口明显随着生产技术与产业链的成熟，低线到高线城市基本已跨入第三消费时代，物质条件富足的同时，追求个人消费与精神价值差异化。根据京东 2022 财年第三季度财报显示，自营采购的 SKU 数量超过 1000 万。在海量且多元化商品供给的背景下，京东也推出了全新的 APP 11.0，通过交互视觉动线的新升级，围绕商品提供多样化内容呈现与推荐，以满足消费者的潜在兴趣与需求。如何进行体系化大改版？京东 APP 11.0 深度解读！在受到不确定性扰动的外部环境下，今年的 APP11.0 升级格外不同。阅读文章 > 在主张个性化的“千人千面”时代，除了需要精准多样的兴趣算法分发，同时更要有优质直观的动态创意传达。在推荐与兴趣算法的流量牵引下，消费者进入到不同的营销页面内，受到头图、商品卡片、通栏 Banner 等坑位的影响，注意力被极大地分散。如何围绕商品或活动更直观、清晰、可视化地视觉传达，便成为平台运营或商家经营中的核心工作。而不同于营销页面搭建，图片型创意素材更多是实时性、联动性地表达，如首焦 Banner 素材，便需要根据营销落地页商品进行个性化即时生成，以实现入口素材与落地页内外联动的一致性。由此而产生的创意素材缺口也愈发明显，以 APP 首焦场景为例，假设每个 SKU 日均参加 2 场 活动，活动单个 SKU 平均曝光次数为 10 次 ，1000 万 SKU 则需要 2 亿张 的创意素材供给。3. 即时创意生产，成为中长尾创意素材供给新模式当下消费者兴趣或注意力愈发分散，要求平台能够对中长尾的用户需求偏好进行迅速响应，创意素材供给的时效性持续在缩短，营销触达不仅要有内容，更要“日日新，又日新”。即时创意生产解决方案应运而生，通过无人化、自动化素材生产的方式，极大地满足了个性化营销下中长尾创意素材动态供给。即时创意，也称程序化创意，指的是将营销素材进行图层化模块化拆解及拼装，通过不同内容素材、营销素材、设计素材的动态组合，生成多样化、差异化的海量设计结果。四、零售营销创意洞察洞察框架：元素化创意设计策略 科学准确的洞察结论，来源于严谨的策略框架与实验设计。根据电商营销创意常见的设计手法，羚珑·即时创意算法将一张平面的创意素材进行多层级空间拆解，建立元素化的创意策略框架：我们根据氛围模块、文案模块、商品模块及背景模块进行设计层级拆分及参数化组合，进而为创意元素效用量化及素材效果对比提供实验抓手。具体来说，背景模块由背景装饰及背景框架组成，决定整体创意表现手法；商品模块与文案模块组成创意素材核心信息区域，通过商品前景、商品主体及背景突出商品本身的视觉信息，同时通过文案组件、按钮组件及背景辅助展示相关文字信息点；最后，通过最顶层的氛围模块，根据设计策略选取相关氛围元素进行空间布局，实现创意素材的氛围点缀。洞察一：促销型设计策略不一定是万能解法① 猜想假设在我们的惯性认知里，传统零售百货商店的热闹促销场景，往往能起到营造狂欢氛围与激发消费动机的作用。而在线上电商场景，由于消费者注意力的极易分散与信息多元化，单一照搬线下促销型设计方式、一味采用热闹喜庆的设计手法，未必在所有流量场景都能奏效，有时甚至产生负作用。② 设计拆解为了更科学地验证“促销型设计是不是万能解法”的设计猜想，我们基于 APP 首焦场景进行设计策略拆解与实验设置投放，具体方案大致如下：实验组 / 热闹鲜艳，高饱和配色，氛围丰富热烈 VS 对照组 / 简单清新，低饱和配色，氛围简单平和③ 实验分析经过效果数据清洗及统计分析，我们进行了整体对比及下钻对比：整体对比 - 热闹促销型设计并没有显著优势实验组热闹促销型设计并没有如猜想一般明显优于对照组的简单清新型设计，也就是说过于浓烈的颜色与过于复杂的装饰并不适用于所有投放场景。根据实验数据及设计经验，我们进行了 “热闹促销型设计不一定效果更优” 的原因推导：首先从设计经验出发，设计手法其实是一种工具，是为了帮助营销/产品更好地可视化表达，因此设计风格与手法应该与营销目的相匹配，应该是千人千面动态调整的，不存在某种通用设计解决方案。其次从用户行为出发，人类的感知漏斗中每秒大概接收 400 亿个感官信息而大脑只能处理 40 比特，这决定了人的注意力极为稀缺。我们看到，热闹促销型设计往往采用强烈的色彩与丰富的装饰元素，在某种程度上会使得焦点模糊，对创意画面造成干扰从而影响点击。下钻对比 - 热闹促销型与简单清新型偏好色相各有不同按照两组实验设计素材，我们进一步将设计效果细拆到每一个具体的色相 Hue 值，在两类设计手法下，组内不同色相的效果表现也存在差异：热闹促销型：色相影响显著，色彩光谱左右两端的暖色系（红橙色）效果表现最好，而中部的偏冷色系（蓝色）表现最差简单清新型：色相影响不明显，橙色、青蓝色表现突出，红色、紫色表现较差④ 设计建议当营销目的与创意风格均不确定时，选择橙色能获得更稳定的效果：橙色在热闹促销与简单清新型设计中均表现最优。当明确要制作热闹促销型设计的广告素材时，若没有明确的颜色偏好需求，建议优先选择红橙色，避免使用高饱和的蓝色。当选择上新或日常的简单清新风格时，若没有强烈的营销转化诉求，建议优先选择淡橙色和淡青蓝色，避免选择淡红色。洞察二：不同品类下的促销型设计表现效果不一① 猜想假设通过洞察一我们发现，促销型设计并不是万能的，需要结合不同色系效果进行效果搭配。除此之外，一张商用投放的广告素材，在色系这一核心的视觉影响要素外，商品属性或行业属性也会起到关键性的影响。② 设计拆解为了验证品类行业属性对广告素材效果影响是否显著，我们进行了新的实验设计：实验组 / 热闹促销色调，保留高饱和色彩去除装饰元素 VS 对照组 / 简单清新色调，通过低饱和色调突出品类属性③ 实验分析及建议同样经过效果数据分析，我们按照投放品类维度进行了品类设计偏好的同级对比与交叉分析：同级对比 - 相同品类在不同设计风格下效果存在差异可以看到，相同品类行业的商品，在相同投放时段与相近的测试人群下，热闹促销与简单清新型设计的效果存在显著差异：1）促销型设计表现排位明显高于简单型的，品类更易受氛围影响产生转化通过排位顺序对比，我们发现家具、家清与图书品类采用促销型设计能有效提高素材效果表现。这可能因为，用户购买决策周期短、复购率高的快消品类，促销型表现手法可以在氛围强化中增强用户的购买动机。对于这类与设计氛围强相关的品类设计，在日常素材设计时可以适当加入高饱和色相或氛围元素点缀，提高素材视觉冲击力，更高效地带动转化。2）促销型设计表现排位明显低于简单型的，品类信息或品牌信任感更为重要对于品类行业属性影响权重更大的品类，如医药、钟表眼镜等，在素材设计时应该突出素材品类调性，如医药品类需要通过设计元素或色系表现安心、可靠、信赖的视觉感受，过度的营销包装反而会降低用户潜意识的信任感。交叉分析 - 行业属性强的品类适用色系各有不同在同级对比基础上， 我们进一步选取了行业属性影响权重更大的品类进行了品类与色系的交叉分析，结论如下：1）医药品类：适用色系分布区间为浅蓝色到浅蓝紫色（ Hue 值 195-270）蓝色是冷色调中最冷的色系，是天空和海洋的象征，代表着永恒与女性气质。通过蓝色能带来严肃、稳定与冷静的感受，而结合高明度的明亮蓝色可以进一步达到放松、安心的暗示作用，能够传达医药品类的“安全可靠”属性。2）钟表眼镜：适用色系分布较为分散，冷暖色系适用不同子品类钟表眼镜不同于医药品类，以钟表为例，由于制造工艺及产业复杂度导致细分品类及产品存在较大属性差异，同时由于品类属性上属于非功能导向产品，更多需要面向不同人群或消费群体进行创意表达，由此我们给出两点建议：品牌机械腕表建议使用高端质感的淡金色，智能腕表倾向使用科技感的淡蓝色；同样的，女性人群建议粉色色系，男士人群倾向使用淡蓝色作为主色。3）宠物生活：暖色系如橙色更适合表达柔软与居家氛围宠物生活品类中较为重要的子品类为宠物食品及日用，当主色系为橙色时宠物食品素材可传达出营养、香甜的感受，同时暖色系也通过柔和温暖的质感营造温馨氛围；而当主色系为绿色或蓝色时，则更适合宠物医疗和清洁用品。洞察三：品类元素与场景化营造有利于促成转化 ⟡① 猜想假设经过前序的实验验证，我们已经得出“不同色系对于不同品类营销创意效果存在不同影响”的结论，在此基础上，我们尝试通过色系以外的其他设计维度，进一步挖掘品类创意的影响因素：对于一张营销创意海报设计，设计师通常会采用两种常见手法来体现商品品类特性，一种是通过相同颜色或相关联装饰等元素展现品类的功能特性或品类特质，以此形成联觉想象，而另一种则是为品类营造出真实使用场景，通过沉浸式虚拟空间渲染触发营销内容的通感感受。② 设计拆解为了验证品类元素与空间营造是否有助于效果提升，我们进行了多层对照实验设计：实验组 1 / 营造品类实景空间 VS 实验组 2 / 品类装饰元素突出品类特性 VS 对照组 / 日常通用设计突出色系③ 实验分析及建议按照如上的实验方案及分析思路，我们在不同品类进行了落地实验，在不同品类元素及场景下两种手法表现不一，其中我们选取品类特性易表达、元素易选取的母婴/童车童床品类进行实验分析举例。母婴品类由于特殊的用户人群与受众，新手妈妈用户在选购时更关注产品特质与包装材质，在设计上一般会通过柔和用色、可爱元素与室内温馨场景营造人性化与温暖感。因此，我们针对母婴/童车童床品类进行两组实验组及对照组设计：经过实验投放及数据回收，母婴品类实验组 1 最优、其次是实验组 2 与对照组，这表明童车童床品类更适合营造真实使用场景的设计手法，而在氛围元素营造与日常通用上则没有显著区别，这也表明相较于温馨可爱的氛围，商品场景空间是更为显著的特征。依据相同的设计实验思路，我们在家用电器、生鲜品类进行了灰度实验，同样验证了场景化氛围素材效果更优，相关品类的素材及结论如下。基于空间营造设计手法更优的结论，后续可以采用更多的空间场景进行品类相关设计，通过表达功能性与通感感受来进一步丰富创意设计效果。洞察四：新消费下的新创意更关注人群个性化表达 ⟡① 猜想假设随着商品经济的极大发展与富足，单纯强调商品功能性卖点的品牌营销无疑很难在红海中竞争取胜。无论是产品研发亦或是营销投放上，已经从之前的“物以类聚”进化到现在的“人以群分”：不是为了产品功能而购买，而是为了精神表达与自我满足而购买！ 而消费趋势上的变化，也对新生代的营销创意产生了影响。通过前期的调研走访，我们发现相同的品类基于不同人群特征推送符合其需求或喜好的创意素材，整体效果与接受度会有很大提升。如推送给 Z 世代，可使用潮流配色、有趣创新的设计更满足其好奇心与探索精神。② 设计拆解为了进一步验证突出人群偏好的设计是否真的更优，我们对 Z 世代人群进行了画像调研以及方案设计，试图找到新生代的设计语言与沟通密码：人群偏好：Z 世代消费类别主要是吃喝、购物和玩乐，悦己消费是 Z 世代消费的第一动力，高颜值、获得乐趣是大多数 Z 世代消费时所考虑的首要因素。品类偏好：Z 世代偏好电竞数码、潮玩手办、潮流服饰、美妆护肤、新式养生、颜值好物等新潮品类。视觉偏好：时尚前卫，个性有趣，色彩独特。基于以上分析，我们选定了 Z 世代偏好的几大核心品类，进行了人群创意与通用创意的设计输出：1）数码 - Z 世代人群设计 VS 品类通用设计2）食品 - Z 世代人群设计 VS 品类通用设计3）美妆 - Z 世代人群设计 VS 品类通用设计同时也针对站内的 Z 世代人群进行定向实验投放，相关数据回收中，敬请期待！五、羚珑即时创意解决方案发布电商营销创意涉及到的商品品类、设计维度非常繁多，从模板或创意角度来说需要准备大量素材作为实验支撑，同时也需要一定的实验周期来获取数据，最后才能分析得出置信结论，并进行方案的择优与替换。而这中间，其实有很多工作已经可以通过机器或程序来进一步解放人力、提升效率，为此我们即将为你介绍，伴随本次洞察一并发布的三大工具能力，帮助您一键创意投放与实验优化！解决方案一：即时创意生成引擎如何应对“千人千面”时代巨大的创意需求缺口？借助于数字化技术与人工智能算法，新一代的智能设计工具为商家经营或平台运营提供了一种更快速、更高效、更高质的创意生产模式！基于程序化技术原理及营销设计图谱，羚珑设计团队搭建了首个面向“人”、“货”、“场”零售三要素的即时创意生成引擎，支持根据用户画像、商品信息及营销活动实时生成多尺寸、多样化的海量创意素材，赋能京东全站各类型资源位及频道素材生产供给，旨在通过创意设计数字化升级与智慧化运营，持续探索接近商业、技术与美学的最优解！围绕电商营销的 “人”、“货”、“场” 三要素，羚珑即时创意生成引擎不仅提供了海量且丰富的创意设计素材，而且每一个素材效果、每一种设计手法背后都是模块化的设计元素，能够根据平台宏观大数据与场景微观小数据进行模块拆分、元素替换、重新组合与延展适配，在符合美学表达的同时，最大化地提升素材点击与转化效率！羚珑·即时创意生成引擎现已开放内测使用，请点击 https://ling.jd.com/ai/adv-produce 访问体验！解决方案二： 即时创意知识图谱知识图谱作为认知智能的重要一环，是实现机器认知智能的使能器，机器可以通过对知识图谱中实体、概念、关系的理解来形成基础认知，使人工智能具有了可解释性。知识图谱通常以图形的方式直观的表示知识以及知识之间的关系，其中节点代表知识的概念，边表示两个概念之间的关系。我们将专家团队在电商领域沉淀多年的设计经验，通过挖掘和整理，以图谱的方式进行存储以及查询，并应用到广告图智能生产链路中：围绕“人”、“货”、“场”三要素，我们搭建了基于不同人群、不同品类、不同营销场景的创意知识图谱，将零散的设计经验通过网状结构的形式连结起来，并通过可视化的方式进行呈现。知识图谱作为一种工具，既是专家知识的沉淀，也帮助设计师重新梳理知识和想法，探索不同领域之间的新可能性和联系。在创意设计知识图谱中，我们将品类、人群、设计模型、设计元素等定义为节点，节点与节点之间的连线即可以表示它们之间的关系，如“包含”、”适合“等。以「茶具」品类为例，我们基于创意元素化结构，从茶具品类的特性出发，围绕背景、字体、文案装饰、商品装饰、画布装饰等多个维度选择不同的素材来搭建创意设计知识。在图谱中，各个节点通过包含、搭配等关系被关联在一起，而在使用时，我们通过图计算，经过节点查询与路径推理，输出一个符合目标场景的创意广告设计。羚珑·即时创意知识图谱现已完成 60 + 品类知识搭建，覆盖电商常用日销、促销等常用营销场景。对于设计师而言，通过知识搭建工具，将优质设计进行了标准化沉淀，解放设计人力使得更深层次灵感的创作成为可能；对于用户而言，仅需输入关键词即可完成广告图生产，则是大大降低了营销广告设计的准入门槛！羚珑·即时创意知识图谱现已面向京东域内业务场景开放使用，欢迎设计及业务同学参与知识共创！解决方案三：即时创意动态调优基于即时创意生成引擎，商家经营与平台运营中涉及素材制作及设计的工作效率得到了极大提升，海量且多元化的品类、人群设计图片秒级生成。与此同时，在极大效率提升的基础上，我们更希望每一次投放实验都能得到更优的结果，每一次即时创意结果都能带来高质量的转化效果。创意从业者不难发现，在传统广告投放过程中存在着几大痛点：费用预算限制：有限投放预算下创意投放宽度非常受限，面对多元化人群偏好很难以单一内容促成转化；创意调整周期长：创意效果拆解、分析及再制作投放均需要一定时间周期，创意即时性差，而流量价值稍纵即逝；人力成本消耗大：智能投放工具使得计划配置、出价等更为便捷，但在创意素材环节，仍然依赖投手的全程人为调整及更新；为了解决以上痛点及问题，羚珑团队在即时创意生成引擎之上，进一步推出了全自动化“即时创意动态调优”策略，根据设计知识、设计资产、数据效果构建创意反馈自调优链路，实现创意投放的智能化调优！可以看到，传统的广告创意调优流程几乎全程需要人的判断与参与，因此会有诸多不可控及不确定的因素。而羚珑即时动态调优策略则在关键环节建立一套自动化感知及驱动的调优机制，通过程序代替人力从而实现创意设计的动态进化！整体的动态调优机制，大致拆分为两个阶段：① 前向探索实验在前向阶段，商家用户或业务同学在完成设计场景梳理并将设计关联知识录入系统后，系统会自动运行“创意拆分组合 > 无偏实验投放 > 效果数据分析”的创意探索流程，尽可能多样化地探索创意可能性。③ 后向收敛调优后向阶段系统则会在探索数据的基础上进行收敛聚焦，通过“创意知识关联 > 智能调整元素 > 二次投放实验”的创意收敛过程，不断优化业务场景中的广告素材，以持续提升广告素材的投放效果。羚珑·即时创意动态调优策略现已启动场景灰度测试，欢迎广大商家朋友及业务同学加入内测计划！六、因为相信，所以看见1. 总结展望“未来已至，只是分布的不均匀”，2022 年是极为不确定的一年，商家经营与平台运营受到巨大的压力与困难。过去的三十年是互联网红利三十年，也是消费端数字化的红利三十年，而随着消费端红利日渐消失，未来的商业博弈将在供给端数字化能力间缓缓展开。 我们相信，商家通过持续的每一次数字化运营与每一场动态化营销投放，一定能穿越寒冬，找到并放大营销创意的最大公约数制胜密码！我们也希望通过以上的三大即时创意解决方案与四大创意洞察结论，能够帮助商家朋友与业务朋友在未来的营销电商营销创意投放中更好地提升设计效率、实现更高地创意效果增长！因为我们相信，所以我们看见！2. 内容声明本白皮书由京东羚珑设计平台、主站体验设计及创新中台设计团队联合出品。如果您想提出建议或合作咨询，欢迎通过外部邮箱 lings@jd.com 或内部咚咚搜索 “羚珑” 联系我们。3. 协创团队主站体验设计团队： 邵维翰、周峯、周曼创新中台设计团队： 胥浩、王蕾、陈星佑、黄素媛体验技术研发团队： 凌飞、马剑、徐立峰、邱姝菡排名不分先后，感谢以上同学的创作与支持！欢迎关注「JellyDesign」的小程序：本篇来源：优设网原文地址：https://www.uisdc.com/creative-white-paper
创意 京东 心智 随着 3 年疫情影响，全球经济下行，消费者更加关注性价比高的货品，今年京东 11.11 以“给生活多点实在”为主题，以更简单、更大力度的优惠举措，更丰富的趋势新品和爆款好物，更全面、更贴心的服务体验 ，为消费者带来最实在的价格、最实在的商品和实在服务，京东电器也将在此次 11.11，重点围绕价格心智体验，通过设计让用户快速找到实实在在的商品。往期京东设计案例：大厂案例实战！京东微信购物2022年改版深度解读今年以来，京东购物小程序围绕“一键发现 万物好店”的产品心智，从消费链路的上游提升可逛性出发进行了一系列产品&营销设计升级。阅读文章 > 本篇文章将从项目背景、价格心智设计语言传达、京东电器 11.11 事业部视觉创意、品类视觉创意、京东电器全渠道的线上线下视觉体验一致、总结与心得六个方向去讲述，浏览阅读大概需要 10 分钟目录：项目背景：2022 京东电器 11.11，在集团“给生活多点实在”的主题下，整合各事业部，在统一性中彰显各品类差异性，探索更全面、更贴心的服务体验，为消费者带来最实在的价格和商品。价格心智设计语言传达：3C Design 在设计上探索价格心智的表达新方式，传播“京东电器”品牌符号特征契合“好物，好价，好服务”体验心智。京东电器 11.11--事业部创意视觉：各级事业部会场 11.11 以“闪电·痕迹”为核心设计理念，统一加入京东电器代言人肖战，创意推导新品类，新趋势，通过创意触达让用户看见并吸引，实现更好的商业转化，提升京东电器品牌声量。京东电器 11.11 -- 品类视觉风格创意：京东电器 11.11 在品类侧会场中以京东电器 IP 形象 joy 为主体，让创意符号闪电划过展现各种创意场景，以场景维度推出 3C 各品类产品。京东电器全渠道的线上线下视觉体验一致：对线下业态视觉做统一规范指导，做到线上线下视觉体验一致，更好更有效触达用户体验，全方位传播心智提升品牌声量。总结与心得：此次 11.11 设计从用户角度出发，想用户所想，让用户快速找到实实在在的商品，满足用户对于购买高性价比货品的需求，建立京东电器为用户购物价格心智的首选平台。一、项目背景前言：京东 11.11 主题背景今年京东 11.11 以“给生活多点实在”为主题，将以更简单、更大力度的优惠举措，更丰富的趋势新品和爆款好物，更全面、更贴心的服务体验 ，为消费者带来最实在的价格、最实在的商品和实在服务。1.新消费设计思考基于京东 11.11“给生活多点实在”的主题，同时随着全球经济下行对用户生活方方面面的影响，3C 产品面临着新一轮的消费变化，此次京东电器 11.11 聚焦“人”“货”“场”进行了全新的设计思考。①：人群：关注消费者对于价格诉求，追求性价比，追求好的商品推荐，追求更多优惠信息的接受；②：货的设计：建设价格心智设计，让用户快速找到实实在在的商品，把好的商品介绍出去；③：场/业态：建设性价比爆品多端多场景，线上线下同时注重打造价格心智的实体业态环境，打造一致性的体验感知；2.造记忆-京东电器品牌的价格心智我们在去设计价格心智的同时加入对符号，货品氛围，线上线下场景化体验感知一致性的思考，通过对于楼层货品视觉氛围渲染、商卡价格力信息传达、百大品牌共建传播探索等， 给用户传递京东电器是价格购物首选平台的认知。近期工作思维模型：Design Think：设计团队近期目标会围绕三个维度去思考与推进执行“京东电器心智打造”：造记忆、造场、造势二、价格心智设计语言传达1. 商卡价格心智设计的调研与升级通过对友商平台商卡信息的调研，建立了商卡价格心智雷达图，并分析得出结论：友商平台主要通过标签的不同颜色区分活动的规则和促销节点，通过进度条可视化“库存余量”以增加促销紧迫感，商卡中重点突出“直降/补贴/全网低价”等信息；尝试应用“价格曲线”突出价格；商卡中较突出“优惠券”样式；京东电器根据自身货品及价格，此次 11.11 在商卡信息传达上，主要以突出“预估到手价”、突出“补贴”以及突出“抢购”三大信息维度作为重点设计方向；2. 价格心智组件调研分析此次 11.11，3C design 同时也对友商平台价格心智组件进行了设计调研，探索了“价格心智文案规范”、“架构按钮”、“价格梯度、价格曲线”和“价格信息描述”的信息和设计样式的表达。① 低价心智文案规范规则、进度、状态：对各平台“时间轴/倒计时”、“活动状态/进度条”做了收集调研；主要以突出“补贴”、突出“直降”“金额”、突出“券”、突出“秒杀”“限时”“抢购”四个维度为核心信息去传达给消费者对价格的感知；加购按钮：对各平台商卡上加入购物车的按钮信息做了收集调研；主要以突出“补贴”、突出“直降”“金额”、突出“券”、突出“秒杀”“限时”“抢购”四个维度为核心信息去传达给消费者对价格的感知；价格梯度、价格曲线：价格梯度主要包含“三阶”和“两阶”、价格曲线以不同维度描述价格：单价到手/预估到手/已省等；价格信息描述：主要包含“降价金额文案”、“补贴金额文案”和“券后金额文案”三大维度2. 京东电器价格心智组件应用&提升价格心智商卡设计提升设计升级：11.11 期间对 3C 全部 20 余个会场进行整体设计升级，具体优化提升补贴价、利益点、折线力度和到手价等信息，用逛会场的体验上提升价格心智；团队共同参与设计了共计 63 种商品卡片样式；24 种价格曲线样式；51 种加购按钮，在优化后单个商卡楼层曝光点击率最高提升 4 个百分点；同时也提升了会场的页面停留时长和转化，在后续大促中仍可沿用；3. 京东电器价格心智营销新阵地① 京东电器巨超值项目背景：京东电器帮我“砍下来”的心智玩法，运用征集用户购物心愿，让利消费者，促销极简，30 天价保，晚 8 开抢的重点策略主动出击，占领心智，提升消费者促销体验。创意思路：在打造京东电器巨超值品牌 IP 的同时，保持大促氛围感。页面整体框架去繁从简，突出重要促销信息的同时需要做到模块与模块间的合理布局。另外用户对于促销信息非常敏感，利用符合用户认知的图形提高主题的辨识度及营造促销的氛围感。巨超值货品选择：通过京东强大的议价能力，大单采购，为消费者提供高性价比货品，建设性价比爆品多端多场景的心智。低价心智设计感：巨超值会场是 11.11 主打价格心智的根据地，整体会场强化补贴价展示，设计增加“补贴 XXX 元”、“预估到手价”和“白菜捡漏价”等低价心智信息，同时设计大转盘会场，增加新用户引流；② 巨超值视觉创意展示：4. 未来展望3C Design 将在未来 12.12 等大促活动中，总结各会场商卡价格信息设计数据转化率，持续优化价格力信息，丰富价格设计样式，进一步强化京东电器价格心智传播。最终会修改并沉淀出属于 3C Design 专属的价格心智标签与文案规范组件库。三、京东电器 11.11 -- 事业部视觉风格创意前言：集团 11.11 视觉创意理念背景介绍：「核心目标」主会场氛围共建，打造集团整体大促氛围，给用户统一的强促销感知。「主视觉概念」围绕主题“11.11 主题”，拆解设计关键词 —— 体验至简、自然可持续、多元创新、多元包容，提炼出“给生活多点实在”的主视觉概念，以11.11Logo图形作为超级符号应用贯穿此次11.11，并结合京东品牌资产Joy符号，加深平台印记。1. 11.11 项目创意「痕迹」设计理念：消费者在 11.11 大促中有过喜悦、惊喜、感动等等，这些都是在记忆中的痕迹；品牌符号“闪电”闪过的痕迹，是京东电器与用户共同的记忆，痕迹上绽放出的画面（产品、服务、情感），都是京东电器 11.11 给用户带来的种种惊喜体验。主视觉各事业部拉通，通过“肖战”的粉丝经济效应，叠加京东电器品牌标志性记忆元素图形“闪电”，组成主视觉元素模型，在闪电的尾部设计了一条记忆“轨迹”，意指每一次购物都是一段美好的记忆，在价格心智的基础上添加一些温度。2. 一级事业部会场视觉创意规范：3. 各事业部主会场视觉创意：创意思路：各事业部统一以京东电器“闪电”符号+痕迹为核心创意设计理念，融入京东电器代言人肖战，强化京东电器品牌心智，将“场”的选景设在室外街道，在街道两侧融入各事业主品，强调各事业部卖点特色，在保证差异化创意的同时，各组视觉色彩调性整合保持一致性，强化京东电器视觉整体统一感，共建电器品牌视觉规范。将“京东电器”品牌符号特征契合“好物，好价，好服务”体验心智，延展出创意十足，个性鲜明的主会场画面演绎；随着 11.11 时期变化，在主 kv 视觉创意上，保持“闪电”符号+痕迹为核心创意设计理念的前提下，高潮期由预热期的正视角拉为仰视角度，强化视觉冲击力 ，将京东电器 11.11 大促氛围推向高点。① 群主会场项目背景：群会场不同于其他各级事业部承担销售货品的任务，旨在 11.11 期间起到功能分发的作用，为各事业部引流，提高转化，助力销售。创意思路：将各事业部打造出城的概念，融合各品类标志品牌产品，给予曝光。在页面设计中，旨在达到有效引流效果，重点设计各事业部入口。设计亮点：在以往大促节点期间，京东电器频道首页主要在头部进行主题氛围的渲染，此次在楼层入口进行组件创新，通过旋转魔方，多面多维度展示各级事业部品类会场及产品，更全面有效到达引流效果。② 各事业部主会场视觉创意展示各事业部楼层展示：从预热期、开门红到高潮期，随时期的推进，各事业部会场的氛围和视角也随之层层递进，在楼层的氛围渲染中，色调由橙红色推进到京东大促红色，促销氛围感愈加浓烈，在楼层条及商卡设计上，也更加强调京东电器价格心智传播，响应今年京东 11.11 以“给生活多点实在”的主题。技术创新价值：此次京东电器 11.11 期间，我们也通过数据驱动设计，不断深挖用户对于我们整个京东电器 11.11 大促活动的价值体验。在各事业部及品类会场，3C Design 前端组件共创新复用 60+组件。此次事业部各主会场大量使用 3C 营销设计团队沉淀的优秀组件，其中挽留弹窗，一键领券，浮层 icon，商卡层叠切换等曝光点击率均有不同幅度的增长，与集团研发团队共建的产品 3D 模板，在不断提升曝光点击的同时，实现了用户可以在会场上实时浏览产品的 360 度的样式，加深了用户对于新品，趋势品的关注度。此次 11.11 我们整理沉淀了各事业部主会场优秀组件样式 TOP10 并总结组件优势和使用推荐，为后续的活动做好了合理可视化的数据支持。四、京东电器 11.11 -- 品类视觉风格创意1. 创意符号打造创意思路：22 年 11.11 主要围绕京东电器品牌曝光、价格心智、视觉创意三个方面，首先在京东电器品牌上使用品牌 LOGO、符号、形象进行统一化的心智触达； 其二是价格心智，在颜色选择、构图、商卡展示信息上重点烘托氛围，突出价格心智；其三突出各个品类特色，保留个性化特征；设计理念：京东电器 11.11 在品类侧会场中使用“场景版”：闪电划过展现各种创意场景，以场景维度推出 3C 各品类产品。2. 品类会场视觉创意规范：3. 各品类创意视觉展示：预热期：高潮期：五、京东电器全渠道的线上线下视觉体验一致对线下业态视觉做统一规范指导，期间在各超级体验店，旗舰店等资源位上刊，做到线上线下视觉体验一致。并在 11.11 期间联合各大品牌供应商，首次以京东电器自身品牌闪电创意图形进行 1+100 百大品牌创意海报投放，持续传递京东电器“好价，好货，好服务”的品牌心智。1. 百大品牌① 项目背景此次京东电器 11.11 联合百大品牌进行视觉共建，项目从 9 月底开启进行整体的创意视觉的下发与宣讲，中期的审核与反馈，到最终 10 月底配合市场部侧在 11.11 期间做 1+N 整体的创意传播与爆发，此次创意海报也是京东电器首次以自身品牌闪电创意图形联动品牌侧一起在双十一期间共创视觉创意方案。② 百大品牌视觉创意规范闪电创意海报一共由闪电创意符号、创意背景、营销标题和信息四个部分组成。画面中各类元素的大小及位置皆与之形成对应关系。③ 项目亮点京东电器 1+100 百大品牌闪电创意海报联合投放，以京东电器“闪电”符号为基础图形共建创意海报；11 月 1 日-11 月 11 日期间各品牌侧陆续在各自官微进行投放与爆发，在 11.11 期间一起在京东站内外助力京东电器品牌曝光与声量传播；④ 优秀海报案例：⑤ 未来展望此次 11.11 京东电器和百大厂商品牌合作共创视觉创意，是京东电器和品牌方的合作共赢，在未来，要持续保持和各大品牌供应商的合作共建，助力共同发展进步，共同为消费者提供更优质的服务。2. 京东电器线下品牌传播在线下业态方面，以京东电器“闪电”符号为核心加入京东电器代言人肖战，助力品牌传播和吸引用户进店，全套视觉覆盖 5 家超体、40 家门城旗、100+五星双门头门店内；五家超体累计到店几十万多人次，线下业态会场累计曝光上千万多人次；全渠道 JOY 形象：京东电器全渠道（线下业态）JOY IP 形象在 11.11 期间开始传播，在用户心智上全渠道 JOY 热爱 3C 产品、热爱购物、有潮酷感的形象，同时此信息仅在宣传线下业态中使用，让用户感知“京东电器”服务的同时，也能识别出不同业态。线下传播 KV&上刊展示：六、总结与心得1. 京东电器低价心智结合 2022 年京东 11.11“给生活多点实在”主题，在一级事业部中加入京东电器代言人肖战，助力京东电器品牌心智提升，同时加入商业化思考，京东电器 2022 11.11 将设计重点放在了对于价格心智的思考，通过对符号，设计组件应用&提升等助力业务提升，让设计更营销，传递京东电器“好价，好货，服务”的品牌心智，提升京东电器品牌声量传播。2. 商业化的设计团队会针对用户体验、营销、交互、品牌、研究、前端代码设计等层面服务 3C 事业群。从创意到商业化价值的转化，再从数据理性分析并驱动，最终形成商业设计赋能于业务帮助业务增长。同时团队是个关注设计商业化、设计价值领域的所有项目的创新设计。从探索价格心智的商卡和组件样式，再到多场景价格心智氛围打造，设计表现力有过之而无不及，有效触达用户体验，全面提升京东电器品牌心智声量传播，最终触达 2022 年京东电器 11.11 价格心智表达。设计和商业的有机结合对设计师而言一直都是一个很大的命题，尤其在全球经济下行的今天，更需要设计师利用敏锐的观察视角，立足商业本身，持续挖掘设计价值，让商业美而简单。3C Desgin 优秀设计狮小伙伴们，希望下一个 11.11 更加精彩~THANKS.欢迎关注「JellyDesign」的小程序：本篇来源：优设网原文地址：https://www.uisdc.com/jd-3cdesign
商品 用户 评价 大家好，这里是 TCC 翻译情报局，我是李泽慧。评价是电商网站不可或缺的重要组成部分，巧妙合理的评价模块设计可以帮助用户快速决策，有效提升平台下单转化率。作者通过对比多家热门电商平台的评价模块设计，总结出 10 条小技巧，并且附上了优秀和糟糕的设计案例方便理解，文章内容通俗易懂，案例丰富，一起来学习一下吧！线上用户依赖评价进行购买决策。一起来学习10个体验设计小技巧，看看如何活用用户评论来提升下单转化率吧。更多转化小技巧：增长设计实战！如何用一个公式提升5倍转化率？设计师如何提高转化率？阅读文章 > 做购买决策时，用户将在线评论视为有效的产品信息获取来源。在线场景下，用户不能亲临现场触摸或试用产品，浏览评论就成为帮助用户在下单前了解产品真实使用体验的渠道。但是如果评论的呈现不符合人们的使用习惯和预期，用户可能很难找到能解答自身疑惑的评论，因此不能判断产品是否满足自身的需要从而放弃购买。目前，有浏览评论习惯的用户较之以往正在增加，根据 2021 年的研究所示，超过 99.9%的用户表示他们在线购物时会至少偶尔看下评论，2018 年时，这个用户占比为 97%。2020 年另一个研究显示，当用户可以在商品详情页了解商品评分和评论时，购买转化率是没有提供此类功能产品的 120.3%。在浏览过大量电商网站后，我总结了利用用户评论提升下单转化和用户满意度的 10 个体验设计技巧，并附上了 优秀和糟糕的设计案例对比。浏览过的电商网站包括：亚马逊、Anthropologie、Ann Taylor、Asos、阿迪达斯、百思买（Best Buy）、好士多（Costco）、易趣（eBay）、家得宝（Home Depot）、Kohl’s、Karmaloop、H&M、宜家、L.L.Bean、梅西百货、耐克、Overstock、丝芙兰、塔吉特（Target）、Vitacost、沃尔玛一、提升高评分商品的可见性排序是有效且用户友好的工具，可以提升进入商品列表的几率同时反馈搜索数据。排序或筛选评分最高和最热的产品可以帮助用户在具有相似功能的产品之间评估出大多数用户认为最好的一款，从而帮助做出购买决策。我测评的网站中许多都允许用户通过最高评分、平均分或星级筛选商品，然而，几乎所有网站对筛选结果的排序都不太讲究，评价量少但都是五星评价的商品展示优先级高于评价量多但是混合了正负评的商品。比起这样，排序逻辑更应该考虑平均分和总评论数，这样可以避免让许多只有一个五星评价的商品优先于有许多用户评论的产品展示。优秀案例：Kohl’s 可以通过高评论量和星级筛选产品，这些功能让用户在购物时可以优先浏览评分高的商品。优秀案例：Kohl’s 的产品列表可以按评分高低筛选评价。糟糕案例：Target 让用户可以筛选平均分筛选商品，但是首页顶部展示的很多商品只有一个五星评价，同一星级但有更多评价的商品排序随机，这让用户可能错过热度更高更可靠的商品。糟糕案例：Target 通过平均分排序，同一五星等级中，只有一个评价的商品排在有更多评价的商品前面。二、在商品列表页展示评分当用户不能亲自评估产品质量时，他们就得依赖评分来找到高质量商品。评分应直接包含在产品列表中，特别是如果用户不熟悉网站售卖的产品类型时。几乎所有我测评的网站都在产品列表中展示了评分。当一个商品没有任何评价时就不展示评分或者显示评价数为 0。优秀案例：当产品有评分时就会展示在列表页中。未决策的用户或对商品领域不熟悉的用户可以从评分获取帮助。优秀案例：易趣在商品列表页展示用户评分。糟糕案例：H&M 在商品列表页没有展示评分，评论在商品详情的下面，除非用户滚动至详情页底部，否则很难看到它们。糟糕案例：H&M 在商品列表页没有展示评分。三、在星评旁标注评价数量当多个商品评分接近时（比如都是 4.5 星），看评价数量可以帮助用户推测哪个商品甚至是同件商品的不同颜色或口味更受欢迎。将星级与评价量结合，帮助区分评分近似的商品可以提升用户体验，比如 Vitacost 就是这么做的。优秀案例：Vitacost 将评分与评价量结合展示，帮助评估商品的热度。截图展示了两件评分相近的商品，但用户仍可以通过评价量判断哪个更受欢迎。优秀案例：Vitacost 将评分与评价量结合展示在商品列表中。糟糕案例：Ann Taylor 只有星级没有评价量，这就很难区分哪件商品有更多评价更受欢迎。糟糕案例：Ann Taylor 的商品列表中没有在星级旁显示评价量。四、将评分展示在价格附近在商品详情页，产品名称、评分、价格和操作按钮通常放置在页面上部，以确保可见性。在大多数电商网站上，可以在价格信息附近找到评分，通常展示在价格上方和产品名称下方，评价和其他详细信息，如买家秀等在页面更靠下的位置。沃尔玛的商品详情页中就将评分放在价格上方。但是 Costco 则把用户评论放在另一个 tab 下，这可能使用户做决策时无法及时看到评价。优秀案例：沃尔玛将评分直接展示在价格上方。糟糕案例：Costco 把评价放在后面的 tab 中，影响了评价的可见性。糟糕案例：Costco 的商品详情页中，用户评价在后面的 tab 中展示。五、给评价展示区提供快捷跳转方式将星评做成一个快捷入口，引导用户去看完整评价内容。大多数电商网站都用下划线标注评价数量表示可点击态，我见过两种交互形式用以导航至用户评价：跳转至页面下方的模块或打开一个侧边栏。不管是哪一种，在星评增加一个快捷入口，可以提供更简便的操作体验，并提升评价模块的浏览率。优秀案例：Overstock 的星评内容是可点击的，点击跳转至评论区。糟糕案例：Karmaloop 的评价数（查看一条评价）是可点击的，但点击后不是跳转至评论区，而是常见问题，这与入口文案相矛盾。糟糕案例：Karmaloop 商品详情页的星评内容是可点击的，但没有引导至正确的落地页。六、展示评价总览评价总览是对所有评价的总结，汇总了所有优点缺点。它通常位于商品详情页的用户评论的上方。根据我浏览过的网站，这一部分设计形式最多样。一些网站仅展示评分分布，另外一些像沃尔玛这样的店铺，会基于算法显示最有用和最无用的评价。L.L.Bean 则在评论总览下方展示用户尺码准确度反馈。所有成功的评论总览都用清晰的标签简洁地总结了用户评论，并附上链接方便用户了解更多。优秀案例：亚马逊对每件商品展示评价总览。在评分旁边附上了标签方便理解。每个评价标签点选后都可以筛选出相关评价。此外它还拆解出“商品质量”、“易清洁度”等商品特征的评分情况予以展示。优秀案例：亚马逊在商品详情页展示了评价总览。优秀案例：L.L. Bean 在评价总览下方展示用户对商品尺码的反馈。优秀案例：L.L. Bean 在商品详情页的评论总览下方展示了“用户尺码反馈”。糟糕案例：梅西百货对每件商品展示了评分总览并且为方便理解展示了标签，但遗憾的是标签不可点击，阻碍了用户进一步了解评价详情。糟糕案例：梅西百货商品详情页呈现的标签是不可点击的。七、增加针对评价的搜索、筛选、排序功能在商品评价中查找关心的信息可能很困难，特别是当产品的特性和规格很多样时。丝芙兰使用关键词过滤器（如粉底产品的肤质和肤色）轻松查找相关评价。另一方面，阿迪达斯将评价中最常提到的关键词做成筛选器。这样一来用户无需浏览所有评论就可以快速决定产品是否满足他们的需求，从而节约了用户时间提高了决策效率。优秀案例：丝芙兰将关键词（如粉底产品的肤质肤色）做成了评价筛选器。优秀案例：阿迪达斯将评价中最常提到的关键词做成筛选器。糟糕案例：Asos 让用户很难找到自己关注的评价，因为它没有筛选器，而需要通过点击评价总览或自行搜索关键词来查看。糟糕案例：Asos 评论区没有提供便捷的方法找到相关评价。八、展示用户上传的图片和视频专业的产品图片显示了产品在恰当光线下的最佳角度。它们虽然增加了产品的吸引力，但并没有显示产品在真实环境中的尺寸或外观。用户上传的图片和视频则可以呈现商品在真实环境中的样子。比如在美妆和服饰品类上，用户可以看到产品在其他人身上的效果，因为产品模特可能无法代表用户自身的体型、性别或肤色。优秀案例：家得宝的评论区展示了买家秀，以帮助用户更好了解产品在现实中的样子。优秀案例：亚马逊支持用户上传视频评价糟糕案例：宜家不支持用户上传图片和视频，无法展示产品在家中的样子。大部分宜家家具需要一定技巧进行组装，因为不支持图片和视频评价，宜家失去了让其他用户记录组装过程来指导动手能力弱的用户的机会。九、提供评价人相关信息在产品评论中有时很难找到相关信息，特别是当产品的特性和规格非常多的时候。L.L Bean 就展示了评价人相关信息，比如购买商品选项、评价日期、购买地、评价排名和购买认证等信息。优秀案例：L.L.Bean 展示了评价者相关信息，包括他们购买的商品规格、评价日期、购买地点、评价排名和购买认证。优秀案例：L.L.Bean 在用户评价详情中展示评论者相关信息。糟糕案例：耐克既没有展示评价者相关信息，也没有用户名，反而展示的是一串毫无意义的字符串。十、支持针对评价有用度投票和评论支持其他用户或卖家对评价进行投票和评论，可以提升平台评价的可信度。当评价被标记为有用，对于用户来说是来自之前购买者的可信信息输入。优秀案例：Target 支持卖家回复用户评价。卖家可以帮助解释潜在的疑惑，或者跟进问题并提供解决方案。糟糕案例：Anthropologie 不支持标记无用评价，并且也没有回复评价的功能。小结有效地展示用户评论可以帮助用户做出更明智的决策，通过评价获得转化激励，这已被证明会带来正向影响。以上这些建议是基于一些最热门的电商网站和我自身的观察，但需要注意它们不是固定的规则，且只是构建成功电商网站的一小部分。除了这些建议之外，设计优秀的用户评论区还需要基于用户反馈、目标和任务，因为每个网站都有独特的需求和待解决的问题。另外，持续衡量评价功能并不断迭代是很重要的。如果你有其他构建优秀用户评论区的方法，可以评论在下方。更多转化技巧和方法：如何让电商设计转化率更高？5个心理学技巧帮你轻松搞定！编者按：电商设计中如何快速提高转化率？阅读文章 > 转化率翻5倍！资深设计师需要学会的「分层设计」今天为大家带来一个关于到家精选服务下单转化的项目总结。阅读文章 > 欢迎关注作者微信公众号：「TCC翻译情报局」本篇来源：优设网原文地址：https://www.uisdc.com/10-user-evaluation-design
信息 顾客 注意力 信息爆炸的今天，消费者的注意力越来越稀缺，设计的目的不再仅仅是美观，更要有效。所以在开始动手之前你需要清楚这六点！电商好文：一小时1200张图！当电商设计师把AI画画加入实战，效果太炸了！编者按：AI画画一直是2022年的热门话题，但至今仍鲜有实战案例。阅读文章 > 一、视觉设计需要在信息爆炸的环境中吸引注意力这个时代信息量增长的速度就像是宇宙大爆炸一样迅猛，在如此巨大的信息河流中，每个人都难免会被干扰到。优秀的广告设计有一种神奇的本领——“它们知道怎样能吸引顾客的注意力”。在互联网出现之前，我们获取信息的渠道可能是电视、报纸、杂志、收音机、路牌广告…… 那个时候人们身边的信息来源相对较少，我们还比较愿意去花点时间去阅读它，我还记得我小时候无聊时翻看旧报纸时，就算是报纸上的广告也会一个字一个字的去看一遍，因为这是打发时间的好办法，如果遇到哪些有精美插图的读物，我会翻来覆去看上好几遍。然而，互联网的出现让信息像是插上了翅膀一样飞速增长，看看现在我们身边各种各样的广告牌、电视、电脑、手机，那一块小小的屏幕就像是无底洞一样，可以装下任何东西，信息取之不竭用之不尽。每天在我们所生活的这个世界出现了大量的信息，信息的增长速度绝对是一件近乎恐怖的事情——信息爆炸。信息爆炸表现在五个方面：1、新闻信息飞速增加。2、娱乐信息急剧攀升。3、广告信息铺天盖地。4、科技信息飞速递增。5、个人接受严重“超载”。“相比于爆炸的信息量，我们的时间并没有变多，注意力甚至更少了”相比于与日俱增的信息量，我们的时间并没有变多，我们一天还是 24 个小时，每个小时还是只有 60 分钟。时间非但没有增加，反而变少了！因为我们把本来就不多的时间分给了不同的信息，你可能每天会刷一会抖音，看一下朋友圈，上淘宝看看自己的快递到哪了，下了班放松一下打个游戏、追个剧……不知不觉中你的时间被分割成了无数个碎片。碎片化的信息、碎片化的浏览和阅读、碎片化的时间，碎片化就是我们今天生活状态的一个写照。在这种情况下，不受干扰的做一件事情来变得越来越困难，或许你也想把注意力用在学习上，但你刚刚准备翻开一本书时，你的好友却发来一条微信消息，接下来你很难忍住不看它。当你伸手去点亮屏幕时，你的注意力就像是暴露在了空地上，被各种信息瞄准，各种广告、推送、消息……它们蹦着跳着来吸引你的关注。多数情况下你会乖乖就范，注意力被它们所吸引，马上就忘掉了刚才那个要努力学习的自己，踏上了时间偷偷流逝的奇怪过程中。二、你的“大”战场在一块“小”屏幕上在信息与日俱增的今天，承载信息的主要载体却比以往任何时候都要小。以前我们信息的主要是通过书籍、杂志、报纸、纸张这些载体来传递，在纸张作为信息的主要载体时，人们的注意力专注度是很高的，没有消息弹出、没有信息推送，很少有信息能够干扰到你。随后电视与无线广播加入其中，我们的世界开始变得丰富多彩，有了声音和动画，但是我们还是能够保持专注来看节目或听节目，毕竟信息不是很多，我们还没有学会看一眼就能分辨出哪些是有价值的信息、哪些是无用的广告的本领，一切都东西对于我们还都是新鲜的。电脑出现后，信息就像是长了翅膀一样，飞速增加，各种博客、论坛开始受到追捧。 互联网继报纸、广播、电视之后成为了“第四大众传媒”互联网发展的速度远远超过了前几任媒体。无线电广播问世 38 年后，拥有 5000 万听众，电视诞生 13 年后，拥有同样数量的观众，而互联网从 1993 年对公众开放，到拥有这个数量的用户只花了 4 年时间。获取信息对于我们而言变得容易了很多，敲几下键盘，屏幕上就能找到我们想要的信息。但我们还是要老老实实坐在电脑前，保持一个相对专注的状态，并且使用时间也很长。直到 2007 年 1 月 9 日，乔布斯发布了 iPhone，随后在短短的时间里这个小小的屏幕能干的事情越来越丰富。听音乐、看电影、联络亲朋好友、订票、购物……并且它的使用环境非常便捷，你可以在乘车时候看电影，散步的时候听音乐、躺在床上还不耽误上网购物。然而这所有的功能全都基于那快还没有你手掌大的屏幕。在手机屏幕上，点、按、滑动，所有的操作都在一块几英寸的屏幕上进行，当然即使是阅读也只能在手机屏幕这小小的面积上进行。雪上加霜的是电子屏幕比纸制阅读更加难以进行，因为屏幕的刷新与发光特性会让眼球的疲劳加快。不仅是这些，越来越多的信息都加入了这场注意力的争夺战，这让你的专注度更加难以维系，在查看一些碎片信息的过程中，最长出现的情况是看到一个有兴趣的内容，然后就会沿着主题进而搜索相关的信息，从而注意力越扯越远，形成一种“注意力游离”的状态，半小时的时间变成了一上午的闲逛，到头来也不知道自己做了些什么。所以你要清楚顾客的阅读场景发生了巨大的变化，像这种碎片化的时间已经成为了消费者使用手机的主要场景。各种各样的信息变得越来越多，注意力的争夺变得尤为激烈，消费者在这种情况下越来越没有耐心。从原先一个字一个字读，到一行一行读，再到一屏一屏读。但是我们只能在这一小块屏幕上施展拳脚，毕竟这块小小的屏幕是人们最常用的上网渠道。截止到 2019 年，我国网民规模达到了 8.29 亿，全年新增手机网民 6433 万；网民中使用手机上网的比例高达 98.6%，手机已经成为网民最常用的上网渠道！用 PC 的甚至都可以忽略不计了。上网时间又多少呢？人均每周上网 27.6 个小时！这块小小的屏幕产生出巨大的价值，以天猫 2018 年双十一交易为例，24 个小时创造了 2135 亿的成交金额，而移动端的销售额竟然占了其中的 90%以上！手机上这块小小的屏幕已经成为了移动着的激烈战场。三、你只有 3 秒钟的时间抓住顾客的眼球在“浮躁”盛行的当下，“耐心”或者说是“注意力”渐渐成为了这个时代的稀缺资源。快节奏的生活让时间从来没有像今天一样紧迫，我们不会轻易把自己宝贵的时间交给谁，除非某条信息或某件商品对你来说有很大价值！比如你在面对眼前的广告时，会有一种“麻木”的状态，即使它出现在你眼帘中，你也不会去话时间去关注它，只有看到你关注的信息出现时才会花时间去了解。面临各式各样的商品推销信息，消费者开始学会了一种实用的技能——用最短的时间去找到自己想要的商品。所以绝大多数广告信息不会得到顾客的仔细阅读，甚至都没进入到顾客的眼帘就被顾客本能的杀掉了。人们每天要面临的信息量太多了，有效的设计才会被注意。现在你费尽心思营销你的商品，用尽各种方式证明你的商品有多好，但很多商家往往会漏掉一个最重要的环节：让顾客现在、立刻、马上购买！如果没给出一个立即购买的理由，顾客的反应则是“恩，这个东西看起来确实还不错，以后我可能会买一件试试看。”但是，想让顾客主动记住你、在下次购物时再想起你是非常难的！因为人们在互联网巨大的信息流的裹挟中，已经越来越“健忘”，人们习惯收集各种各样的干货文章还有各种感兴趣的商品，但是收藏后就再也没有打开过，甚至在一段时间后重新翻看我们收藏的信息时，面面相觑感觉从来就没有见过一样。在亿万件商品中，顾客的“健忘”会更加严重，顾客看完后如果觉得“没有必要现在买，等以后非用不可的时候在说吧”，那你的营销是失败的，这就好像是一个经验丰富的推销员在给你介绍了两个小时商品后表示：您不必现在买，什么时候买都一样。多么可笑和愚蠢？你能保证顾客在下次有需要时还能想起你吗？总之，你要记住网络中的消费者普遍具有“健忘”的特点，不要指望他能记住你，如果要成交，最好的时机不是明天，不是后天，而是现在！如何唤起顾客的紧迫感，让顾客立刻下单，这又是一个详细的分支，大家感兴趣的话骉叔后面会单独针对这个方面写一篇。放射状的注意力：注意力，或者说是人们所注意的内容和方式，总会被认为是点状的。点状的注意力特征是长时间专注，比如我们在阅读一本著作时，会把注意力努力控制在这本著作的内容上，尽量避免周围的环境和信息所干扰，即使周围有某些声音的干扰，我们也会把注意力拉回来，让注意力长时间的在“阅读”这件事上。但是，这是传统的阅读注意力的形态，互联网时代的注意力已经不再是点状了！放射状可能能够更加贴切的描述现代人们的注意力形态。请你尝试阅读下面这段话：卡夫卡说人类有两大主罪，所有其他罪恶均和其有关，那就是缺乏耐心和漫不经心。对于不了解卡夫卡的人来说，注意力已经不再是点状，因为这个点跑了。你会很好奇“卡夫卡是谁？我好像听说过，但又不太了解。于是你搜索“卡夫卡”了解到他是一位伟大的小说家，耳熟能详的作品有《变形记》，好像有档节目名字就叫变形记，于是你的又搜索了这两个变形记是否有关联……你有没有注意到？短短的时间，你的注意力已经从原先的一个点，放射出了很多个点，不同的内容，不同的方向……回到我们熟悉的购物过程中，即使我们带着明确目的去购买一件商品，也总是很容易被首页的各种广告把我们的注意力给分散开。你看了半小时的漂亮球鞋，忽然才想起来要买的是啤酒。可能是那双球鞋的图片拍的太漂亮，唤起了你拥有它的欲望，让你离你原来的目的地越来越远。3秒注意力法则：你只有几秒钟的时间抓住顾客的注意力，并且激起他们的兴趣……就像宇宙的大爆炸一样，前几秒、几毫秒特别重要。因为人们在浏览时会先以毫秒级的速度来扫描一下屏幕，然后做出判断，判断哪些是自己想要看的信息、哪些不确定、哪些直接拉进黑名单！注意力的分布还和屏幕的位置有密切的关系。简单来说就是倒三角原则：屏幕上面的信息会得到更多的注意，越往下所获得的注意力也就越少。所以我们商品描述的部分，处于顶端的头图是最被重视的，顾客的注意力大半都在头图的介绍中，而我们重点优化的产品详情介绍，其实是处于相对次要的位置！互联网经济就是注意力经济：互联网经济中，无论是社交、内容、购物、游戏、视频……归根结底就是注意力经济。谁能购在众多信息中争夺到用户的注意力，获取到用户的时间，谁就获得了更多的资本与力量！四、消费者阅读模式的变革决定了设计思路的转变人类感知这个世界的方式可以分为五种：视觉、听觉、嗅觉、味觉、触觉。实验心理学家赤瑞特拉（Treicher）做过一个著名的心理实验，是关于人类获取信息的来源。他通过大量的实验证实：人类获取的信息 83%来自视觉，11%来自听觉，这两个加起来就有 94%。网络带给我们一个视听结合的虚拟空间，也就是说，在网络中只有我们的视觉与听觉在发挥作用，嗅觉、味觉、触觉的信息无法获得。但是其中听觉所占的比例远远低于视觉，因为我们更多地是在“浏览”在“看”而非“听”。我们在浏览时主要是去看图像与文字，图像和文字这两种元素基本上构成了我们的互联网世界。所以视觉是消费者对商品、对品牌判断的最重要依据你在购买衣服时，对这件衣服的面料材质、版型设计、功能特性全部都是通过视觉来获取的，而产品的质量如何？触感是否舒适？有没有特殊的味道？这些信息也只能通过视觉信息去联想，比如你看到面料的特写，会联想它摸起来是一种什么样的触感，穿着是否舒适？是否有弹力？在购买零食时，图片是不是足够漂亮、能够唤醒你的食欲？这肯定是你购买的最关键信息，至于闻起来味道怎么样？口感如何？是否有足够的分量？这些都变得不再重要，因为从图片上你会感觉到“肯定好吃”甚至你的口水都被它挑逗出来了。除了产品，对一个品牌来说，视觉也是我们对它进行判断时最重要的因素：进入店铺后如果看到的是劣质的图片、毫无逻辑的布局、没有任何品牌辨识度的颜色，顾客会心里的好感度与信赖感会迅速降低，以至于怀疑你产品的质量，在你还没开始介绍时已经拒绝了你！这就像是我们对一个陌生人的判断，基本上也都是来源于你能看到的外表。视觉是我们所有感官之首，以前是，现在更是。图片比文字更容易被记住：莱昂内尔 斯坦丁做过一个试验，他请研究对象在 5 天内看了 10000 张图片，每张图片展示 5 秒，之后再向研究对象展示成组的图片时（一张见过的，一张没见过的），他们能记住之前看到过的 70%的图片。试试展示 10000 条广告口号，每条 5 秒钟，一个人在 5 天之后还能记住多少？为什么图片更容易被记住？因为图像给人的信息是具体而具象的，在信息堵塞的今天，大脑会本能的“偷懒”，去避免思考和记忆。所以人的大脑更容易记住具象的信息，这种可视化的图像信息更容易被记住，让信息的记忆成本变得很低，所以我们更愿意去看图，而非看字。就像上面我们提到的实验一样，给你看十张图片，肯定比给你十个英文单词更容易记住。我们总认为顾客会盯着我们的每个广告，去仔细阅读我们的内容，而实际上他们只是在每个页面上瞥一眼，扫过几个关键字，点击一个自己感兴趣的链接，至于其他的部分，顾客通常连看都不看。我们不是阅读，而是扫描，通常我们只是花极少的时间来浏览大部分页面，或者只是扫描一下，寻找能引起我们注意的文字或图片。“用户看起来更像“以 100 公里的速度驶过广告牌”。这是《点石成金》中的一个比喻，而且这是在将近二十年前所提出的，当时的互联网热潮刚刚兴起，信息拥挤的情况还远远不及今日。何况今天信息量爆发式增长。如果以前是“以 100 公里的速度驶过广告牌”，那今天应该至少是“以 300 公里的速度驶过广告牌”人们已经从汽车换成了高铁。所以，顾客可能会对你的那些含蓄的文字、无关紧要的装饰无感并且忽略掉，你应该把心思放在让顾客“驻足观看”上。五、广告图的设计不要让消费者长时间思考现代生活越来越快的生活节奏和爆炸的信息让人们形成了不加思索的思考方式，并且这种现象未来会越来越普遍。——罗伯特恰尔蒂尼思考是购买路上的拦路虎：现在，随便点进一家商城，都不难找到那些充满“创意”的广告，他们通常会有两个特征：广告语都是些华丽漂亮的大词，有时还会用一些聪明的双关语，好像被人一眼看明白就是自己的文案不合格一样。设计形式充满美感，各种点缀元素和绚丽的颜色搭配，但就是没把产品展示的好看。这种设计方式最大的特点是：“充满设计与创意，但第一眼就是没看明白”这就犯了一个普遍的错误，我们前面提到过：顾客并不是盯着我们的每个广告，去仔细阅读我们的内容，实际上他们只是在每个页面上瞥一眼，扫过几个关键字，点击一个领自己感兴趣的链接，至于其他的部分，顾客通常连看都不看。这些信息不够直接了当，不够清晰易懂，顾客必须停顿下来仔细看几遍你的广告才有可能领会其中意义。而在选择点击这件事上，没人会像去写论文一样思考。很多说法规定，让顾客从点击到购买完成，这个过程中的点击几次是最好的，有的规定在三次，有的是四次。其实重要的不是点击的次数，而是每次点击时，顾客需要多少思考？这个点击的动作有多艰难。如果你的点击是让人摸不着头脑，不知道点击的下一步是什么，即使你只需点击一下，也没人去点击。如果你的每一次点击都是毫不费力的、轻松而明确的，那么就不存在必须限制在几次以内。还有一种信息堵塞的情况：总是在很小的面积内塞满各种各样的产品卖点，密密麻麻的文字、各式各样的配图、五花八门的利益点都打包给浏览的顾客。至于如何消化吸收这些信息则完全让顾客自己去思考，这也是一种错误的做法。顾客总是单纯快速浏览，很少去仔细阅读你的广告，所以顾客会选择轻松的关闭网页，重新选择一个读起来毫不费力的页面。所以，你的广告或店铺看起来都应该是不言而喻、一目了然的。六、这些原则不会改变让我们来总结一下，互联网让顾客有了哪些改变：互联网环境中的顾客专注力变得更短，更欢迎一些“小块”的信息，而非大量信息。信息泛滥，注意力却贫乏。这就表示你的广告内容必须与顾客切身相关，了解消费者的需求、渴望，这样才能抓住顾客的注意力，这是销售的第一步。顾客懂得了闪避推销，更能分辨哪些是浮夸的宣传，变得越来越多疑。这意味着你的商品介绍中要给出足够多的“证据”让消费者能够消除这种不信任感。顾客喜欢看图片，因为这样更容易记忆和理解。让顾客思考是一件成本很高的事，请把复杂换成明确易懂。互联网虽然改变了各种生活方式，但是互联网并没有改变人本身。如同劳德·霍普金斯在他的经典著作《科学的广告》中所描述的：“人类的本质是不会变的。从大部分的角度来看，现代人跟凯撒时代的人没什么两样，所以基本的心理学原则依然牢靠，因此，你永远不必将学过的心理学原则全部打破、从新建立。基本的设计原则永远经典，哪怕世事变迁，沧海苍天。尽管技术发展日新月异，但是人本身的变化却非常缓慢。我们依然是只关心与自己有关的信息，至于商家宣传自己的规模有多大，取得了什么样的成就，那些我们都不感兴趣，我们只关注自己能获得什么。就像 Jakob Nielsen 所述：人类大脑的容量不会马上发生变化，所以研究这些人类行为所得到的成果在很长时间内都不会失效。对于顾客来说，20 年前他们遇到的困难，现在同样如此。无论什么时候，去了解你的顾客都是最重要的：无论在传统的报刊上刊登广告，还是在电视上播放广告，或者现在在网页上和手机 app 上展示你的广告。都有一个必不可少的步骤，就是尽可能多的去了解你的顾客！对你的顾客了解的越深入，你的广告也就更具有针对性。不要想着设计一则广告去吸引所有人，把你的商品卖给所有人，那样结果很可能是没人被你吸引，也没人购买你的商品。了解顾客哪些信息？目标顾客的年龄范围是什么？他们是 00 后还是 90 后？有或者是更成熟的 80 后？哪种性别的顾客对你的产品更感兴趣？你的潜在顾客收入水平大概是多少？收入会影响他们的品位和生活习惯。你的潜在顾客教育水平怎样？你用的那些专业术语他们能看懂吗？你的商品是顾客的生活必需品？还是奢侈品？顾客在什么样的场景使用你的产品？怎样使用你的产品？多展示这些场景，增加顾客的代入感。你的顾客觉得最有价值的是什么？便捷、便宜、个性还是品质？顾客除了在你的商店，还会在哪些渠道看到你的信息？你的顾客长期生活在什么地方？有什么明显的气候特点？你的顾客群体有没有独特的群体文化？你的顾客是哪种消费理念？是使用为主的持家型还是重视当下享受的？以上这些问题是一些比较典型的分析方向，我强烈建议你根据用户的特点总结出一个，或多个消费者画像，可以是具有不同性格、不同性别、不同工作性质的多个消费者画像，总之要能够代表你的消费者特点，并且去不断优化和修正。这样你在设计时会有明确的方向性，你可以在进行设计前考虑“这些顾客最关注的是什么？”，设计完成后站在消费者的角度去思考“他们会对这个设计感兴趣吗？”。本篇来源：优设网原文地址：https://www.uisdc.com/law-of-attention
会员 用户 权益 付费会员对各大平台的都具有重要的意义，付费会员运营和设计需要从用户购买到续费全链路综合分析。付费会员对平台的重要性不言而喻，对于消费者来说，会员的身份也能为自身带来一定的价值体验。从用户购买到续费全链路来看，付费会员流程划分为 5 个节点，文章对各个节点进行了系统分析，并对付费会员的未来发展进行了展望，与大家分享。从京东 PLUS 会员到拼多多省钱月卡、从喜马拉雅 VIP 到马蜂窝金卡 VIP，各行各业的付费会员层出不穷；抑或是公众号打赏、今日头条付费圈子，各种付费机制也在全面开花。在用户增长红利放缓的大背景下，如何实现普通会员转化为付费会员，更好的盘活存量会员的价值，增强会员的忠诚度和粘性，是电商平台重点的发展方向。在这个过程中，需要根据不同阶段的用户心理和需求，打造极致的用户体验，助力付费会员的增长。付费会员的发展1. 付费会员是大势所趋京东作为中国电商平台付费会员“尝鲜者”，自 2015 年 10 月推出 PLUS 会员，目前会员数突破 1500 万。之后各大电商平台纷纷跟进。目前主流的电商平台都推出了自己的付费会员。例如唯品会、考拉海购、苏宁易购、网易严选、小红书、淘宝 88VIP 等。2017 年艾瑞咨询发布的《中国零售业付费会员消费洞察报告》中指出，零售业将迎来付费会员时代。消费者对于个性化、服务体验的需求不断提升，越来越多的消费者开始接受为好的商品和服务付出溢价。数据来源于艾瑞咨询2. 付费会员价值巨大2019 双 11 期间，京东 PLUS 会员们两组数据十分惊人：一位 PLUS 会员单笔消费 46.7 万元，成为京东单笔消费最高的一单；一位 PLUS 会员在 11.11 期间一共下了 246 个订单。这意味着他平均每天在京东下 10 个订单，已经成为名副其实的“爆单王”。京东 PLUS 会员业务负责人孟春慧表示，PLUS 会员体现出了高消费、高活跃、高忠诚的“三高特质”。例如 2019 双 11 期间，京东 PLUS 会员的人均消费达普通用户的 4 倍。总的来说，付费会员的价值有以下 5 个方面：筛选忠实用户，锁定高价值用户付费用户通常是平台的忠实用户和高频消费用户，对平台的价值更大；提高用户活跃，增强用户粘性用户投入成本（付费）后，为了赚回成本，将会把平台作为购物首选，用户消费频率也会增加；降低用户流失率用户付费后，有了一定的沉没成本，离开的成本也会增加；提高用户 ARPU 值用户活跃度提升后，通过各类运营活动和优质的服务体验，用户 ARPU 值也会相应的提升；为相关产品赋能导流对于淘宝、苏宁易购等具有生态体系的平台，付费会员可以赋能同一生态体系下的其他产品。例如淘宝 VIP、引入了旗下饿了么、飞猪相关权益，必然会带动相关产品的流量和转化；付费会员体验维度分析虽然越来越多的消费者开始追求商品和服务的品质，但是付费会员需要通过付费获取相应的价值体验，对于已经习惯了免费模式的消费者而言，还是有一定的挑战的。付费会员模式必须通过极致的服务体验和高性价比，才能对用户产生强烈的吸引力，从而实现较高用户增长和会员续费率。对于价值体验，我认为可以分解为 3 个维度：1. 身份价值主要是彰显付费会员的独特身份，需要从界面展示、商品特权等维度体现付费会员的尊享感和专属感；2. 权益价值付费会员对用户最大的吸引力是可以返利省钱，因此权益价值主要体现在省钱、运费券、会员价等方面；3. 服务价值服务价值更多的是增值权益的使用体验，让用户在整个会员生命周期中，充分享受各种权益带来的快捷和便利，真正做到“省时”、“省心”；付费会员全链路场景分析付费会员的体验需要关注用户的整个生命周期，而不单单是一两个独立的场景。从用户购买到续费的全链路来看，付费会员的流程可以划分为以下几个节点：在不同阶段，用户的需求和心智模型是不同的，只有从用户的实际场景出发，才能更好的为用户服务，提升全链路的用户体验。1. 付费前2018 年，京东大数据研究院发布了《京东 PLUS 会员价值体系研究报告》显示，京东 PLUS 会员的认知渠道主要集中在网站推送及朋友推荐，用户首次购买会员核心是受到较大优惠或免费体验刺激。《报告》显示，省钱是购买京东 PLUS 会员主要考虑因素，其次是服务体验和专属感，高性价比是持续付费的主要驱动。因此在付费前用户核心心智：付出的会员费是否划算；在用户体验设计上，设计策略需要紧紧围绕用户心智，营造“省钱”认知。大额消费返利对于苏宁，京东等家电、3C 电商平台，用户存在大额消费的场景。此时 2%返利或 10 倍返京豆的权益，可以让用户一次性赚回会员费。因此需要强化返利权益的认知，增强付费会员的吸引力。顺便说一下，苏宁易购返利权益名称原来是 2%返云钻，现在变成了最高 20 倍返云钻，应该也是在强化用户对省钱的认知。毕竟 2%和 20 倍给用户的感知差异还是很大的。“省钱”氛围营造普通用户对于自己的常用购物平台，潜意识里会主动了解付费会员权益是否划算。因此电商平台需要在商品页面、购物付款页面，主打“省钱”利益点，引导用户认知付费会员的价值。例如京东在商品详情页的 PLUS 会员开通引导。同时在付费会员介绍页面，需要通过省钱大数据、省钱计算器等，增强付费会员的权益感知。并结合实际的商品优惠，让用户感受到实际的优惠力度。例如京东的省钱攻略，通过实际的商品的优惠价格，带给用户更强烈的省钱认知。同时为了更好的激活存量普通用户，可以在普通会员中筛选等级较高的忠实粉丝，通过更低的开卡费用，激励普通用户转化为付费会员，降低付费会员的获客成本。例如苏宁易购 SUPER 会员，对于 V3、V4 会员会有价格上的优惠，激励普通会员的转化。联名卡激励通过异业合作，借助高频平台促进低频会员的售卖。搭售的模式，让普通用户更容易接受高频平台的会员，提高低频平台会员的转化率。同时搭售的模式提高了低频平台会员的性价比，让用户觉得更加的物超所值。目前各大平台都在开展异业合作。京东 1 月 8 日京东将推出 PLUS 会员年度盛典，带来“买 1 得 18”的超级联名卡等专属福利，可享受爱奇艺、携程、腾讯视频、酷狗音乐、微博、迅雷、学而思等众多会员权益。苏宁也加大了联名卡的投入，先后与腾讯视频、优酷视频、爱奇艺、芒果 TV，咪咕音乐等高频平台合作，推出了联名卡。双 11 期间，实现了新增 SUPER 会员超过百万，这其中联名卡会员功不可没。开卡福利为了让用户增强省钱认知，部分平台加强了开卡付费体验。例如考拉海购，通过“开卡福利”、“先享后付”的方式，降低了用户的转化门槛，增强了用户的“省钱”认知；部分平台采用了免费试用的方式，用户可以试用 30 天，并能够享受一定的权益。短时间的试用体验，促使用户尽可能的完成各项权益的体验，从而让用户更加深入的了解会员权益，增强用户的体验感知。2. 付费中通常对会员价格、权益等内容已经有了足够的认知，并做出了付费决策，用户才会进入付费流程。因此付费流程应当给用户最简单、最明确的交互体验，保证用户快速完成付费流程。在付费流程设计中需要注意以下要点：灵活性尽可能的多的支持多种支付方式。例如最常用的支付宝、微信等，减少用户因为支付方式的缺失放弃会员购买。简单的信息内容给出必要的关键信息，例如付费金额等，减少付费流程中的冗余信息。将复杂和详细的信息前置，避免在付费阶段，出现新的信息或者不一致的信息，导致付费流程中断。付费成功后的仪式感用户支付完成后，通过富有仪式感的界面展示，强化用户对身份的认知，给用户强烈的“买的值”的感觉。3. 付费后完成付费后，用户会获得付费会员的身份后，会直接进入付费会员频道页。第一次的“见面”印象至关重要，需要给用户强烈的尊享感和专属感；视觉呈现在头像标识、界面配色等方面给付费用户带来与众不同的专属感。例如淘宝 88VIP 会员与普通用户界面设计差异明显，展示了醒目的身份特征；沉浸式体验沉浸式的界面设计可以很好的增强页面的尊贵感；交互设计电商平台始终以转化为目标，用户在付费后，第一时间也会以购物为目的。因此在页面展示逻辑时，可以增加购物券和会员商品，激励用户转化。同时增加权益快捷导航，方便用户便捷使用和查看权益详情。4. 日常体验付费用户本身都是对商品和服务品质有较高追求的用户，加之已经付出费用（会员费），对服务的质量和体验要求会成倍放大。小的服务问题，都可能让用户产生不爽的感觉，继而影响用户后期续费。总的来说，在整个付费会员期间，需要帮助用户建立“买的值，用的爽”的体验认知。买的值主要是“省钱”感知，通过实在的返利记录，运费券权益等，让用户获得物超所值的体验，满足用户的基本的需求。另外专属的会员价商品、专享的购物券、会员日活动，都可以很好的让用户获得“买的值”的使用体验。用的爽主要增值权益带来的使用体验。例如专属的客户经理、退还无忧等软性服务体验，虽然用户不一定能一直使用，但是关键时刻带给用户的服务体验，可以提升用户对会员价值、甚至是平台的满意度。惊喜体验在既定的付费会员权益基础上，凭借平台优势，通过商品或者其他的形式给用户带来一些小惊喜，营造更好的服务体验。例如 2019 年京东专门推出了 PLUS 会员年度账单。让用户感受到了独特的专属体验。而苏宁易购凭借飞天茅台的专有供应平台优势，为 SUPER 会员提供了专享的抢购机会，虽然不是所有 SUPER 用户的消费需求，但是独特的身份特权带来了独一无二的尊享感和惊喜体验。5. 临期续费续费是付费会员的重要运营指标，较高的续费率可以很好的降低获客成本。续费更多的是依靠平时对会员的各项服务体验和运营活动。但是临期阶段的设计策略，可以强化用户对付费会员权益的感知，提升用户的续费概率。因此可以针对用户的关注点，做出相应的设计策略。主要有以下几个方面；关键权益数据的复盘和总结主要是省钱数据。用户希望了解在会员周期内，到底省了多少钱，有没有赚回会费等。另外可以通过权益使用数据，唤起用户的权益使用记忆，增强情感体验。例如退换无忧、专属客户经理等权益的使用情况；续费优惠激励目前多数电商平台，对于老用户采用一定的续费优惠，或者续费礼，进一步加强用户对产品性价比的认知，激励用户完成续费。未来发展1. 权益套餐制参考运营商套餐制，用户可以根据自己的消费习惯和使用体验，进行自我组合和定制。不同的权益套餐对应不同的会员费，满足不同用户的权益需求。2. 场景化服务随着 80、90、00 一代逐步成为线上消费主力军，家庭消费正逐渐成为新的重要场景。近期京东推出了“家庭号”的服务模式。付费会员也可以考虑通过建立家庭共同消费模式，丰富会员的消费场景和权益，提升用户体验。3. 专属感的打造目前各个平台付费会员体系中专属感，更多的是通过优惠券和会员价商品体现。在商品购买上，缺少会员专区和购买特权，如果能够打造出会员专享商品和商品专享购买特权，可以更好的增强用户的身份价值，营造付费会员的专属感。总结付费会员是一个体系化的产品，需要多部门协同合作。必须始终围绕用户的需求打造极致的用户体验，建立与普通用户差异化的“专属感”，才能真正的打动用户，获得用户的认可。同时付费会员需要时刻关注用户的场景变化，建立场景化的运营机制和权益体系，围绕省钱和转化的目标，打造简单的使用体验，才能最大化的吸引用户转化，从而实现用户的增长。让1500万人真香的KFC付费会员卡，有哪些值得学习的设计点？据悉，截至2019年12月31日，肯德基会员数量超过2.15亿，必胜客会员数量超过7000万，相比去年同比增长35%和33%。阅读文章 > 欢迎关注作者微信公众号：「子牧UXD」本篇来源：优设网原文地址：https://www.uisdc.com/e-commerce-paid-membership-analysis
插画 潮流 涂鸦 说到当下最热门最受年轻人喜欢的插画风格，就不得不提到潮流涂鸦插画。它起源于现代涂鸦艺术，线条大胆粗放，用色鲜艳强烈，表达叛逆不羁、突破束缚的内涵，符合年轻人追求潮流与个性的心理。现在无论是电商宣传还是产品包装，我们都可以看见潮流涂鸦插画的运用；甚至化妆品和服饰品牌都推出联名款，就是为了能借此吸引更多年轻的消费力量。今天小光老师（微博@插画师小光sir）就为大家介绍潮流涂鸦风插画是如何发展兴起的，再结合自己创作的一幅潮流涂鸦插画，向大家详细展示绘制潮流涂鸦插画的方法。关于我：优设百万人气插画师 / 知名IP商业画师 / Wacom大赛评委 / 擅长IP形象、潮流插画、分镜设计、爆款漫画等。想看我更多作品可以关注我的小红书@插画师小光sir，微博@插画师小光sir，约稿商务合作加微信：guangsir6666往期文章：如何设计微信红包封面？从零开始教你定制微信红包封面关于我：优设百万人气插画师 / 知名IP商业画师 / Wacom大赛评委 / 擅长IP形象、潮流插画、分镜设计、爆款漫画等。阅读文章 > 虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包农历虎年越来越近，家中挂起的条条腊肉，街边装饰的串串红灯笼，都让过年的氛围越来越浓，大家想放假的心情是不是也越来越迫不及待了呢？阅读文章 > 什么是涂鸦说到涂鸦，大家最先常想到应该就是艺术家在墙壁上的即兴创作，我们国内许多美院也有著名的涂鸦墙。涂鸦艺术的起源与发展涂鸦艺术起源于纽约的布朗克斯区。这个区域从上世纪60年代开始被黑人和来自北美洲的拉丁裔居民所占领，是一个当时非常出名的贫民区，那里的墙壁上布满社会底层年轻人为了宣泄心中不满或愤怒情绪而肆意喷涂的各种图案。开始这种形式的图案并没有明确的概念，更多的被认为是一种破坏艺术。后来这种潇洒不羁的行为艺术被越来越多的人接受并喜欢，涂鸦爱好者们开始深入的钻研涂鸦的字形和图案设计，使涂鸦的类型也来越丰富。这个过程中“涂鸦”（Graffiti）这个概念就渐渐形成了，传播得越来越广。涂鸦创作发展逐渐成熟，不再只追求情绪的宣泄和视觉的冲击。涂鸦爱好者们开始借涂鸦表达对偶像的崇拜和热爱、对社会现象的关注或对政治问题的讽刺。现代潮流涂鸦插画的代表涂鸦主要的介质为墙，但进入20世纪后期，涂鸦所创作的介质就不局限于墙了。其创作形式和内容更加多样化多元化，并且其一度成为前卫时尚的设计师的专利。现代涂鸦中，更多的潮流插画表现出的艺术形式，或是对比强烈波普风，或是后现代艺术的抽象流。著名潮流涂鸦艺术家乔恩·伯格曼就是代表人物之一，他的涂鸦的线条变化丰富、风格无拘无束，展现了独特而幽默的风格。而来自哥伦比亚的图形工作室Guacala Illustration Studio则将怪诞无厘头的怪物元素融入到潮流插画中，让人们对于创意形象有了新的理解。更为复杂的视觉冲击力来自Supersize Them的作品，从他作品的亿点点细节中我们可以仔细揣摩有趣的元素。IP潮流涂鸦插画的应用新兴的潮流涂鸦艺术正逐渐走入我们的生活，更具个性艺术形式的服装、鞋等受到更多消费者青睐，也就是我们所说的“潮牌”。在包装上，我们也经常看到潮流插画元素，特别是最近流行的国潮风，更是很多国产品牌下功夫进行个性定制的思路。而从中也诞生出许多著名潮流IP的联名款周边，也成为众多年轻人追捧的产品。这种潮流插画的创作形式非常多样化，可以抽象派的自由创作风格形象表现内涵；也够具象化通过多元素组合的巧妙构图。很多产品的宣传和电商品牌的专题页的设计，都喜欢这种富有创意、极具冲击力的创作形式。但元素过于抽象反而失去了生活化特点，所以我们看到许多创作形式更加有场景感和故事性，能直观的解读画面特色。潮流涂鸦插画非常强的包容性，使我们可以在保持自身创作风格作品的同时，融入更多的潮流与创意元素，帮助作品展现潮流风格。如何创作IP潮流涂鸦插画？上面为大家介绍了涂鸦艺术的起源发展及应用，帮助大家对这种潮流插画有一个深入全面的了解。虎年春节的时候，我也创作了一副结合涂鸦和中国传统文化的潮流作品「SPACEHu」系列，下面就将创作思路及过程分享给大家。Step-1 灵感构思 素材收集「SPACEHu」中“太空虎”的IP形象灵感最初来源于一个甲方的项目，比较扁平。虽然最后没有合作成功，但是“太空虎”这个形象我个人还是非常喜欢的。正好2022是壬寅虎年，自己也想想创作一套虎年主题插画系列，于是按自己的画风具象化“太空虎”这个形象，创作了这一套涂鸦风格的贺岁主题插画。创作初期，自己在脑海中构想出几个与新春及传统文化相关的元素，然后进行组合尝试。主要的构想框架就是老虎+太空宇航员+中国传统元素，而围绕中国传统元素想到的就是冰糖葫芦、吹糖这些传统民俗小吃，喜庆亲民，非常有年味。所以最后确定了冰糖葫芦、吹糖、油堆麻团、汤圆四个元素，与之前的“太空虎”形象结合创作。Step-2 构思草图+细化结合虎年的文案，设定了四字祝福语：虎年大吉、虎虎生威、虎星高照和虎气冲天，并在Pose动态上给与一定的互动。做草图构想这一步时潦草点也没关系，最关键的是确定动态和老虎造型，细节部分在完善线稿的时候再做优化。整个创作过程是用平板Procreate完成。在勾线细化环节，为了体现线条的随意性结合传统笔墨效果，采用了听盒笔刷+映卡笔刷。下图展示的是汤圆虎的勾线细化过程。Step-3 上色而在上色阶段，我常用的就是平铺色+暗面色正片叠底达到立体质感。但与我以前的创作风格不同的是，这次在上色质感上我采取类似水墨笔刷感的边缘去刻画，强调一些人为的粗糙感笔触，看起来比较杂乱，但刮痕的感觉很会使涂鸦风更带感。Step-4 排版设计在主体物上色完成后，加上喜庆的红色背景，并给主体形象外围加个换色描边会更好，类似贴纸的感觉。注这里不是单纯的加描边效果而是手绘描边，效果会更生动。最终的文字排版工作是用PS完成的。文字我采用传统的优设书华体，放在是四角形成稳定饱满的构图，也可以让主体的太空虎更突出。并提取了线稿作为底纹效果，使层次更加丰富。四个太空虎的形象完成后，我又把它们摆放在一起形成大图，做成了横版壁纸和手机屏保。并尝试运用红包样机，呈现更完整的效果。最后还将创作过程及成品做成了简短的贺岁小视频，在过年的时候发布在了自己的社交平台，效果不错。 .video_pc { width: 100%; height: 585px; } @media (max-width:767px) { .video_pc { height: 50vw; } }当视频无法加载时请刷新页面，或前往PC获得最佳体验。关于如何创作IP形象和IP在互联网中的影响力，之后我会做2场免费公开课。直播亮点：1. 如何让一个IP火起来2. IP形象创作思路揭秘3. IP形象的延伸运用想看免费直播的添加微信即可进群也欢迎大家在社交平台关注我：本篇来源：优设网原文地址：https://www.uisdc.com/trendy-graffiti-illustration
产品 页面 用户 编者按：这篇文章出自于用户体验设计领域的专业机构 NNGroup，他们从电商产品页的用户体验和交互的角度入手，详细梳理了分页的设计要点，不同的方案的使用场景和优劣对比，结合实际的设计案例进行了演示和解读：许多电子商务网站正在摆脱传统的分页控件，转而选择交互成本更低的设计模式，比如无限滚动。那么是否应该采用这些模式吗？通常，这取决于页面的产品数量。传统的分页模式会将项目列表拆分为多个页面，每个页面包含特定数量的条目。要查看更多选项，用户必须通过翻页切换到下一页——通常通过单击或点击 屏幕顶部或底部的「下一页」 按钮。每个页面都有编号，用户可以通过点击相应的按钮来移动到特定编号的页面。在亚马逊列表页面的底部，有一排按钮，一个指向上一页的左向箭头、一系列数字按钮，然后是指向下一页的右向箭头。亚马逊的分页设计采用了传统的分页控件（在蓝绿色框中突出显示），这种控件对于这个平台丰富的产品而言，非常具有实用性。像亚马逊这样的大型零售平台确实应该坚持传统的分页控制设计，因为当购物者探索他们庞大的产品集时，这种机制提供了精确的控制。对于产品较少或加载性能良好的网站，可能能够简单地一次加载页面上的所有产品。但是，如果您的网站有产品数量较少的分支页面，你可以考虑使用「无限滚动」或使用「显示更多」 按钮作为传统分页控件的替代方案。无限滚动，动态加载有些电子商务网站会提供一个产品列表页面，当用户向下滚动页面时，页面会不断加载更多项目。 无限滚动 或 延迟加载（在用户滚动到页面底部时加载更多项目）可以很好地适用于具有以下特性的电商网站：产品数量相对较少（通常产品数量少于 40 个）有高质量的 过滤器 可以帮助用户缩小结果范围有明确 告知用户要现实的条目数量（比如 42 件物品）Christian Louboutin 网站上的一位客户注意到，每次她滚动到页面底部时，都会加载更多产品——也就是采用了无限加载的页面加载方式。她说她不介意，因为加载时间非常快。「只要它加载，就可以了。如果我滑动到底部，结果需要再花 30 秒加载下面的内容，我就会失去兴趣。不过这个节奏还好。而且我是一个非常果断的购物者。我只是盯着看东西，看看有什么吸引我的眼球。」虽然此解决方案可以很好地适用于包含有限数量产品的网站列表页，但在下面两个情况下（在以下部分中详细讨论），应避免使用无限滚动的技术：用户有需要访问网站页脚导航中的重要信息。当页面包含大量产品时，用户可能会迷失方向，并且不知道他们在产品列表中的位置。访问页脚导航因为一旦用户向下滚动到页面底部，新项目通常会自动添加，因此可能在有限的滚动下，到达页脚区域。使用无限滚动的网站经常让用户感到极度沮丧，因为每次他们试图导航到页脚时，页脚都会不断地被自动加载的新条目推离到更远的地方。当用户向下滚动 Louboutin 网站上的列表页面时，会自动加载更多产品，这会将页脚推到页面下方。这个就是不应该对有大量产品的页面使用无限加载的部分原因——当用户想要抵达页面底部的时候，不应该为此滚动 15 分钟，尤其是当页脚是为了访问诸如退款退货或者别的功能的时候。产品数量如果在单个页面上查看一个类别中的所有条目是不合理的，那么使用无限滚动的控件也是不合理的。Tory Burch 的网站没有提供传统的分页控件，而是在用户滚动时，自动让其他的产品加载到产品列表页面的下面。大多数情况下，产品加载速度足够快，以至于用户看不到加载指示器，还得等待产品加载完成。由于网站的产品数量有限，加载速度快，所以效果很好。一位在 Tory Burch 网站上购物的用户，赞赏产品列表总能完整显示在一个页面上，因此她可以简单地使用滚动，就浏览完所有可用的项目。「我喜欢可以滚动浏览所有内容的布局。有些网站会得一页一页地翻页。在这里，我可以非常轻松浏览完网站的所有商品。」Tory Burch 网站在一个产品列表页面上展示了一个类别中的所有产品。每个类别包含足够少的条目（此处为 69），以至于单个页面就足以承载。在实现无限滚动时，显示产品总数很重要 。Tory Burch 网站在产品列表顶部标识了产品总数，靠近页面左侧有过滤筛选的功能。不过，这个筛选结果的数字标识并不是很明显。Tory Burch 网站上的列表页左上角有过滤器和条目总数 ，只是这些信息很难发现。Ann Taylor 的网站采取了一种更引人注目的方法来显示产品总数。这个数字在用户滚动页面时，保持固定在页面上，并在长页面下方显示用户的当前位置——当用户进一步向下滚动页面时，深黑色边框的大小会延伸以标识进度。该指标帮助用户跟踪他们当前的位置，帮助他们了解已经查看了多少项目，以及还有多少项目有待查看。Ann Taylor 在产品列表右侧的页面上显示了可浏览的产品总数，并且借助它的黑色边框来作为进度指示器。无限滚动页面，通常会破坏标准浏览器右边的滚动进度条，因此用户不能依靠它来确定他们在页面上的位置。随着新条目被添加到列表的底部，页面被拉长，又会改变标准滚动指示器的位置。曾经位于中间的页面的部分，很快就会变成现在更长页面的前八分之一。最好增加一个自定义进度指示器，来高速用户当前的位置。「查看更多」按钮有些电商网站没有采用传统的分页模式或无限滚动，而是 在其列表页面的底部放置「查看更多」 按钮。例如，时尚服装零售商 Aritzia 的网站就使用了这种模式。Aritzia 的网站在其结果列表的末尾提供了一个「查看更多」的按钮（以蓝绿色框突出显示）。除了 「查看更多」之外，一些网站还使用了类似的标签，例如：展示更多加载更多查看更多产品与传统的分页相比，这种方法合乎逻辑，因为绝大多数用户无论如何都会线性地浏览产品列表。此外，与页码式的分页按钮相比，尺寸更大的 「查看更多」 按钮更容易点击。这种方法与无限滚动的本质区别在于，用户必须通过点击交互才能加载下一组产品，而不是让它们自动加载。因此，与无限滚动相比，「查看更多」 按钮允许用户直接查看站点页脚。「查看更多」按钮可能会更加流行，尤其是作为表率的谷歌开始在其移动端结果页面上使用它们来代替分页的机制。我们经常警示设计师 不要一味抄袭大公司的设计，但谷歌是搜索的结果页的一个特殊例外。纯粹是因为它们的使用非常广泛，它对于塑造用户的习惯和预期有着极大的影响。谷歌在其移动搜索结果页面上使用了 「查看更多」 按钮而不是分页。允许用户自己选择是否加载更多商品，对于移动端的购物者来说是特别好的，他们可能在网络流量有限制的情况下浏览页面，因此不一定想持续加载额外的产品内容。此外，如果用户未连接到 WiFi，那么在移动设备上的加载速度可能会比较慢。Lowes 的移动端页面向用户展示了一个「加载更多」的按钮，以查看其产品列表页面上的其他项目。这种设计帮助用户查看超出这个页面的内容，这种动态加载方式不仅兼顾到页面导航的需求，而且提升了浏览的效率，减少了信息传输的数据浪费。不过，这个网站未能显示这一类别中商品的总数 ，也没有说明已经查看了多少产品，也没有说明还要加载多少产品。没有这些信息，一些用户可能会犹豫是否要加载额外的项目，因为他们不知道何时会翻到达产品列表的末尾。Lowes 移动端网站的早期版本没有显示列表页面上可用项目的总数，这使用户很难确定他们需要加载多少内容才会查看所有选项。更新后的版本之一，是通过在产品列表页面（左）的顶部添加搜索结果数量。但是，它没有通知用户屏幕底部还有多少项目需要加载（右）。如果你的网站将采用 「查看更多」模式，请务必告知用户：列表中的项目总数已加载多少项目还有多少项目要加载Lululemon 的页面设计比 Home Depot 的效果更好，因为它提供了已显示的产品数量以及产品总数。Lululemon 在其移动端页面上使用了查看更多产品按钮，它还告诉用户他们目前正在查看的产品总数（查看 40 of 333 ）。当用户到达列表页面的末尾并且没有更多要加载的产品时，就只显示产品总数，就像 Lululemon 所做的那样，去掉「加载更多」的按钮。当无法加载更多产品时，Lululemon 的「查看更多」按钮消失了。标识用户的所在位置无论您选择「无限滚动」还是「查看更多」的设计模式， 请确保您的列表页面支持 Pogo Sticking 功能 —— 这个通常指的是用户在搜索页面中打开一个结果之后，感觉不满意又返回搜索结果页面，再查看其他的一种行为。这种行为和 SEO 、网站排名、内容推荐有非常紧密的关系。一些网站不支持这种操作，当用户在点击了列表中某个条目之后返回之前的列表页面时，他们必须向上或向下滚动才能重新找到他们当初所在的页面位置。传统分页模式可能偶尔会出现此问题，但在使用「无限滚动」或 「显示更多」模式的网站，这种问题会特别常见，且令人痛苦。尽管使用了「无限滚动」模式，但 Christian Louboutin 的移动端网站在点击了「后退」按钮后，用户能够回到最初在列表页面中所处的位置。当用户使用移动端设备浏览信息时，这一点尤其重要，因为在移动设备上打开新标签比在大屏幕上更麻烦。结语如果你的产品规模相对较小，「无限滚动」和「查看更多」 按钮可能会帮助您的用户更轻松地探索你的产品。请记住通过可用性测试来发现设计中的潜在问题——比如无法访问页脚或「 显示更多」 按钮难以被注意到。延伸阅读：尼尔森团队出品！让用户沉迷产品的3个心理要素编者按：这篇文章出自于用户体验设计领域的专业机构 NNGroup，他们从心理学和认知科学的角度入手，基于「自我决定论」重新梳理了驱动用户的3个核心心理需求，结合实际的设计案例进行了演示和解读：在 Nielsen Norman Group，我们倾向于说用户不是懒惰的，而是高效的。阅读文章 > 复杂网站的导航模式要怎么设计才合理舒适？我总结了7个方面！编者按：这篇来自nngroup 的文章探讨的是如今的现代电商类网站（以及其他复杂的网站中）导航设计的问题，对比了传统的导航模式和混合式导航的使用场景和实际优劣，为设计这类网站提供了一个相对完整的设计思路：具有大量库存商品，或是涉及复杂产品的网站，通常会提供产品类别页面，或者是产品列表阅读文章 > 从 4 个角度，聊聊长尾效应是如何帮助产品进行提升的编者按：长尾效应不是一个陌生的词汇。阅读文章 > Facebook 被上亿人指责的背后，可能是因为坎贝尔定律编者按：从 KPI 到 北极星指标，设计和产品团队都非常着迷这种杀手级关键性指标。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/alternatives-pagination-listing-pages
商品 视频 全景 全景视频介绍洞察全景视频于电商的应用可能如果把各品类按商品与人的相对尺度来划分，尺度小于人的诸如数码、服饰、快消品等单体类商品可用 3D 模型、AR 等方式让用户在掌间、或贴身把玩互动；那么尺度大于人的诸如汽车、家具样板间、房屋等空间类商品则可用「全景」（Panoramic View）的方式置用户于其中环顾互动以了解此类商品的全方位信息。同时，后者品类均属于高客单、低购买频次的商品，决策成本高、周期长，往往以线下决策为消费习惯，对应以经销商、门店导购为销售模式。不论是试驾讲解、样板间介绍或是房屋带看，如果销售员的讲解被看作是更生动表达商品信息、影响消费者决策的关键要素，那么「视频」则是捕捉这种讲解和动态演示的合适媒介。全景视频行业适用性与本地化体系角色作用全景视频的应用特点「全景」的空间互动性与「视频」的内容真实性，使「全景视频」*（Panoramic Video）能力具备了于用户侧传递空间类商品信息的充分性。而于商家侧，上述品类由于行业特性仍处于线上低渗透阶段，门店商品及销售导购的数字化可帮助其突破自然流量受制于地理区位的限制，针对每个门店商品只需单次拍摄生成「全景视频」便可获取线上边际递增流量，使该能力具备了提供低成本数字化商品与获客工具的必要性。由此，将「全景视频」作为空间类商品表达能力、重本地化行业的解决方案，应用于家装、汽车、房产、航旅等。*注：全景视频是一种用 3D 摄像机进行全方位 360 度实景拍摄的视频，用户在观看视频的时候，可以滑动视频上下左右进行视角转动观看。构建呈现商品的全景视频用户体验1. 营造「强体感」与「真实感」有别于传统视频单向传输、用户被动接受信息的视听体感，「全景视频」增加对视频所呈现全景空间的互动，模拟出用户仿佛可以主动影响、控制视频内容的深度交互感，简言之即构建一种“用户可以在一个沉浸空间里自由地看商品外观、细节及讲解演示”的体验。由此，将该体验的构建分为「强体感」与「真实感」：全景视频体验架构*注：体验始于需求。即便皆同属空间类商品，消费者所关心的信息也会因品类特性而不同，从而影响信息交互方式，以下以家装行业为例。「强体感」由「自由看」、「主动听」与「互动看」三层感官组成。底层内容载体是一段多商品（如若干家具组合而成的样板间）或单商品（如定制橱柜空间）的销售讲解视频，视频本身按多商品（Items）、或单商品讲解点（Features）顺序呈线性结构。「自由看」、「主动听」是此线性结构基础上，使用户可通过滑动视频视角查看全景内各个方位的商品、或跳转至任意一个对象的讲解片段，营造一种可打断、跳跃、主动选择的非线性自由体验。用户还可与空间内的每个商品对象进行更进一步的交互，通过「所见即所得」的交互方式获取商品辅助信息，而这些信息又可以图文、视频、3D 模型（如换材质颜色）、AR（如摆置家具）等形式呈现与用户进行二级交互。此「互动看」是以伪深度交互的方式*增强了体感。*注：全景视频与虚拟现实视频（Virtual Reality Video）的区别在于，后者除了全视角展示影像之外，还具备深度交互，参与者可以通过行为改变所在影像空间中的对象状态（如挪动椅子、打开橱柜等）。虚拟现实视频目前仍是通过建模、实时渲染的虚拟场景。故为了在全景实景视频中模拟一定的互动性，加入了弱交互或伪深度交互：向全景影像输入指令，借由非全景影像本身变化的其他信息进行反馈，来拟真面向对象的控制。销售讲解声音的「实录」、门店环境、商品、销售员的视频「实拍」、商品辅助信息互动的「拟真」，共同构建了「真实感」。2. 架构全景视频三层交互基于体验架构进行用户界面框架与核心交互设计。界面分为（1）视频层（2）控件层（3）互动层。全景视频框架视频层——自由看全景根据家装行业线下门店常以若干小平米样板间或商品空间布置的特征，以及需保证商品清晰的基本体验要求，视频采用固定全景机位拍摄，以 2 米为可视半径、方圆 12 平米的圆心位置辐射区域内的商品。用户可“站在固定位置”左右 360 度、上下 180 度*滑动视频、在有限的 FOV 范围内缩放视角大小。*注：上下设置 360 度会导致在滑过球体视频的南、北极点时发生视角颠倒。全景视频用于家装门店的拍摄规范为最大程度的呈现空间商品及门店的沉浸感、最大程度的提供频发滑动交互的操作空间，视频层占据了整个界面近 90%。视频滑动演示隐藏控件演示控件层——主动听讲解控件层分为顶栏、底部导航栏与侧边栏。底部导航栏是除视频层交互外最主要的操作区域，将空间中的商品对象按视频讲解顺序线性地排布于底部，作为商品信息的展示，将最主要的行动引导 –「预约留资」绑定在每个商品导航单元上，通过点击导航单元来切换讲解对象及其对应的商品视角。*值得注意的是，常见的视频控件（如进度条、时长、播放暂停等）被有意隐去，目的是为了体验架构中所述的「营造一种可打断、跳跃、主动选择的非线性自由体验」对照，强化「空间感」而非「视频感（有头尾的、有限的时间感）」。侧边栏则设为次要操作区域，以分流功能为主，如门店其他空间视频、上下翻屏其他相似空间商品或门店全景视频（采用点击避免上下翻屏手势与全景视角滑动手势冲突）。导航切换演示上下切换演示互动层 —— 互动看商品针对每个商品对象（或单商品的每个讲解点）在全画幅视频中标记锚点，用户可以在全景视角中一目了然视频所涉及的讲解对象。锚点配以商品信息模块，通过点击操作可唤起二级辅助信息的互动浮层，承载以图文、视频、3D 模型、AR 等各种内容形式，在讲解音的背景下对商品进行更深入的了解。正是由于商品坐标的存在，可以实现当点击任意一个非当前讲解商品对象、或切换底部导航商品单元后，讲解片段跳转的同时，视角也会自动转移至对象。互动图文浮层更多互动形式（视频、3D 等）3. 全景视频链路设计全景视频入口展示在公域 Feeds 流、搜索等链路中，区别于普通视频内容的展示方式，全景视频以所指商品为容器画面中心，视频播放的同时、视角自动左右以特定角度往复转动（或以手机陀螺仪为感应，随手机角度而发生转动）。这段由机器自动生成的封面视频片段可自动适配于所有链路入口尺寸（1:1、3:4、16:9 等）。转动逻辑与链路入口展示效果门店漫游与全景视频串联用户通过搜索或导购等路径发现某个品类商品的全景视频，对其所属销售或门店产生兴趣后，可通过门店组件进入门店漫游场景，同现已成熟的漫游体验一样，以点位位移、全店模型鸟瞰等方式，在静态全景中浏览门店商品，而对某个商品或样板间产生兴趣后，可通过点击空间锚点再次进入全景视频听销售讲解，形成「找品、逛店、找销售讲解、预约留资、到店」的体验闭环。门店漫游与全景视频串联4. 品牌与标识为向用户传递全景看商品的心智，打造以「360 全景」为名的品牌系统。将球形视频的鱼眼扭曲特征（Distortion）与眼睛的自由视角象征（Free View）一同抽象为基础品牌标志。全新设计的「360 全景」品牌字体与适用行业形成品牌联名组合：360 全景探店天猫家装、360 全景试驾天猫汽车，并由此展开视觉演绎。品牌标志基础型品牌文字色彩、标志图形与文字组合Key Vision由基础品牌标志衍生动态标识，象征空间、视角转动、动态等。结合品牌组合形成标识规范，应用于产品链路中的各个场景（卡片角标、加载页面等）。动态标识标识规范与应用5. 解决全景视频清晰度与体积问题全景视频可看作是一个球体视频（Spherical Video），常规手机界面的窗口可视区域仅为其所展开全画幅的 1/6。通过拍摄规范及技术手段*将原片体积大于常规视频 6 倍的全景视频、在保有清晰度的前提下缩减了 90%以上。全景视频清晰度与体积测试报告*注：全景视频清晰度与体积优化四步骤：（1）素材拍摄：拍摄硬件与环境光的优化（2）素材预处理：图像剪辑的优化（3）原始素材交付：格式要求的优化（4）编解码压缩处理：映射方式的优化。压缩后清晰度对比写在最后目前全景视频设计解决方案主要应用于家装行业本地化场景，覆盖七座城市核心卖场千家门店、上线累计视频数以千计、覆盖上翻商品数以万计。后续仍将探索其在汽车行业、航旅行业以及房产行业的应用可能。同时，在用户体验上进一步提升视频清晰度、打破囿于视频体积问题带来的机位限制，让用户可以在动态全景视频下移动位置，实现更自由、沉浸、真实的体验。爱奇艺 VR 设计实战案例：空间布局篇本系列文章旨在由浅入深、由理论到实践系统地介绍了本团队在近几年的设计工作中的一些经验总结和重点思考。阅读文章 > 欢迎关注作者微信公众号：「天猫设计」本篇来源：优设网原文地址：https://www.uisdc.com/panoramic-video-application
手机 标准版 绑定 OpenWBS企业商城系统是以ASP+MSSQL/ACCESS开发的asp商城网站源码。OpenWBS X4.0 专注于企业电商商城建设的系统，采用新一代全新架构，分层设计，拥有优秀的执行效率、扩展性和稳定性！手机端微商城和PC端商城一体化，集成微信登录和微信支付接口，同一个数据库同一个后台管理，同一个域名网址实现手机端和PC端自动判断，手机访问即显示手机端，电脑访问即显示PC端。OpenWBS X5.2.1_190420 更新日志V5企业标准版修复：X5企业电商版增加：会员绑定手机后跳转到上一页；增加：后台开启强制绑定手机功能后未绑定手机的会员中心跳转到绑定手机页面；OpenWBS X5.2.0_190403 更新日志V5企业标准版修复：手机端首页广告类型为文本类型时手机端报错的问题；X5企业电商版修复：手机端输入优惠券兑换码后不能领取优惠券的问题；修复：手机端首页广告类型为文本类型时手机端报错的问题；修复：开启分销后从手机端浏览器分享到微信时页面出现404错误的问题；OpenWBS X5.1.9_190329 更新日志V5企业标准版修复：后台增加会员组和特殊会员组后会员ID为0的问题；增加：新闻中心、案例展示、视频中心也可以筛选内容；X5企业电商版修复：后台增加会员组和特殊会员组后会员ID为0的问题；增加：分享商品分类页和栏目页也可以绑定下线分销关系；增加：分享内容栏目页和内容详细页也可以绑定下线分销关系；增加：新闻中心、案例展示、视频中心也可以筛选内容；OpenWBS后台管理后台路径：域名/ow-admin/index.asp用户名与密码：admin（安装时可设置）
商城 会员 系统 DSShop商城系统是一套完善的B2C(单用户商城)解决方案。系统pc端后台使用国内优秀开源框架THinkPHP，基于PHP+MySQL开发，采用B/S架构，wap端使用vue.js构造，依据6年电商经验打造出的一套开源的B2C电子商务系统。DSShop商城系统技术评价1、B/S架构2、MVC编码架构，wap端采用vue.js框架3、支持Compser4、支持阿里云存储5、支持负载均衡6、支持Mysql读写分离7、支持Redis/Memcached8、支持Linux/Unix/Windows服务器，支持Apache/IIS/Nginx等9、支持电脑PC端、手机端（微信端）、小程序DSShop商城系统功能：1、设置：帐号同步、上传设置、SEO设置、邮箱短信、支付方式、权限设置、快递公司、运单模板、地区管理、数据备份、操作日志2、会员：会员管理、会员级别、经验值管理、会员通知、积分管理、预存款3、商品：商品分类、品牌管理、商品管理、类型管理、规格管理、空间管理4、交易：发货管理、实物订单、虚拟订单、退款管理、退货管理、虚拟订单退款、咨询管理、举报管理、评价管理、发货设置、售卖区域5、网站：文章分类、文章管理、会员协议、页面导航、广告管理、友情链接、平台客服6、营销：基本设置、分销设置、抢购管理、虚拟抢购设置、手机拼团管理、限时折扣、满即送、优惠套餐、代金券、活动管理、兑换礼品、平台充值卡7、统计：概述及设置、行业分析、会员统计、销量分析、商品分析、市场分析、售后分析8、公众号：公众号配置、微信菜单、关键字回复、绑定列表、消息推送V2.1.1免费版更新1. 修复163邮箱乱码问题2. 修复用户中心通过缓存删除单条浏览记录3. PC端买家中心界面美化4. 依据电商法行业规范新增单独的营业执照页5. 修复微信支付必须开启微信扫码支付6. 修复图片水印无法正常显示授权版更新1. 手机端新增充值卡记录功能2. 新增签到赠送积分
表哥
张大湿
在路上
飞翔的企鹅
落霞与孤鹜
