色彩让生活多姿多彩

简介: 2017年2月22日云栖TechDay29期,阿里云交互设计师、用户体验研究专员行休/雩烜和大家一起谈谈设计师如何玩数据。本文主要从色彩是什么样的开始谈起,接着阐述了为什么色彩做导购,着重分享了提案细节,最后对创作过程等做了总结。

以下是精彩内容整理:
以阿里设计师自主创新产品--色彩购为例,阐述设计从业者如何在业务环境的各种局限下,利用自身的专业素养和职业经验,观察用户、发现问题、洞见机会,快速制作产品,并用科学的设计方法结合数据分析,将色彩转化成生产力,为公司各个部门提供新的玩法与新的业务可能。

色彩是什么样的?
第一种很简单,一件衣服是什么颜色,那个色彩非常有吸引力,同时这个颜色本身代表一个地域的文化和特征,这是所有人都可以直观理解一个色彩对所有人的定义。
第二种是在常规视野以外的时候,色彩也有很多很多不一样的观察方法。
第三种就是通过机器学习抽取成分。不论是莫奈的罂粟花还是在法国广场上的灯光装置,从视觉上来看,把颜色抽取完以后以一定的规则和旋律呈现出来一个装置,同样也把很多光学知识和常识,和人文感受结合在现实的作品当中。比方有光学装置的玻璃墙面,当外边天气情况不一样的时候,里边内部色彩不止是出现简单的明暗关系,还会出现冷暖关系。
色彩给我最大的震撼并不是色彩有多么好看,而是本身可以讲更多的故事。我认为色彩就是人们认识事物的最基本符号,它充满了情感化、可塑化和理性要素,也是设计师最重要的伙伴。通过这样的基础认知之后,再来看待色彩的时候,不是简单的说这张页面用户看上去会冲动,还是喜欢安静,很多问题是隐藏在背后的。

为什么选择做导购?
回到现实问题,色彩能拿来做什么呢?除了做毕业设计、做一个装置、做一个灯光秀之外,还能做什么呢?
色彩在淘宝来讲,可以用来做导购。之所以能做导购其实也有两个原因组成:
第一是外因,就是从上往下的因素,CEO或者总监经常会跟我们说淘宝的货架组织形式已经很多年没有变过了,能不能想出不一样的方式,尤其是从设计师的角度来提供不一样的思路,因为这很难通过机器的方式告诉你应该怎么做。那我们通过什么样的导购方式来获取不一样的效果呢?当时同期做色彩还有很多方式,比如通过地图的方式,用节气的方式,还有通过色彩。
第二从内部来讲,为什么认定用色彩来做导购呢?主要从四个角度来考虑:优先考虑的是用户价值,其次考虑的是公司价值,然后是团队价值,最后才是个人价值。而往往前面三个价值实现之后个人价值也是随之而实现的。
如果你没有办法很精准用一句话来表达出价值,那做设计到后期一定会非常迷惘,所以我们认为一定有一群特定的用户对色彩是非常敏感,色彩一定是他们生活中离不开的。你可以说特定用户可以有1亿人、1千万人或1百万人,但是我相信这个群体一定存在。
既然色彩可以传达心情,那么也一定可以传达购物心情。色彩可以传达心情这样的论文已经非常多了,不需要枚举了,那它能不能传达购物心情?一定是可以的,这是我们最基本的判断和认知。大家都知道丰富多彩的组合在一起之后,可以大幅引导消费者的购物冲动。所以色彩的魔力就体现在这里,如果色彩没有组织,没有旋律,没有环境它就不能称之为色彩,只能称之为单色,但是组合在一起之后,才有更大的意义和价值。
从公司价值来看,有内外两方面。一方面先看外面,至少从淘宝的角度来看,有很多外部公司已经开始用色彩做各种各样的文章了,并且他们使用的手法是非常不一样的,有些只是做一种颜色,有些只是作为一种趣味和兴趣导购,有些是作为主题的包装,有些是作为一些工具和效率的提升,方式非常多样。一方面看内部,由于数据安全,数据都被隐掉了,很多问题没有办法做判断的时候,看数据就大概知道水分在哪里,当知道色彩对公司来说有多重要的时候,就可以判断到底要不要去做这件事情。
最后从团队和个人角度来讲,做到后期还是为了自己和团队。当最后做完一件作品完成的时候,尤其是这件作品可以比机器人做的很多的时候,你会发现个人的设计才能和才华能够提升的时候,就是坚持下去的动力,如果做这样一些事情,你对色彩有一个简单的定义,对色彩在购物上对公司价值、用户价值、个人团队价值做完之后,就可以开始做一些提案。
提案也会有很多种方式,我们也有自己的方式:
首先需要定方向,定方向不是简单一句话,而是有三个指标,需要选定、确定和设定。我们需要先把意向选择好,然后再把服务价值确定好,最后意向和服务价值必须要有一个衡量标准,这个目标需要设定好,到底是做一个成交类的,还是导购类的,还是生活服务类,就是意向选定、价值确定和目标设定。
第二步就是出方案,出方案的时候一般会做两种,一种是进行概念性描述,因为即便前面定好,这个方案其实也并不明朗,定方向可能高层人定,但是出方案的前期概念描述是很难的,等描述完以后,我们就可以做一些设计提案。
接下来讲到内部的创新项目,所以它一定存在一个问题,能不能找到合作方来支持我的想法,中间会有一些设计输出和共建的过程,选什么样的合作方式最合适,最能够体现色彩的价值,这个也是设计师必要能力之一。不是找到合作方以后就获得了成功,还需要做很多迭代的工作,需要很多过程来审核,需要我们学习。我们会介绍一个多阶段多角度不同数据分析,来不断体验产品,不断优化产品。
最后,作为设计师来讲,自主提案要走完,一定是带着当下最好的成绩单去憧憬更大的舞台,只有2万人、3万人流量,很难真正意义上服务到那特殊的一群人。
以前淘宝还没有一款自己的色彩服务,我们需要做一个,它一定是贯穿不同品类,提供高质量的内容,提供普罗万象,谁都能接受的,我们希望整个过程遇见色彩,然后认识它、购买它、分享它、传播它。
万能淘宝,后面就是多彩的世界:
1) 我们的价值一定是多品类的,以色彩为主轴,把各种品类串起来;
2) 而且它一定是新陈代谢速度很快的,绝对不是做一个艺术品;
3) 通过色彩呈现共鸣,色彩能够影响购物心情,但是我做的产品不能够真正和热点结合,并不能够产生共鸣,即便色彩能够影响心情也没有做到效果;
4) 做成后是否能够在那群受众当中,提升对淘宝品牌的形象。如果淘宝做到更好了,我觉得就成功了。
所以基于前面的意向和价值就会定三个目标,这三个目标可以被衡量,也可以被实现:
第一就是美貌和有趣。你的舆情反馈里面会说东西好不好看。
第二就是它能不能成为一种生活时尚,能不能让用户每天都觉得它很有趣。
第三,如果用户觉得很好,在淘宝上找到了一个很好的东西,自然而然就会觉得淘宝在某些方面形象得到了提升。
做任何自主提案或者说任何设计师需要落地的时候,都要设立若干个可以被实现,或者可以被衡量的目标。

提案细节
淘宝最大的优势是商品多。既然商品多,那么我们就在足够多的商品里面选择一些比较优质的,往往海量搜出来以后,很多东西不是你想要的。首先选出比较好的内容源,然后通过一些图像算法,图像算法将颜色分为若干类。然后根据这些颜色,给它设定一些功能,到底它是用来做筛选类还是做内容服务类,这个时候就需要一些运营手段,处理好UI和用户之间的关系。
那么,到底如何产生关系,并且如何左右胜局?
人群最终目的是为了碰到内容源,只不过中间经历了算法、分类、功能、运营和设计表现,我们通过色彩,让用户接触到好的内容源。定完整个框架后就可以找一下,哪些用户是比较容易接触到的。
那么,关于色彩到底提案什么样的呢?可以分成三种思路,那么这三种思路也分阶段式的:
第一步可能就是最简单的,如果效率问题不能解决的话,后面很多问题都没办法讲。如果说我们做一个产品,看品类加颜色能不能选择到宝贝,我们希望丰富度和匹配度和引导性越强越好,我们希望成本和界面的空间越小越好,我们叫品类寻色,。
第二步,如果这个工具是可行的,算法是可行的,分类是可行的,能不能把它包装成内容主体,然后推给用户。
第三步,如果前面两个都可行,能不能形成自己的闭环,做一个简单的轻型SNS,就是很多喜欢色彩的人愿意分享它。
每日一色就相当于真正意义上开始从用户消费者的视野开始,其实并不简单说是每天一个颜色,背后还包含了这个颜色的故事以及相关的一些宝贝。机器可以执行很多5秒以下的工作,大量重复劳动力的工作,但是真正决策、真正去考虑人性的部分还是需要设计师站在用户体验的角度去深入思考,到底你的角色会给用户带来什么,这是非常重要的。同样在不同节日也可以传递出不一样的心情。
如果每天都有一枚颜色的话,时间积累下来就会发现一个问题,这个月和那个月总体颜色是很不一样的,比如6月份的时候跟10月份的时候,盛夏和金秋的时候色彩是不是应该不一样。怎么去排布这些事情,有时候需要站在更高的角度看问题,为用户之后的每一天都想好,而不是简单说,我虽然每天都赴约,讲一千零一个故事,但是这些故事没有关联性。只有设计师理解色彩,把事情做到极致,否则很难产生真正的感动让用户买单,而这些背后需要大量的图片和内容。
当你做完之后,拿到我们的方案和设想,去找业务方谈的时候,你会遇到很多问题。比如输出这个价值的时候,很多人不一定会买帐,因为每天要选品,而且很多人会觉得这些事情的成本很高。除了需要有设计能力之外,还需要很多个人的追求和努力,而且还要跟很多的业务方有良好的关系才可以。最后我们找到一个最合适的第一落脚点就是在IPAD上面,对PAD来讲,我们小有手机淘宝,大有PC,我们当时就觉得正好这个大小一本杂志刚刚好,而且整个设计过程当中我们把所有的价格标全部砍掉,没有价格标,用颜色组合方式能让用户产生足够的点击穿透。

创作过程
数据分析对设计师来讲,可能掌握几个步骤就行了。所有数据分析分两个,一个是描述阶段,能不能把数据描述清楚;一个是能不能在描述清楚的情况下挖掘出一些价值。那么要做到这两个都好的话,就有两个步骤:观察、思考,这中间会有几个步骤,具体如下:

  1. 观察,观察一定会把所有指标全部列出来。我们上不同的颜色,你就可以看一下不同颜色它的Banner点是怎么样的,进去以后ipv-uv的转化又是怎么样的,停留时间是怎么样的。
  2. 就是它的Banner点击本身和同样在那个位置的PAD上的点击是什么样的。
  3. 平均点击效果。我们其实做完以后,回流了很多价值,我们大概知道了哪些颜色在这个产品里面使用哪种排布方式做商品导购效果是最好的,而且屡试不爽,时间样本都已经非常清楚,就算这个产品结束之后也可以对不同的运营方提供很多意见和观点,其实就是一份研究报告。同样所谓多维分析里面也有很多的舆情反馈。
    那么,你用什么样的文案比较好,鲜艳程度和点击程度到底是不是成正比的,你怎么样组织关系会比较好?同样就是说,你做完洞见以后肯定要做一些预测,如果经常使用一个特别好的颜色会怎么样,如果说能够在节日当中选一些应景宝贝,转化率又会怎么样,前面洞见然后预测,预测完后就是决策。

回顾之前,定方向、出方案,找合作敏捷迭代,这个持续过程,是不是一个简单的基于设计师专业把一件事情做好,很多设计师本身懂一点算法或者了解一点算法,他就会变得更加吃香,综合能力会变的更加强。
最后,关于我们整个创作过程:
第一步我认为作为一个设计人员,要有一个专业觉悟,你的专业到底在什么水平,你需要什么方式去驱动它。
第二是关于搭配、应用、表现的有很多,包括日本广告设计,海底的世界都可以用。
第三,本身色彩对人来讲,需要一些非常理论性的书。
通过拍不同的东西,不同的颜色,不同的取材,不同的角度,背后不同的故事,其实也是在丰富自己的周末生活,这些东西至少能为我们的产品提供一个故事脚本,提供一个内容素材,为我们遇见用户提供一个很好的台阶。包括每天做完之后把它全部整理成册,每张图背后对应是什么颜色,它的色号是什么,它可能用在什么地方,如果这件事情每周可以持续做,我们相信这个人的阅历或者对事物的专注程度一定会提高。

云古:早期负责过阿里集团多条数据业务线的设计工作,之后开始主导UED内部自主创新提案与重要产品的升级。在阿里的主要项目有:淘宝时光机、德国Cebit展数据可视化设计、1212弹幕玩法、淘宝色彩购、淘宝首页等。
本文为云栖社区原创内容,未经允许不得转载,如需转载请发送邮件至yqeditor@list.alibaba-inc.com;如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:yqgroup@service.aliyun.com 进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。

目录
相关文章
|
3月前
|
开发框架
threejs做特效:实现物体的发光效果-EffectComposer详解!
【8月更文挑战第7天】实现物体的发光效果-EffectComposer详解!
335 6
threejs做特效:实现物体的发光效果-EffectComposer详解!
|
6月前
|
数据可视化 定位技术 开发者
黑白或彩色线稿地图设计定制装饰画中线条轮廓素材底图获取方法合集
黑白或彩色线稿地图设计定制装饰画中线条轮廓素材底图获取方法合集
OpenCV-怀旧色滤镜
OpenCV-怀旧色滤镜
|
编解码 前端开发 算法
前端需要了解的色彩知识
在前端领域,我们常常需要跟色彩打交道,除了一部分从设计转过来的前端外,后来的新生代前端绝大多数基本都是学理工科出身的,一般没有经过专门的设计训练和培养,这样在还原设计图的过程中对于色彩的理解都会或多或少有些出入,从而导致设计和前端产生不必要的矛盾,本文旨在通过介绍相关的一些色彩知识,为大家提供一些设计和前端双重视角下的观点,也希望能够给大家提供一些对色彩的不同的认识和理解。
85 0
|
前端开发 数据可视化
【视觉基础篇】13 # 如何给简单的图案添加纹理和复杂滤镜?
【视觉基础篇】13 # 如何给简单的图案添加纹理和复杂滤镜?
87 0
【视觉基础篇】13 # 如何给简单的图案添加纹理和复杂滤镜?
|
前端开发 Android开发 编解码
图像的色调、饱和度、亮度调节
对于图像的色调、亮度、饱和度Android提供了ColorMatrix来供我们进行修改 ●setRotate(int axis, float degrees) 设置色调 参数一(axis):颜色编号1(红),2(绿),3(蓝) 参数二(degrees)...
1871 1
|
算法 C#
图像滤镜艺术---图像光照效果滤镜
原文:图像滤镜艺术---图像光照效果滤镜     图像光照滤镜     图像光照提滤镜主要是模拟阳光照射下的图像效果,通常使用在暗光环境下拍摄的照片中,或者是没有太阳的日景照片中。
1117 0
为设计师写的色彩对比指南,让你真正了解色彩对比
色彩是丰富多彩的,每一种色彩代表着不一样的心理和情感,不一样的色彩体现的情感让人们在视觉上心里上的作用都不一样。不一样的颜色碰撞也会给人们产生不一样的心理感受,这是色彩心理学教会我们的。
2922 0