浅析麦当劳玩具的微交互

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


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

浅析麦当劳玩具的微交互

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

红红的盒子,上面一个大大的黄色英文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-05
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 探讨F式布局在网页中的运用

    虽然网页排版 方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。

    2017-05-04
  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • 阿里UED双11组织文化传播-为每位阿里小二制造快乐

    这个组织,从创意策划、设计体验方案、执行落地再到传播推广,各种角色无缝衔接。下面带大家探秘这个神秘组织—UED双11品牌传播团队。印象里…双11阿里组织文化传播设计不就是内部宣传么(简称内宣)。Too young Too simple,一次成功的双11背后,内宣就好比阿里小二的精神鼓励师,支(bi)撑(po)着大家不断创造新的历史(走过最长的路,就是内宣人的套路,此处应有掌声)。那么,今年内宣设计的策略和体验核心是什么呢?今年双11品牌...

    2018-02-02
  • 2017 年网页设计的十大趋势

    又迎来了崭新的一年,让我们来了解网页设计的发展趋势吧。“2016 年是对话式商务的元年。”“GIFs 是伟大的。它们无处不在。”

    2017-05-10
  • 2018年04月05招聘岗位

    招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,15750516333 13948455099促销员20名,要求:年龄20-40岁,时间15-20天,底薪(80一120),提成+提成工资多劳多得!加微信15849572346了解工作内容,今日下午3点面试掌上明珠全体员工欢迎你的到来!招聘电话:158495723468876688内蒙古泽强医药有限公司招聘职位及岗位需求:一、人力资源专员具体要求:1、年龄2...

    2018-04-09
  • 交互设计基本功-pc端

    很多小伙伴0基础想转ux,看了很多网上的文章和书,但是依然不知道具体怎样入手。看完这篇文章,你就可以真正的入门了。1、按钮的5种状态1)正常状态:可以点击且没有进行任何动作的状态2)鼠标悬停时状态:鼠标停留…

    2017-08-01
  • 以人为中心的沉浸式交互设计如何做?

    对于VR的产品中很多的的问题,我们并没有一个通用的解决方式,最好的办法依然是迭代、迭代、迭代!比如头部参考系:它通常定义了一个透明的光标来定位屏幕坐标系。
    又比如虚拟现实坐标系:由于我们容易在虚拟世界中迷路,所以放一个指南针在脚下使得用户一直有方向感是个不错的选择。
    还有躯干参考系:我们可以把信息和工具放在躯干的周围,使它一直跟随着用户,这样当用户低下头时就能看见他需要的东西。
    此外,现实世界参考系:我们可以提供和现实世界有着稳固联系的线索来减少VR眩晕,通过现实参考系可以减少用户看到的和感觉到的感知冲突。

    2017-05-21
  • 互联网产品经理要看哪些经典书籍?需要准备什么?

    入行产品经理所需的准备目前,互联网产品经理的社区很多,里面有海量的信息,如何修炼成为一名优秀的产品经理的经验也是林林种种,笔者也阅读不少,获益不少。今天,笔者并不是谈如 何成为一名优秀的产品经理,成为优秀的产品经理只是第二步,入行才是第一步。笔者作为一个做了一段时间产品的人。谈谈入行产品经理所需做的准备。前提:做产品,关键是要发现用户的需求点,发现用户的痛处~~关注互联网动态和产品动态:1 每天阅读新浪科技或者其他门户网站最新的互联网资...

    2018-03-14