产品和用户之间,通过界面和交互来进行沟通,沟通的方式是每个设计师都需要深入思考的事情。不同的界面元素发挥着不同的功能,而其中最特殊的大概就是和品牌有着紧密关联的吉祥物了。
在Tubik Studio 设计和开发闹钟应用 Toonie Alarm 的过程当中,吉祥物赋予了这款应用以足够的情感元素,将这款APP 从可用和易用的层面上,向上拉伸到有个性,有特色有品牌气质的层次。
吉祥物对于产品而言无疑是有用的,它的作用超越了单纯的可用性,在品牌策略和后续的持续发展中,有着独特的价值和非一般的作用。吉祥物可以反映产品的性格,形成风格和氛围,通过视觉化和体验化的设计,强化和用户的沟通。和其他的元素最根本上的不同,吉祥物有着人格化的特征,替代产品发声,构建情感联系,创造意想不到的效果。
上一篇文章《可爱炸!人家的闹钟APP为何设计得如此有意思》当中,我们完整阐述了Toonie Alarm 这款应用的设计过程,现在还是以这个闹钟应用为例,我们来聊聊吉祥物在 UI和APP中是怎么设计出来的。
为 Toonie Alarm 这款 APP设计吉祥物。
Wacom Intuous Pen Tablet,AI,PS
吉祥物是用户和产品之间产生情感关联的纽带。吉祥物将会被集成到界面当中,尽量深入到日常的交互当中,成为核心。
在UI设计当中融入吉祥物,优点很明显:
通过深入的调研,我们发现一个真正优秀的吉祥物通常需要通过分析目标受众的需求、愿望和期望之后,结合市场环境,适当地加入原创性来完成设计方案。所以,它应该具备下面的特征:
对于 Toonie Alarm 而言,这只快乐的小鸟吉祥物是整个产品设计中的核心。作为和用户沟通的焦点,Toonie 还是一个很好的品牌形象,足以营造风格独特,个性突出的APP。既然这只小鸟想让世界变的更加明亮,那么它应该和闹钟之间有足够的互动,传递信息,提供降低,提示错误,在日常生活中发挥作用。
创建吉祥物的第一步并非是构建形象,而是要在战略上对这个角色有足够的认知,在功能上有完整的策略。考虑到APP本质上只是一个闹钟,所以,这个吉祥物要能够高效而鲜明地反映这一特征。另一方面,设计师还需要考虑市场竞争的问题。其他许多同类产品没少花心思通过不同的风格来吸引用户了,所以这个吉祥物不仅要看起来足够原创以应对竞争,而且要能够快速清晰地传递信息,服务于APP和用户。
在吉祥物的具体设计上也不能偷懒。多数情况下,设计师会选取一种动物作为吉祥物,但是作为主要的吉祥物,我们认为生造的形象并不如传统的概念更加吸引人,常言道早期的鸟儿有虫吃,于是我们为Toonie创造了一只可爱的蓝色小鸟。
另外一方面,Tubik Studio在创造Toonie Alarm的时候,和其他的应用还有一些不一样的地方,它额外选取了大量的动物形象制作成了小贴纸,在你完成特定任务,达成成就的时候,作为奖励提供给你。这些可爱的贴纸,赋予这款APP比较强的娱乐性。
接下来,我们看看 Toonie 的蓝色小鸟吉祥物有着什么突出的功能。
打开应用之后,首屏是一个漂亮的动画,风格颇为可爱而有趣 Toonie 字母逐个跳出,整个应用活泼的基调在此可见一斑。
接下来就是新用户引导教程,这个部分只有在初次使用的时候会出现。Toonie 会在教学界面当中,扮演不同的角色,搭配着动效,帮用户更好地了解这款应用的几个基本的功能。教学界面不多,3屏简明地介绍了其中的主要功能和特征。
在用户使用过程中,Toonie的蓝色小鸟吉祥物会伴随着通知或者提醒时常出现,文案也常常会设计得如同从小鸟嘴中说出一样,营造出和用户的对话感,这是将吉祥物人格化的设计策略。
在下面的空状态界面中,用户还没设置闹钟,蓝色小鸟降落抱头,让界面不至于空置,营造出有趣的氛围,结合顶部的提醒,引导用户开始设置闹钟和提醒。
整个APP的导航主要通过底部3个按钮来实现,第二个是用来搜集成就贴纸的界面,这也是通过奖励机制来鼓励用户多使用Toonie 完成成就,获得贴纸。
当用户搜集了所有贴纸,获得成就得到祝贺的时候,同样会有蓝色小鸟吉祥物前来道贺。
正如同前面所说的,吉祥物在开发和设计上有着巨大的潜力和持续的价值,比如在万圣节这样的节日就能推出特殊版本的贴纸~
在圣诞节到来的时候,通过吉祥物来通知用户搜集特别版的贴纸。
Toonie Alarm 这款APP 将吉祥物的常见使用策略都展现了出来,你可以从中了解到如何使用吉祥物来提升APP使用的效率,如何从不同的层面提升整体的多样性。如果能够合理运用,吉祥物比起文字和普通的UI控件,拥有更强的影响力和生命力。
【这些设计实战同样来自Tubik Studio】
原文地址:uxplanet原文作者:Tubik Studio巅云译文:@陈子木
本文由网页设计原创翻译,请尊重版权和译者成果,转摘请附上巅云链接,违者必究。谢谢各位编辑同仁配合。
【网页设计 原创文章 投稿邮箱:yuanhttp://www.yinxi.net/】
================明星栏目推荐================
优优教程网: yinxi.net 是巅云旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://www.yinxi.net/