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

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