冒昧问一下，你了解什么是情景设计吗？

 设计师的竞争力到底是什么 

前几天和朋友聊天，聊到设计师价值是什么？目前我们都是做着一个流程线上特定的一些设计！未来竞争力在哪里，设计手法？现在设计趋势研发技术发展很快，每天都有新的东西出现，每个都需要去学么？之前的工作经验都没用了吗？想到这些不免有些焦虑，后来我们聊到有一个恒定不变的，就是设计思维。

未来设计师竞争力一定要具备设计思维，设计技法，设计风格每年都在变，如果只专注设计风格层面没有思维层面提高，很难往上一个台阶，未来公司肯定是买你的设计思维，你思考问题的方式，解决问题的逻辑，这些才是你的核心竞争力！

现在绝大多数设计师每天在做的事情，研究界面设计，交互动效，但是这个能做一辈子么？很显然是不够的，趋势，方法都会变化，未来会有比你更年轻的设计师，更快的方法流程，那么设计师到底应该如何找到属于你的竞争力？

我觉得答案是思维模型，决定未来设计能走多远，设计技能固然很重要，但设计思维更重要，上图是我梳理的一些主流设计思维模型，再去看看身边优秀的设计师，都是在用这些思考模型在做设计，未来我都会将这些分享给你。今天先教你们一个思维-情景设计。

 什么是情景设计 

很多人对这个词语可能比较陌生，情景映射就是将线下人们对日常生活，空间，情景的真实事件，映射到线上的体验中去，通过设计的提取提炼与表达，向用户传递想法，感觉和情绪。

案例:买眼镜

▲ 现有场景：购买眼镜时候，还是传统的选择眼镜类型及商品参数属性。

▲ 生活情景：平时日常我们购买眼镜场景，可以去从店铺试戴，可以根据脸型，颜色去选择适合自己的眼镜。

▲ 情景映射：线上试戴眼镜，选择眼镜款式，利用摄像头，能做到所见即所得。

案例:AR试鞋

▲ 现有场景：购买鞋的时候，还是传统的选择鞋子款式及商品参数属性

▲ 生活场景：店里买鞋，一般可以看到鞋的质感，颜色，和衣服搭配的感受。

▲ 情景映射：Wannna Kicks通过AR增强现实效果，可以在线试穿鞋子，随时切换鞋子颜色，款式。

案例:地图导航

▲ 现有场景：地图寻找餐厅时候，只能虚拟地图上看见餐厅位置

▲ 生活场景：平时我们找店，都沿着马路逛，搜寻

▲ 情景场景：打开手机摄像头，就能准确的标识出附件的店铺信息，减少寻找

▲ 现有场景：地图导航，跟着手机里面内置地址行走

▲ 生活场景：开车导航主要以马路指示牌为主

▲ 情景影射：地图导航和实际线上路况结合起来做导航匹配，更加精准直观，同时不用时刻都盯着手机。

 有哪几种情景 

物理情景

受环境元素影响，比如大风，噪音，天气等等，这些环境下的设计体验，一定要充分考虑，比如阳光直射下的iPhone手机可以自动调整亮度，黑夜中iPhone可以当手电筒使用等等。

▲ 阳光下和黑暗中，iPhone自动调整亮点让用户使用方便。

▲ Facebook Messenger聊天功能的夜景模式，防止晚上对眼睛刺激太大。

▲ 网易新闻白天夜景模式设计，用户阅读体验更舒服。

生活情景

生活中直接与用户交互的人和事件：

▲ 生活中用户玩的游戏机和老虎机，模拟到现实线上场景，在一起H5营销活动中经常遇见。

▲ 在电商中我们经常提到的楼层概念也是如此，也是对线下逛商场一层一层逛的场景映射。

时间情景

不同时间点的场景切换，比如电商中大促一般都有预售-付订金-购买-收货等不同时间节点设计，那么我们在设计时候也需要充分考虑用户不同时间节点的需求变化。

▲ 滴滴打车，设计时就需要考虑时间情景，打车之前-上车后-车到达后的整体设计。

▲ 金融产品，需要考虑用户买之前，买过程中，买完后收益情况，都需要每个细节考虑到位。

情景影射基本分为以上3个情景，物理情景，生活情景，时间情景，那么这些情景我们怎么运用到设计中去呢，如何去挖掘好的情景到平时设计中呢？

 怎么挖掘情景 

1.发现

一定要养成丰富的洞察力，能很好发现生活中有仪式感有趣的事情，记录下来，我一般通过花瓣或者pinterest记录下来这些有关键词特征的场景，建立好情绪板，一般从三个纬度洞察，人，事，物。

▲ 之前组织刻意练习的一个小项目，关键词是潮流，那么通过去挖掘，潮流的人，潮流的事，潮流的物去寻找映射场景。

▲ 潮流感的人是什么样的，有哪些特征

▲ 潮流感的事物有哪些，有哪些值得记录的。

另外记录，对平时生活中有仪式感的事情，有场景感事情进行记录，并思考，这种有场景感事情我们如何运用到线上场景。

2.提取

大量收集生活中有趣的场景，就需要运用我们的同理心去提取，挖掘出来，需要去思考如何和线上进行匹配。

▲ 举例：我们生活中收到信件，贺卡都是比较有场景感仪式感的事情，那么如何提取这些元素到线上呢？

▲ 这两个邀请案例就是很好的一个运用，提取信的开启感，仪式感，运用到实际场景中，营造出整体的氛围。

▲ 将平时打开礼物场景进行提取，运用到电商产品和会员页面中，很好的将生活场景映射到线上场景。

3.运用

运用就是将我们抽取好的场景，和线上案例，上下文进行很好的结合，在交互层面去体现，在视觉纬度去体现！

 实际案例 

做任何一个设计第一步就是要了解项目背景，以及这个设计要解决商业目标是什么，简单说下这个项目，这个项目很简单一个彩妆需要，在天猫开了一家旗舰店，其中主打产品是口红，买过口红的朋友都知道，口红是分很多色系，质地和色号，商家他们希望在已有的淘宝详情页面，里面去展现200多个色号!

线上现状

▲ 已有的电商选择一个颜色类型，最多如图看见的这样，十几个已经很多，如何在已有的框架下面去增加几百个从视觉体验纬度，全部展现出来很明显不合理，体验会更差，那么交互同学在这里做了一个入口等级进去展开全部口红颜色，大家如下图这样

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

运用情景映射

1.发现

设计源于生活又高于生活，先幻想自己是个妹子，妹子们是如何去线下买彩妆，香水去观察丝芙兰专柜是什么样的！我们会发现在线下会有很精致的柜台，买口红的过程能很直观的看见口红质地，颜色，以及涂抹在嘴上的效果，还原我们真实购物场景!

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

2.提取

根据场景发现，我们提取生活场景中的线上购买体验，将用户看见的光泽质感提取处理，将用户平时文件夹册子形式提取出来。

3.表现

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

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

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

 最后 

场景映射分为3步：

1.发现：通过平时对生活的观察，发现一些有仪式感有场景事情，通过图片，文字形式记录下来。

2.提取：从这些场景事情中，通过同理心，和线上场景做匹配，挖掘可能性。

3.表现：通过抽取元素，结合场景在交互纬度，视觉纬度进行设计，保证场景运用合理性。

////// END //////

上周我在知识星球分享了，一个做竞品分析的方法，以及设计模板，很多设计师表示很有启发，并觉得已经值回门票，你可以扫描二维码加入一起参与。最后，若你希望与盖哥，设计日记设计师不断进行走心的交流，请点击左下角「阅读原文」加入我的知识星球。