如何用情绪板去完成一个实际项目的方案设计

  • A+
所属分类:经验思维

本文来源: sky(知识星球APP:我们的设计日记), 共 1262 字

本文和大家简单分享一下,实际项目中如何用到情绪板这个方法去完成一个方案的设计!

 项目背景 

任何一个项目的开始,第一个要做的就是了解项目背景,以及要解决商业目标是什么,简单说下这个项目,这个项目是某大牌品牌在淘宝开了一家旗舰店,其中主打产品是口红,买过口红的朋友都知道,口红是分很多色系,质地和色号,用户诉求希望在淘宝详情页面,展现200多个色号!接到需求后我们内心是这样的!200多个SKU(商品的属性选择)内心是很崩溃的,因为传统我们的SKU选择最多也就是6.7个,像衣服尺码,鞋码等等,几百个在当时设计上是一大挑战。

如何用情绪板去完成一个实际项目的方案设计

当时页面是这样的,如上图看见的这样,10几个已经很多,如果在已有的框架下面去增加几百个从视觉体验纬度,全部展现出来,很明显不合理,体验会更差。

如何用情绪板去完成一个实际项目的方案设计

当时交互是这样的,在这里做了一个入口等级进去展开全部口红颜色。

那么拿到这个需求,我们要去思考,如果我们按照当前这个逻辑,点进去一堆颜色列表的设计,用户是否看的懂,是否有更好的形式去帮助用户更好的理解这个使用场景!

 运用情绪板去思考?

1.生活映射

设计源于生活又高于生活,想像一下你在生活中怎么陪女朋友去逛彩妆店,如果你没有女朋友(扎心了,老铁)也应该见过彩妆店,或者现在比较火的李佳琪直播,他们是如何去线下买彩妆的,你去观察丝芙兰专柜就会知道答案

如何用情绪板去完成一个实际项目的方案设计

如何用情绪板去完成一个实际项目的方案设计

如何用情绪板去完成一个实际项目的方案设计

如何用情绪板去完成一个实际项目的方案设计

一般用户会先去看热门色号,再看颜色质地,光泽等等,线下那些精致的专柜,会让你更直观的看见口红质地,颜色,以及涂抹在嘴上的效果,所以当时思考,怎么让用户在线上也有这种体感感受,所以我们制定出相对应的情绪板,还原真实购物场景。

2.颜色映射

对于美妆场景,颜色和我们UI里面颜色是完全不一样,在现实世界里,颜色对于女生购买有着很直观的感受,我们把这种颜色感受记录在情绪板。

如何用情绪板去完成一个实际项目的方案设计

通过在情绪板里面记录,能很好的把我们想要的色彩如何去表达能有个大概的思考,肯定不是一个纯色块,这个体验一定是直观的,一个有趣的。

3.质感映射

那么如何去体现口红,彩妆这种设计质感?大家都知道口红,粉底都是有各种质感,哑光,滋润,闪亮等等,那么对于这种质感,如何通过色彩去很好传递给用户,需要我们去思考!

如何用情绪板去完成一个实际项目的方案设计

结合我们想要做的感觉,需要传递给用户的感受制定到质感情绪板,为后续做提案作为指导。

4.构成映射

思考下在现实生活里面,比如去染发,发型师都会给我们一个头发册子,还有平面设计的潘通色卡,以及装文件的文件夹等等,是否可以把这些形式去放在我们设计里面去?

如何用情绪板去完成一个实际项目的方案设计

 最终设计方案 

我们运用文件夹这种形式为视觉容器载体,文件夹有打开关闭效果,打开文件夹我们可以清晰看见里面色彩质地,和颜色,方便用户去理解,触达用户内心感受。

如何用情绪板去完成一个实际项目的方案设计

如何用情绪板去完成一个实际项目的方案设计

▲ 文件夹作为视觉容器载体来承载颜色

如何用情绪板去完成一个实际项目的方案设计

▲ 每个文件夹点击展开是一张对应的质感质地图片,帮助用户理解这个口红实际效果,大家可以直接打开淘宝天猫搜索MAC口红,进去自己体验下!

 最后 

以上经验就是我之前一个项目案例,如何通过观察生活,以及如何通过情绪板方法,帮助我们去设计一些好的方案,帮忙我们很好的把好的创意运用到设计中去,希望大家都能掌握这套设计方法!



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: