觸屏版
全國服務(wù)熱線:0571-87205688
登錄
注冊
客戶中心
關(guān)注云客
在設(shè)計哪些服務(wù)于日常生活的產(chǎn)品之時,市場調(diào)研是繞不過去的,設(shè)計師需要仔細(xì)思考目標(biāo)受眾,并且仔細(xì)推敲產(chǎn)品應(yīng)該以什么樣的形態(tài)呈現(xiàn)?;剡^頭來看看日常的工具類應(yīng)用,無論是筆記類工具、鬧鐘、待辦事項、計算器還是日歷,它們都是圍繞著用戶、應(yīng)用場景來進(jìn)行設(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)用,進(jìn)行完整的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ì)上,我們定位為有趣、可愛、積極和明朗,在營銷策劃的時候,我們會有意識地將這些特點和概念融入進(jìn)去。
通過用戶研究和分析之后,我們的設(shè)計團(tuán)隊確定了整個產(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)用而言,吉祥物同樣重要。在我們看來,吉祥物是用戶和界面進(jìn)行情感溝通的渠道,也是品牌形象的代表,可以強(qiá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)用的獎勵機(jī)制而存在,如果用戶在特定的時候起床成功,它們會作為獎勵,豐富你的收藏,而用戶也能在收集過程中,獲得成就感,逐步養(yǎng)成好習(xí)慣。這些貼紙都可以通過社交網(wǎng)絡(luò)來分享,標(biāo)記成就。
時間選擇器
這款應(yīng)用的另外一個突出的特色是帶有動效的時間選擇器。Toonie Alarm 的整個導(dǎo)航設(shè)計保持著簡約直觀地特點,當(dāng)用戶開始設(shè)置時間的時候,動效能夠讓這個過程足夠愉悅。
動態(tài)貼紙
貼紙本身是用來強(qiáng)化APP本身的愉悅度的,而動畫能讓本身已經(jīng)很可愛的形象更加生動活潑,對于用戶體驗的提升是明顯的。
Logo樣式
Toonie Alarm 在娛樂性上很強(qiáng),從 LOGO設(shè)計上也應(yīng)該凸顯這一特質(zhì),可愛的漫畫風(fēng)字體讓產(chǎn)品可愛的氣息滿溢出來。
25個完美細(xì)節(jié),蘋果售后教我們?nèi)绾巫鲞\營
關(guān)于如何把握關(guān)鍵詞密度的幾點規(guī)律
新站如何換高質(zhì)量友鏈?需要注意哪些事項?
新網(wǎng)站外鏈建設(shè)的注意事項
關(guān)于網(wǎng)站優(yōu)化如何做好錨文本外鏈?
電商產(chǎn)品:用可視化編輯,解構(gòu)看起炫酷的專題頁面
為什么你的內(nèi)容運營很低效?因為你沒有搞懂這個!
四個網(wǎng)站圖片優(yōu)化小技巧
新網(wǎng)站做SEO排名要穩(wěn)定,別犯這4大點
SEO優(yōu)化網(wǎng)站著陸頁方法經(jīng)驗
評論(0人參與,0條評論)
發(fā)布評論
最新評論