IxD2013_A6_设计提升品牌价值_崔志伟阮磊

设计提升品牌价值淘宝时光机淘宝UED：知秋，云古提纲设计理论设计与品牌的关系设计思考用户分析营销分析设计分析设计目标形态情感化－视觉故事情感化－内容操作情感化－交互设计过程设计推导协作效能设计传播浏览，转发，评论设计理论设计品牌设计概念设下计谋，本质源于人的思想和野性所谓设计“设想和计划，设想是目的，计划是过程安排”，通常指有目标和计划的创作行为、活动。设计是受到客观限制的主观智慧，是一种有目的的创作行为。核心：有用的，美观的品牌概念“品牌”这个词出自于古斯堪的纳维亚语或者是日耳曼语的词根“brand”意为“燃烧”。当我们说到给一个动物或者一个酒壶烙上烙印来标明主人是谁的时候，就是用的它字面上的意思；而当我们说到给一个产品给消费者留下长久印象的特征时则是运用了它的象征意。“品牌”不是“商标”。“品牌”指的是产品或服务的象征。而符号性的识别标记，指的是“商标”。品牌所涵盖的领域，则必须包括声誉、产品、企业文化以及整体营运的管理。因此，品牌不是单薄的象征，乃是一个企业总体竞争，或企业竞争力的总和。品牌不单包括“名称”、“徽标”还扩及系列的平面视觉体系，甚至立体视觉体系。但一般很容易将来品牌理解为抽象的形象标志，甚至将品牌与特定商标划上等号。核心：品牌是给拥有者带来溢价、产生增值的一种无形的资产。增值的源泉来自于消费者心中对其的印象。功能性利益情感性利益设计提升品牌价值——设计提升情感化利益设计思考设计思考用户分析早在11月，各家电商纷纷出炉五折，血拼，抢购等促销方式...价格战成为主流。经过双11后，消费者的购物热情减退。用户需要温情的方式来缓解购物疲劳。众多网友表示：自己在双11买的东西不少自己还没有使用，早知道电商动不动就“大促”，“双11”时就不着急买了。况且圣诞，元旦的促销很快就要来到了。根本就不会关心“双12”促销。营销分析在新的市场环境中，营销传播不再像以往一样单纯追求对消费者进行信息灌输，而是以媒体的创新、内容的创新，传播沟通方式的创新去征服目标受众，这是一种新的营销传播“创意营销传播”。通过这种创意性的营销方式，来提升品牌价值。设计分析通过对用户，以及营销方法的分析。我们决定“双12”的设计抛掉促销相关的创意，采用温情营销。我们抓住了“淘宝时光机”穿梭时光这个创意点，来帮助用户逐渐拾起这些年网购的点滴，回忆起这些年发生在自己身边重要的事，重要的人。并鼓励用户分享并传播自己的故事。以此通过情感化的方式来提升用户对淘宝的黏性，从而提升淘宝整体的品牌价值。设计思考设计价值品牌用户价值营销价值设计目标设计目标回忆感动分享设计目标内容情感化感人的故事内容形态情感化操作情感化温馨的视觉效果使用的乐趣和效率内容情感化感叹的经历－共鸣安静的回顾－深思“故事的开始“、“第一笔购买”、等属于用户独一无二的故事内容。“走过的时光”、“重要的人”等增加用户粘性与情感反思。内容情感化内容情感化故事的开始你的第一次翻出黑历史校园时光里恋爱ing两个人的奇迹有家的城市迎接小生命旅行的意义开车去远行汪－陪着你爸妈我爱你内容情感化若末日真的降临在这年的12月22日那我们拼命握紧这最后的14天来不来得及内容情感化和爱的人道别把藏在心里的情话说完所有过去的时光好的坏的都再数一遍现实的世界，没有后退键时光机也只在童话里可你知道一定有人，怀里藏着你的时光机回到爸妈身边你永远是不够懂事可以任性的孩子在喜欢的人面前手心永远是初识时的温度形态情感化创意化－人物造型带有动画、插画元素，轻松休闲的感受。场景化－不同的主角，经历过不同的故事。场景切换，烘托主题。识别性强细节优化夸张变形卡通化插画特质的ICON插画、动画通用化－简化表情设计，让用户留有想象空间，感知这就是他自己。幽默化－幽默的图形设计，达到用户会心一笑，并触发心灵情感。操作情感化动态化－场景切换。人物始终不变，而衣服，场景，标签，文字则随时间变化而切换。根据切换顺序的不同，强化图形，弱化文字。穿梭感－时间轴设计将时光节点可视化。小火箭可以点击、亦可拖动，模拟穿梭的感觉。到达“时光星球”页面时，loading动画体现时光穿梭感。31钓鱼爱好者2时间、地点、故事，商品...我的钓鱼爱好相关文案描述。我的钓鱼爱好相关数据呈现。4主动性－主动弹出人物留言，在时光星球仿佛好多人主动在和你讲述他们的故事，即时的交流模式。冲击感－寻找同类星系模拟宇宙爆炸的特效，将淘宝大数据模拟成星空，让用户找到自己同类的星系。设计过程创意阶段草图创意－冥想各种有趣的人生节点，模拟故事场景。手绘草图，头脑风暴畅想创意阶段意境提炼－海量照片筛选，情感化描述，提取色彩。照片筛选感伤的甜美的温暖的浪漫的情感描述哭笑不得的难忘的回味无穷的咔哇的悲催的色彩提取设计推导设计定位图形化设计之初，有若干不同的选择，如：插画、ICON、照片、视频等不同的形式来表现情感。而不同的人都有各自不同的观点：业务方、技术人员、设计师、产品经理，均从自己的立场出发，来判定设计形式的定位。设计推导那么，如何来判定这些立场的合理性？如何选择一种最恰如其分的展现形式来传达概念呢？设计推导选择什么样的形式呢？首先要对其进行客观评估。通识性标准化拓展性氛围渲染技术成本时间成本服务器压力综合结论插画是一种不错的选择，但是其标准化难度较高，时间成本也较高。插画ICON照片视频ICON在氛围渲染上虽然不佳，但是其标准化、拓展性强，服务器压力小，非常适合对海量数据进行可视化。照片首先排除：1、做不到千人千面的拓展性。2、服务器压力巨大。3、选取真正合适的照片，时间成本非常高。虽然视频最能够渲染氛围。但是，在视频中插入海量用户的数据，技术成本极高。设计推导分析、并综合以上结论，我们选择“具有插画小清新效果的ICON”来进行图形化设计。为了将通识性、标准性、拓展性、互动性达到最佳效果，我们也需要先制定一套简单但有效的规范。划动载入简约而不简单可组合图形具有动态交互效果，充满弹性，能更好的传达故事。拓展性的需要，图形不用加太多质感和繁琐的细节。同时，简单明了但不生硬刻板。图形与图形之间可以组合，构成一个新故事（如人+鱼竿=钓鱼达人）。图形不要传达多个含义，力求指向明确，否则用户会不知所云。细节部分不要机械化，能体现手绘的灵动感或者卡通的可人感。图形附近添加一些微背景，不用多，但可以烘托氛围。表意明确细节出彩附带微背景设计推导滑动载入－这种动态形式是后期网页动画的主要形式，动态效果以JS完成。可组合－一个单元体（人）加入一个新元素，拓展成一个新场景。简约而不简单－外型简约，识别性强但不生硬刻板。表意明确－一眼就能对用户传达精准信息，无需多想，也绝不产生歧义。A图足够简单，但有些生硬。B图简单，但同时也很轻快。AB设计推导细节出彩－单色图标未必不能表现出精致的细节。边角的细节处理及其考究。微背景处理－为了更好的弥补“渲染氛围不足”这个短板，需要在主体物附近带一些背景，更传神的将用户带入到一个真实场景中。设计推导设计推导识别性强细节优化夸张变形卡通化插画特质的ICON插画、动画设计推导设计推导设计推导设计推导以一个卡通人形的元素形态，构成一个白模状的单元体。通过边角的细节装饰，演变成男版和女版。具备标准性、通用性、拓展性的特点。在此单元体基础上，为其穿鞋带帽、添加偏好，乃至人生节点故事。设计风格采用平面拼贴的形式，提供低成本多元组合的可能及ICONFONTS的可能。注：ICONFONTS图形完全由代码形式输出+++设计推导拓展比例-在同一个尺寸的单元体上进行细节拓展，免不了会出现大小，高低，宽窄的不一致。为此，在设计之时我们确立了比例规范。视觉上可以控制形态的比例。技术上可以帮助更好的定位减少开发成本。设计推导色彩：为了能让用户感受到温暖，产生追忆往昔的氛围，我们尝试采用小清新的色彩范式。但由于有诸多的用户场景、还分男版女版，总数达到了60+，因此靠主观配色往往重复率会很高。因此，我们在近千张先前精选的意向照片中寻找用户情绪，在其中提取合适的色彩，并对应图形做了一对一手动提炼与优化。选取典型意向提取色彩对其进行提炼和优化使用到人物图形使用并搭配到页面色系设计推导完成单元体设计及比例规范后，开始进入图形与页面之间的布局设定。在740x460这个尺寸下，生成了页面布局范式。设计推导完成单元体设计及比例规范后，开始进入图形与页面之间的布局设定。在740x460这个尺寸下，生成了页面布局范式。设计推导完成单元体设计及比例规范后，开始进入图形与页面之间的布局设定。在740x460这个尺寸下，生成了页面布局范式。设计展示全部图形展示。设计展示主要场景展示，用户登录到时光机后。主要经历启动页面，内容页（不同人的故事节点不同，所呈现的内容和页数也不同），最后到达时光机分享页。1时光机启动页2时光机内容页3时光机分享页设计展示时光星球主要页面。协作效能设计效率1周时间，位设计师，产出icon多个，完成多次细节修改。360200完成时光机和时光星球两个产品页面设计。本次设计产出拓展性强，方便以后应用。设计规范化，标准化提升开发效率2倍以上。设计传播设计传播12月10号－12月14号，仅4天时间淘宝网新浪微博SNS分享的用户达到淘宝时光机的相关讨论150万人853万条设计传播看完淘宝时光机后的用户情感分析想哭35％35％激发回忆5％5％买多了，剁手其它20％分享给好友设计传播thanks