產品和用戶之間,通過界面和交互來進行溝通,溝通的方式是每個設計師都需要深入思考的事情。不同的界面元素發揮著不同的功能,而其中最特殊的大概就是和品牌有著緊密關聯的 吉祥物 了。
在 Tubik Studio 設計和開發鬧鐘應用 Toonie Alarm 的過程當中, 吉祥物 賦予了這款應用以足夠的情感元素,將這款APP 從可用和易用的層面上,向上拉伸到有個性,有特色有品牌氣質的層次。
吉祥物 對於產品而言無疑是有用的,它的作用超越了單純的可用性,在品牌策略和後續的持續發展中,有著獨特的價值和非一般的作用。吉祥物可以反映產品的性格,形成風格和氛圍,通過視覺化和體驗化的設計,強化和用戶的溝通。和其他的元素最根本上的不同,吉祥物有著人格化的特征,替代產品發聲,構建情感聯系,創造意想不到的效果。
上一篇文章 《可愛炸!人家的鬧鐘APP為何設計得如此有意思》 當中,我們完整闡述了Toonie Alarm 這款應用的設計過程,現在還是以這個鬧鐘應用為例,我們來聊聊吉祥物在 UI和APP中是怎麽設計出來的。
任務
為 Toonie Alarm 這款 APP設計吉祥物。
工具
Wacom Intuous Pen Tablet,AI,PS
設計過程
對吉祥物的需求
吉祥物是用戶和產品之間產生情感關聯的紐帶。吉祥物將會被集成到界面當中,盡量深入到日常的交互當中,成為核心。
在UI設計當中融入吉祥物,優點很明顯:
- 記憶性。相比於抽象的概念和特征,具象化的形象在用戶大腦中所存在的時間更長。
- 可識別性。相比於產品的其他特征,吉祥物更容易被用戶識別並記住。
- 視覺標識。吉祥物能夠更好地將產品各方面的特點傳遞出來,充滿人性化的形象視覺化的表現手法,能讓用戶更加難忘。
- 個性化。吉祥物是品牌呈現其視覺特質和個性的渠道之一,用戶會很容易了解產品的特質。
- 風格化。吉祥物通常能夠讓界面隨之擁有獨特的風格。
- 一致性。吉祥物貫穿整個產品不同的界面,創造出一致的體驗。
- 情感化。正如同前文所說,吉祥物大多會以擬人的形象出現,能容易觸發用戶的情感反饋。
- 美感。吉祥物可以承載更加復雜的藝術和設計元素,滿足用戶的審美需求,從而讓產品具備以用戶為中心的特征。
- 長期策略。吉祥物通常讓產品和品牌的長期運營具備了可行性,團隊可以在此基礎上改善體驗,但是又不會失去其獨特的識別性。
通過深入的調研,我們發現一個真正優秀的吉祥物通常需要通過分析目標受眾的需求、願望和期望之後,結合市場環境,適當地加入原創性來完成設計方案。所以,它應該具備下面的特征:
- 難忘
- 易於識別
- 原創
- 擁有一致的設計
- 靈活的適應性
- 適宜於不同的任務
- 兼容不同的屏幕和分辨率
- 風格協調
- 對用戶友好
Toonie 是一只快樂的小鳥
對於 Toonie Alarm 而言,這只快樂的小鳥吉祥物是整個產品設計中的核心。作為和用戶溝通的焦點,Toonie 還是一個很好的品牌形象,足以營造風格獨特,個性突出的APP。既然這只小鳥想讓世界變的更加明亮,那麽它應該和鬧鐘之間有足夠的互動,傳遞信息,提供降低,提示錯誤,在日常生活中發揮作用。
創建吉祥物的第一步並非是構建形象,而是要在戰略上對這個角色有足夠的認知,在功能上有完整的策略。考慮到APP本質上只是一個鬧鐘,所以,這個吉祥物要能夠高效而鮮明地反映這一特征。另一方面,設計師還需要考慮市場競爭的問題。其他許多同類產品沒少花心思通過不同的風格來吸引用戶了,所以這個吉祥物不僅要看起來足夠原創以應對競爭,而且要能夠快速清晰地傳遞信息,服務於APP和用戶。
在吉祥物的具體設計上也不能偷懶。多數情況下,設計師會選取一種動物作為吉祥物,但是作為主要的吉祥物,我們認為生造的形象並不如傳統的概念更加吸引人,常言道早期的鳥兒有蟲吃,於是我們為Toonie創造了一只可愛的藍色小鳥。
另外一方面, Tubik Studio 在創造Toonie Alarm的時候,和其他的應用還有一些不一樣的地方,它額外選取了大量的動物形象制作成了小貼紙,在你完成特定任務,達成成就的時候,作為獎勵提供給你。這些可愛的貼紙,賦予這款APP比較強的娛樂性。
接下來,我們看看 Toonie 的藍色小鳥吉祥物有著什麽突出的功能。
吉祥物在UI中的功能
打開應用之後,首屏是一個漂亮的動畫,風格頗為可愛而有趣 Toonie 字母逐個跳出,整個應用活潑的基調在此可見一斑。
接下來就是新用戶引導教程,這個部分只有在初次使用的時候會出現。Toonie 會在教學界面當中,扮演不同的角色,搭配著動效,幫用戶更好地了解這款應用的幾個基本的功能。教學界面不多,3屏簡明地介紹了其中的主要功能和特征。
在用戶使用過程中,Toonie的藍色小鳥吉祥物會伴隨著通知或者提醒時常出現,文案也常常會設計得如同從小鳥嘴中說出一樣,營造出和用戶的對話感,這是將吉祥物人格化的設計策略。
在下面的空狀態界面中,用戶還沒設置鬧鐘,藍色小鳥降落抱頭,讓界面不至於空置,營造出有趣的氛圍,結合頂部的提醒,引導用戶開始設置鬧鐘和提醒。
整個APP的導航主要通過底部3個按鈕來實現,第二個是用來搜集成就貼紙的界面,這也是通過獎勵機制來鼓勵用戶多使用Toonie 完成成就,獲得貼紙。
當用戶搜集了所有貼紙,獲得成就得到祝賀的時候,同樣會有藍色小鳥吉祥物前來道賀。
正如同前面所說的,吉祥物在開發和設計上有著巨大的潛力和持續的價值,比如在萬聖節這樣的節日就能推出特殊版本的貼紙~
在聖誕節到來的時候,通過吉祥物來通知用戶搜集特別版的貼紙。
Toonie Alarm 這款APP 將吉祥物的常見使用策略都展現了出來,你可以從中了解到如何使用吉祥物來提升APP使用的效率,如何從不同的層面提升整體的多樣性。如果能夠合理運用,吉祥物比起文字和普通的UI控件,擁有更強的影響力和生命力。
【這些設計實戰同樣來自 Tubik Studio 】
- 《富有未來感的柏林之夜APP,是這樣設計出來的》
- 《設計實戰!城市指南網站著陸頁是這樣設計出來的》
- 《這款給醫生的專業APP,設計上有著怎樣不同的要求?》
- 《幫你策劃盛大婚禮的APP,設計思路是這樣的》
- 《這款面向大眾的理財APP,設計過程是這樣的》
- 《一款真正讓人專註的效率應用,應該這麽設計》
原文地址: uxplanet
原文作者:Tubik Studio
優設譯文:@陳子木
本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。
【優設網 原創文章 投稿郵箱:[email protected]】
================ 明星欄目推薦 ================
優優教程網: UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的 知識樹專欄 。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手並制作出酷炫的視覺效果。
設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com
Tags: 吉祥物 設計 當中 鬧鐘 產品 用戶
文章來源: