在設(shè)計哪些服務(wù)于日常生活的產(chǎn)品之時，市場調(diào)研是繞不過去的，設(shè)計師需要仔細(xì)思考目標(biāo)受眾，并且仔細(xì)推敲產(chǎn)品應(yīng)該以什么樣的形態(tài)呈現(xiàn)。回過頭來看看日常的工具類應(yīng)用，無論是筆記類工具、鬧鐘、待辦事項、計算器還是日歷，它們都是圍繞著用戶、應(yīng)用場景來進行設(shè)計，偶有產(chǎn)品會在這基礎(chǔ)上增加一些獨特的設(shè)計。Tubik Studio 也設(shè)計并最終開發(fā)完成了一款鬧鐘應(yīng)用，名為 Toonie Alarm，產(chǎn)品上線后，發(fā)布在 Product Hunt 上，在短短4個小時內(nèi)，上升來產(chǎn)品類列表前五。今天的文章，我們來分享一下這款產(chǎn)品的設(shè)計過程。

　　任務(wù)

　　為 iPhone 設(shè)計一款引人入勝的鬧鐘應(yīng)用，進行完整的UI 和UX設(shè)計。

　　設(shè)計思路

　　Toonie Alarm 的設(shè)計過程和 Tubik Studio 其他的設(shè)計項目有著天然的不同，之前許多項目大多是由甲方提出需求甚至最初的概念設(shè)計，我們再根據(jù)需求來提出設(shè)計方案。Toonie Alarm 則是走的完全不同的道路，它是完完全全由我們自己提出需求、完成設(shè)計和開發(fā)的產(chǎn)品，我們的想法貫穿始終，沒有受到第三方的影響和干擾。所以，以往甲方負(fù)責(zé)的事情，這次我們需要完全自己來做了。我們構(gòu)思了它的整個功能和產(chǎn)品策略，思考賣點和營銷計劃，構(gòu)建品牌，等等等等。

　　最初，我們的想法是創(chuàng)建一個簡單的鬧鐘，加入有吸引力的設(shè)計和一致的元素，并且我們希望它能和其他鬧鐘一樣，做到一些讓人不那么愉快的事情：比如提醒人起床。在品牌氣質(zhì)上，我們定位為有趣、可愛、積極和明朗，在營銷策劃的時候，我們會有意識地將這些特點和概念融入進去。

　　通過用戶研究和分析之后，我們的設(shè)計團隊確定了整個產(chǎn)品設(shè)計和功能上具備下面的特征，或者說賣點：

　　APP中所有的功能都應(yīng)該對于所有用戶免費

　　使用簡單、清晰、直觀的導(dǎo)航

　　明亮而漂亮的界面

　　大氣漂亮的貼紙元素

　　將鬧鐘喚醒功能和成就系統(tǒng)結(jié)合起來

　　令人愉悅的交互動畫

　　動畫化的時間選擇器

　　能和朋友即時分享成就

　　接下來，我們來看看 Tubik Studio 的設(shè)計師怎么實現(xiàn)這些功能的。

　　可愛的吉祥物

　　在之前的文章當(dāng)中，我們探討過吉祥物在品牌設(shè)計和UI設(shè)計中的重要作用，對于 Toonie Alarm 這款應(yīng)用而言，吉祥物同樣重要。在我們看來，吉祥物是用戶和界面進行情感溝通的渠道，也是品牌形象的代表，可以強化產(chǎn)品的識別性。除此之外，它還能讓設(shè)計師更好地營造氛圍，打造個性，是讓用戶和產(chǎn)品之間建立自然交流的橋梁所在。

　　所以，我們?yōu)門oonie 創(chuàng)造了一只可愛而又快樂的小鳥作為吉祥物，它的使命是讓用戶的生活更加透亮，幫助用戶管理時間和生活。它會為用戶推送信息，提供獎勵，提醒錯誤，為生活增加樂趣，給生活添彩。

　　APP 使用教程

　　教程是界面的重要組成部分，它可以幫助用戶了解基本的交互和特色的功能。在 Toonie Alarm 當(dāng)中，教程包含三屏內(nèi)容，用來承載功能和交互的介紹。簡短明了的介紹文案，加上平滑自然的過渡動畫，結(jié)合吉祥物，營造出快樂的氛圍。

　　主界面

　　作為一款鬧鐘應(yīng)用，主屏幕自然是用來承載各色鬧鐘、設(shè)置鬧鐘時間的界面。當(dāng)你被鬧鐘喚醒之后，就可以在主屏幕上收集各種各樣有趣的貼紙。為何貼合起床這一特定的場景，鬧鐘的開關(guān)按鈕被設(shè)計成為小太陽的樣子。向左滑動，用戶可以打開針對特定鬧鐘的更多功能。

　　貼紙界面

　　貼紙作為這款應(yīng)用的獎勵機制而存在，如果用戶在特定的時候起床成功，它們會作為獎勵，豐富你的收藏，而用戶也能在收集過程中，獲得成就感，逐步養(yǎng)成好習(xí)慣。這些貼紙都可以通過社交網(wǎng)絡(luò)來分享，標(biāo)記成就。

　　時間選擇器

　　這款應(yīng)用的另外一個突出的特色是帶有動效的時間選擇器。Toonie Alarm 的整個導(dǎo)航設(shè)計保持著簡約直觀地特點，當(dāng)用戶開始設(shè)置時間的時候，動效能夠讓這個過程足夠愉悅。

　　動態(tài)貼紙

　　貼紙本身是用來強化APP本身的愉悅度的，而動畫能讓本身已經(jīng)很可愛的形象更加生動活潑，對于用戶體驗的提升是明顯的。

　　Logo樣式

　　Toonie Alarm 在娛樂性上很強，從 LOGO設(shè)計上也應(yīng)該凸顯這一特質(zhì)，可愛的漫畫風(fēng)字體讓產(chǎn)品可愛的氣息滿溢出來。