浅析麦当劳玩具的微交互

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


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

浅析麦当劳玩具的微交互

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

红红的盒子,上面一个大大的黄色英文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

相关推荐

  • 小欣浅谈 | 用户体验为什么如此重要

    前言说到我们日常所使用的那些产品和服务,我们对它们的情感可谓爱恨交织。它时而让我们为之欢呼雀跃,时而让我们感到挫败沮丧。时而让生活变得简单明了,时而使生活复杂无常。即使这样,我们每天还要和不计其数的产品打交道。而我们的产品开发人员,注意力的重点往往在95%以上都放在产品本身,而用户使用过程中的体验却常常被忽视。而这部分,常常成为一个产品投入市场后的隐形“杀手”。|糟糕的用户体验以我们办公室的饮水机为例:加水的按键分为“高\中\低”三档,...

    2018-04-16
  • 交互设计之架构真经

    建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。一、何为信息架构信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。当我们一看到购物车这个信息...

    2018-05-01
  • 【UXRen原创】杀死转化率的 4 大 UX 错误

    作者:Sean Ellis   译者:吆喝科技   本文编译自 Sean Ellis 所撰写的《UX mistakes that are killing your conversions 》 ,作为资深交互设计师, Sean Ellis 谈论 UX 在转换率优化的重要性。Sean Ellis 是 Qual…

    交互专题 2017-08-07
  • [PSD组件资源] iOS 10 GUI for Photoshop PSD源文件

    今天给大家推荐的是 iOS 10 GUI for Photoshop PSD ,ios交互设计规范,大小有266M,需要下载 PSD 源文件。

    2016-09-14
  • 【推荐】交互设计工作记录知识总结

    交互细节小结: 1.用Axure画线框图的时候,线框图网页要多大尺寸? 答:让页面缩放至100%,网页伸缩至适合电脑屏幕大小的尺寸,一般也就是真实网页的实际大小,因为很多时候这份线框图要发送给某个没有Axure的领导…

    IxD案例 2015-11-24
  • 交互设计方案也需要测试和评估的!

      对于一个交互设计在最终上线之前我们要对整体进行评估,那么又有什么评估的方法呢? @elya:对架构、布局、内容、行为四个方面对照检查 1.架构和导航Architecture and navigation ¨ 是否采用了用户熟悉或容易…

    交互设计 2015-02-03
  • 交互设计中,你不可不知的八个度

    数十万互联网从业者的共同关注!作者:李煜佳,华为交互设计师。专注于用户体验及服务设计,擅长设计分析、交互设计、细节体验提升等工作。作者原创并投稿早读课发表,转载请联系作者。欢迎投稿到早读课,投稿邮箱…

    2017-08-01
  • 移动设计:体验、交互和创新之精髓

    移动优先的设计策略将使产品拥有高度任务驱动的体验。用户可以将注意力聚焦在需要完成关键任务上,而不会被传统桌面产品中过多的无关因素所干扰。

    2017-06-04
  • 从了解用户的注意力开始,创造更优秀的用户体验

    作者:Norbi Gaal译者:优设网-陈子木链接:https://www.uisdc.com/introduction-to-human-attention这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构...

    2018-04-07
  • 交互设计与心理学关系

    来源:jeffrey's blog 作者:jeffrey 交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学…

    2014-09-21