浅析麦当劳玩具的微交互

从系列感的玩具,到活动感的玩具,到具有交互感的玩具,麦当劳的每个玩具都带给很多小朋友不同的期待与欢乐。因此,本文作者希望设计也是如此,不断进步,不断创新,不断给人欢乐。


从系列感的玩具,到活动感的玩具,到具有交互感的玩具,麦当劳的每个玩具都带给很多小朋友不同的期待与欢乐。因此,本文作者希望设计也是如此,不断进步,不断创新,不断给人欢乐。

浅析麦当劳玩具的微交互

麦当劳玩具的交互,它的演变,我的童年,以及回忆。

红红的盒子,上面一个大大的黄色英文M标记,这是我童年一个很深刻的记忆了。麦当劳当时在我们那个小城市开了第一家店,于是几乎大半个城的小孩都拽着家里人去排队,排了好久好久。

说说麦当劳玩具的历程

麦当劳开心乐园餐,英文Happy Meal,是在1979年在美国首次推出的,在1970年代中期,约兰达·费尔南德斯·科菲尼奥開始与丈夫在危地馬拉的麦当劳工作。她创造了“罗纳德菜單”,提供一個汉堡包、小薯條和雪糕新地,给母亲买给自己的孩子。她的概念引來芝加哥麦当劳的管理层的注意。最后,公司的高层鲍勃·伯恩斯坦想出了开心乐园餐。

从最早的1979年最早的星际迷航系列到最近的六一松弛熊系列,这些玩具随着时代发展着,进步着,孩子在成长,玩具也迎合和时代,发生着变化。因而我个人认为,麦当劳的玩具也可以说是这么多年设计发展的一个缩影吧。

慢慢地变得可感,更加能与小孩子互动。

因此在这篇文里,我希望分享一下对麦当劳玩具的一些浅见。

先放一张最近松弛熊系列的图,这个系列的小熊是可以动的,并且运动的方式比较微小,只要按住熊头,汉堡包就会相应地转动。至于具体怎么操作,会在之后用图片讲述。

浅析麦当劳玩具的微交互

(汉堡松弛熊系列)

系列感玩具

首先最早的星际迷航系列是下图那样的,里面有一些贴纸,塑料玩具等等。玩具与玩具之间有一定的主题联系,通话机,星际迷航拼图等等,连盒子也是精心设计过。

浅析麦当劳玩具的微交互

(麦当劳儿童餐星际迷航系列)

这一类的玩具恐怕就是收集癖很难抵御的了,一个系列,差一个都会觉得很空虚。还有进阶版的下图这个,与拼图原理类似,四款收集起来,才能拼成一个完整的鞋子,这个我感觉就更加让人难以自拔,不管是缺一个鞋头还是缺一个鞋跟,都不是完整的整体。

浅析麦当劳玩具的微交互

(麦当劳叔叔鞋子系列)

这好比是最早的图标套装,很有系列感以及统一感,带有一定的风格与主题。

浅析麦当劳玩具的微交互

(初代系统图标)

活动感玩具

之后呢?随着技术的更加进步,可以达到更高的加工标准,所以就有了更加有活动感的玩具。下图这款玩具可以活动,以及隐藏,给人惊喜感。

浅析麦当劳玩具的微交互

(打开前的玩具)

浅析麦当劳玩具的微交互

(打开后的玩具)

而设计,也是随着科技进步,逐渐可以更加灵活,更加有动感。举一个电池的图标为例,现在已经可以用不同的效果来代表不同状态的电池情况了。所以设计不仅仅是代表某种语义了,也开始有功能,能活动起来。

浅析麦当劳玩具的微交互

(电池不同状态的图标)

交互感玩具

而最近这一个月推出的麦当劳玩具就更加可感了。

首先,动动脚,像是挠痒痒一样,之后熊的脑袋就会活动起来。随着手指的活动,头也随之进行不同幅度的晃动。

浅析麦当劳玩具的微交互

(麦当劳大汉堡熊系列)

之后的这个前文有提到,按按头,怀中抱着的汉堡熊也会随之转动脑袋。

浅析麦当劳玩具的微交互

(麦当劳小汉堡熊系列)

还有这个尾巴小熊,按住尾巴,双手进行晃动。而且由于尾巴是隐藏在后面的,还可以给前方的人营造出自动摆手的错觉。一般小动物被按着尾巴也是会很开心。

浅析麦当劳玩具的微交互

(麦当劳尾巴熊系列)

这只的话,拨动下面的小黄鸡,小熊就也会摆手,像是要抓住它一样。

浅析麦当劳玩具的微交互

(麦当劳薯条熊系列)

咖啡杯熊,拨动开关,小熊就会在咖啡中旋转。而且我仔细看了一下,这个咖啡杯里面的小熊的转动方向与咖啡杯的方向是相反的,这个与物理的一些运动规律是相符的。

浅析麦当劳玩具的微交互

(麦当劳咖啡杯熊系列)

拨动下方齿轮,小熊就会旋转跳舞。小熊与饼的连接用了蜂蜜,给人一种悬空的感觉,其实这个也让我想到一些当代的工业设计例如倒牛奶灯(用牛奶作为连接)。

浅析麦当劳玩具的微交互

(麦当劳枫糖饼熊系列)

浅析麦当劳玩具的微交互

(倒牛奶灯)

这只是可以眨眼睛的熊,一边眨眼,饮料还一边呢减少。闭眼表达了陶醉的感觉,这个时候饮料的减少就非常匹配,让熊的运动更加真实。

浅析麦当劳玩具的微交互

(麦当劳喝饮料熊系列)

最后一个是可以取物用的玩具,旋转机关,就可以把胶带去除。这个也带一点惊喜感,小黄鸡一开始是藏在盒子里的。

浅析麦当劳玩具的微交互

(麦当劳胶带熊系列)

这个系列的玩具就如同带有动效与情感的交互设计一般。其中人与物的交互简单、微小,却又能传递一些微妙的联系,与用户的每一步操作都紧密联系,产生互动感。

我想这也是设计发展的其中一个趋势吧?微小的一个点击动作,也逐渐会更加可感,包含更加顺畅的功能衔接。在运动的动作方面,也不只是简单的移动了,而更加增加缓进缓出,摩擦力,加速度等等。

浅析麦当劳玩具的微交互

(关于分享的按钮设计 – from dribble)

后记

虽然第一次去麦当劳的时候,排了那么久的队,但现在想想,拿到什么玩具却不太记得了,只记得那是一个很热的天,大家都很兴奋往那个红黄红黄的店里张望。

从系列感的玩具,到活动感的玩具,到具有交互感的玩具,每个玩具都带给很多小朋友不同的期待与欢乐,希望设计也是如此,不断进步,不断创新,不断给人欢乐。

参考资料

https://www.completeset.com/stories/history-of-happy-meal-toys

https://www.eater.com/2016/2/23/11093906/happy-meal-toys-mcdonalds

https://zh.wikipedia.org/wiki/开心乐园餐

https://dribbble.com/shots/3236117-Share-Your-Profile

http://www.taghobby.com/archives/159882?to_id=159882&from_id=177718

https://www.likejapan.com/news/日本麥記開心樂園餐超可愛鬆弛熊玩具初登場

http://sp.mdj.jp/Family/happyset/r/

https://www.youtube.com/watch?v=0-h-kCxQhr0

https://www.airfrov.com/blog/mcdonalds-japan-rilakkuma/

http://villa.fang.com/2010-09-28/3849536_all.ht

 

本文由 @交互小怪兽 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21231/

(0)
CatherineCatherine
上一篇 2017-04-27 20:09
下一篇 2017-04-27 22:22

相关推荐

  • 同一页面放两个相同的链接:这样的重复是有益还是有害?

    尽可能消除网页重复性元素,减轻用户认知负担。每一个多余的链接会影响网站的易用性。

    2017-05-25
  • 设计师们,停止不必要的UI动效设计吧!

    这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。我们将在下文中,简单探讨如何改善下面的这个交互。

    2017-05-14
  • 产品原型设计之交互体验的思考过程(二)

    接着上一篇《产品原型设计之交互体验的思考过程(一)》,这篇主要针对微记第二版的原型设计调整的思考过程作一下详细的说明。

    2017-05-23
  • 产品经理如何有效学习产品课程?

    很多想要成为或者刚刚成为互联网产品经理的人会自己学习一些大牛分享的课程,阅读一些推荐书籍,但是学完之后经常会有好像很有收获但是却又不知道收获了什么的感觉,产品经理如何有效学习产品课程呢?以下是我自己在进行产品学习时的一些经验。1、多体验产品一个好的产品经理首先自己一定是一个好的用户,只有多体验产品,多思考产品背后的设计理念和价值,自己才能设计出优秀的产品。我们公司有个资深产品经理,他设计的产品日活已经上亿,公司当时还奖励公司员工每日一盒...

    微信热点 2018-03-06
  • 视觉设计不懂业务时如何着手设计?

    信很多视觉设计师 会有这样经历,当接触到一个新的项目;如果是熟悉业务类型产品,设计起来轻松熟络,如果是一个陌生的业务类型,则需去摸索与尝试,找到合适的设计定位与视觉风格。当视觉对交互的业务性质、框架逻辑、层级关系不熟悉时候,视觉效果是画出来了却漏洞百出.

    2017-05-24
  • 以手机淘宝为例,看原型图易缺失的交互场景

    Echo :以iOS版手机淘宝历史搜索为例,本文作者希望通过展示的原型图来讨论易遗漏的交互场景,让读者得到收获,并总结出以后如何避免遗漏交互细节与定义。

    2017-09-29
  • 碉堡了-微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-02
  • 《2017中国设计行业价格报告》——交互设计

    《2017中国设计行业价格报告》——交互设计创意点亮生活设计美好人生创意设计一个有温度有格调的公众号合作、投稿:cda-zj@vip.163.com微信:13777850472微博:@浙江省创意设计协会

    2018-02-14
  • 移动端下拉表单的更好选择

    在表单中使用下拉菜单看起来并不重要:它们在用户界面上占用的空间不大,它们自动验证输入,所有浏览器和平台都可以支持它们,它们实现起来容易且方便,用户知道它们的好。

    2017-04-28
  • 不为动而动!动态效果在体验设计中的应用

    现在在网页和H5中使用动效已经成为一个大的趋势,随便打开一个H5都会看到一大堆跳动的元素在那里向你招手:看这里!看这里!但在这样的滚滚大潮当中我们是否应该思考一下:真的需要这么多的动效么?为什么需要?需…

    2016-07-06