July - Aug . 2017
Impatient Detector  | 不耐烦探测仪 |  

Wechat Pay - No cash city  | 无现金 智慧城市  |

 

IMPATIENT DETECTOR  | 微信 不耐烦探测仪 |

不耐烦探测仪。随着城市的生活节奏不停地加快,不耐烦已经成为都市人的特征之一。打车不想等,买单不想等,人群恐惧症已经成了都市人的标配。

 

 

项目简介 | Introduction

「 我们要造一个不耐烦探测仪!!」

 

 

不耐烦探测仪。随着城市的生活节奏不停地加快,不耐烦已经成为都市人的特征之一。打车不想等,买单不想等,人群恐惧症已经成了都市人的标配。我们似乎没有意识到我们如今的不耐烦,都是被方便快捷的微信支付给惯养出来的。而不耐烦探测仪,则展示了还没有微信支付时的生活场景,从而让人们发现微信支付,原来已经悄然声息地覆盖了我们生活的方方面面。

 

风格设定 | Design style

 

 

微信支付与支付宝的大战应该是今年7月到8月的重头戏了。很荣幸我们能参与到这场大战中,可惜只是下半场的一小部分了。其实无论对于支付宝或者微信支付而言,广告宣传并不能实际提高用户使用频率,我们认为提高用户使用频率应该在用户体验上去下手(如微信小程序端与阿里的无人便利店)。所以这个时候广告宣传更重要的是让用户愿意看且对品牌产生好感。在这种情况下蹭热点是最容易收效的方式了,但freestyle这种热点并不适合我们这种小(没)团(有)队(钱)。相对于今年主流的各种glitch art(真的看腻了),我们更愿意选择一种更适合微信app带给我们一直以来简洁清爽的视觉风格。

 

 

在与WeChat方交流后,我们进行了初步的讨论。发现年轻群体更加倾向操作简单,视觉简洁,同时具有趣味性和故事性的产品,基于这群目标用户的特性,采用粘土形式的人物设定,以及简洁明快的场景配色。并且弱化人物本身的细节和质感,靠场景的材质和氛围形成对比去烘托角色。颜色上把握住WeChat的基准绿色之外,也给每个场景进行单独的空间配色。

 

场景设定 | Scene design

「餐厅 医院 停车场 便利店 嗯!!

 

 

视觉稿设计阶段,通过头脑风暴对场景进行概括,最后选出四个场景设定,分别是餐厅,医院,停车场,便利店。再分别对每个场景进行细化,提炼出每个的场景的特征元素,完成视觉稿后,根据视觉稿进行三维转化,丰富画面细节。

 

四个场景都在一个正方形的逆空间里呈现,当这个正方体晃动的时候,又能透过这个正方体看到里面的空间,让画面保有一致性的同时不会被框架住。

 

 

左边是一开始的有现金城市,大银行占了一半以上的面积,城镇孤弱矮小。右边是无现金城市,高楼大厦林立,城市多元化,商业兴盛。

 

 

护士大妈有数不完的数和盖不完的章,外面的病人不耐烦的敲打着玻璃窗

餐厅里的顾客很无聊的等着上菜,可是迟迟没有人理会他,他变得越来越不耐烦

每次都要打开收银机取出现金,再兑换给顾客,后面已经排满了长长的队伍,收银员越来越不耐烦

每次有车来,老爷爷都需要手动按一下闸门,等车行驶过后收回杆子,如此反复,越来越不耐烦

 

角色设定 | role conception

「嘎嘎嘎 吃瓜爷爷好可耐!!

 

 

 不耐烦探测仪一共有四个场景,每个场景需要有一个主角,从角色的形态和动作进行多角度丰富,让整个H5的体验过程是欢快的,所以角色的造型和动作都必须要有萌点。

 

 四个角色的草图概念设定

 

停车场的王大爷

门诊处的陈大妈

餐厅的郑小哥

便利店的栗子小妹

 

 

 

互动H5 | Interactive HTML 5

「看你能忍到什么时候! !

 

 

这是一个带交互性质且轻量化的H5,如何让参与者已进入操作页面的时候,不需要额外的引导便可进行互动,成为一个重要的命题。所以我们以一个简易的滑动条,左右滑动为切入点,参与者可以通过这个滑动条来控制画面中人物的不耐烦指数,页面上方也相对应的呈现这个场景的状态,场景的人物也会因为不耐烦指数的变动而改变动作。

 

四个场景UI

不同的不耐烦指数下,会对应不同的情绪状态

通过界面下方的左右滑动条,滑动选择不同的不耐烦状态

通过四个不耐烦场景的测试后,会根据参与者选择的不耐烦指数,生成对应的不耐烦标签。