那些不務正業卻令人驚艷的品牌 Apps

本文不談趨勢、不談技術，也不涉及廣告行銷思路。通過分析研究以下品牌app案例的設計表現手法，總結出一些品牌app創新設計要點，希望與大家進行交流探討。 ###   ### 【案例一】UNIQLO——清新型格的數字化生活工具 UNIQLO是一個擁有出色創新基因的日本服裝品牌，UNIQLO品牌所倡導的Life Wear（服適人生）哲學——“Clothes for a better life, for everyone, every day”不是單純將“衣食住行”的“衣”作為一種時尚，而是創造豐富人們日常生活的衣服，基於這個概念發表的各種數字化生活工具被歸類為“UNIQLO LIFE TOOLS”，下面就來介紹一下這些apps——UNIQLO WAKE UP、UNIQLO CALENDAR和UNIQLO RECIPE。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160040893.jpg) **UNIQLO WAKE UP** 作為一個工具型應用，UNIQLO WAKE UP的歡迎語 “在隨着天氣而變化的音樂聲中開始新的一天，分享您的起床信息” 道出了它與其他鬧鐘app的不同。它集天氣、音樂、社交功能為一體，把起床和天氣聯繫起來，配以獨一無二的美妙女聲播報，原創背景音樂則是由世界知名音樂人Cornelius和菅野洋子合作完成。 讀者們可去官網感受一下：[http://www.uniqlo.com/wakeup/cn/pc/index.html?high=true](http://www.uniqlo.com/wakeup/cn/pc/index.html?high=true) 打開app默認的是天氣/時鐘界面，清新明亮的大色塊平鋪十分迷人，不同天氣會自動切換不同背景色和音樂。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160156859.jpg) 除了基礎的天氣和鬧鐘功能之外，UNIQLO WAKE UP還融入了社交功能：可將自己的起床訊息分享至社交平台，向全世界分享自己醒來時的訊息。[ ](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160156859.jpg) [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160343666.jpg) **UNIQLO CALENDAR** 同樣是簡單的工具型app，UNIQLO CALENDAR這款日曆app延續了UNIQLO WAKE UP的視覺風格，界面下半部分為訊息區域，可依次滑動查看天氣、日曆、月曆（可導入google calendar）及時間；上半部分則是快進播放的移軸視頻，不明覺萌。這款日曆app沒有特殊功能，但在形式上很吸引人。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160339578.jpg) **UNIQLO RECIPE（iPad）** 10月初剛發布的“UNIQLO RECIPE”無疑又是UNIQLO LIFE TOOLS的又一重磅產品，它是一款以“美食、時尚與音樂的奇妙融合”為理念的iPad烹飪類app。app收錄了6位美國新銳廚師以UNIQLO“Life Wear”理念創作的24道原創美食，選用日常食材，以大眾烹飪技巧來烹飪，同時展示與食材顏色統一的UNIQLO秋冬服飾。 UNIQLO RECIPE的界面保持着UNIQLO一貫清新大器的視覺風格，明快的顏色與菜肴打造出溫馨的料理氛圍。主界面結構很簡單，以廚師與菜肴的圖片瀏覽為主體，主導航則縮小置於左上角。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160340333.jpg) 點擊某個菜肴進入烹飪詳情頁後，左中右分別是廚師、配料與烹飪步驟。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160340932.jpg) 食材的準備，直觀明瞭。點擊下一步，會有烹飪步驟以及教學影片。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160342295.jpg) 另外，app還貼心地準備了烹飪計時器功能，邊計時邊播放由廚具碰撞之聲混合而成的原創音樂，提出了一邊做料理一邊享受音樂的全新料理理念。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160341663.jpg) 雖然是商品推廣但毫不反感，反而對UNIQLO新款秋冬服飾充滿期待，這就是UNIQLO聰明的行銷策略。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160342945.jpg) ###   ### 【案例二】MUJI——super normal的實用型個人事務管理工具 同樣是日本本土品牌，不同於UNIQLO的清新型格，無印良品倡導的是簡單、自然、樸實，並且富有質感的生活方式。在設計方面堅持“無設計的設計”，所有產品都追求極簡，就如同接下去我要介紹的三款實用的個人事務管理工具apps——MUJI NOTEBOOK、MUJI CALENDAR和MUJI to GO。 [](http://isux.tencent.com/wp-content/uploads/2013/11/2013110516034785.jpg) **MUJI NOTEBOOK** 首先上場的是最樸實無華的筆記類app——MUJI NOTEBOOK，提供手繪塗鴉、文字輸入等基本功能，還支持導入圖片進行繪圖。 Quick Start Guide和Sample教你快速上手，之後就可以創建自己的notebook了。工具欄位於界面頂部——畫筆、橡皮、文字、分享功能一目了然。字體和畫筆有多種顏色和規格，頁面格式有標尺、網格、象限和空白四種規格，令人聯想起MUJI實體店的記事本。完成的notes可導出至包括Evernote等多個平台。如果你想要的是一本“夠用就好”的實用型筆記本，那麼這個app可以滿足你的需求。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160347595.jpg) **MUJI CALENDAR（iPad）** 類似的實用工具型app還有MUJI CALENDAR，可與Google Calendar同步的日程應用。iPad版MUJI CALENDAR可縮放屏幕或切換tab查看需要的視圖，通過設定每天和每周的開始時間，可以按照自己的生活節奏製作自己的日程表。日程表可分成單元進行拖曳移動，並且可以通過icon標籤來區分不同類型事務。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160344727.jpg) 輕觸畫面底部依據重力感應滑動的旅行箱icon，就可打開下一個要介紹的app ——MUJI to GO。 **MUJI to GO（iPad）** MUJI to GO是MUJI打造的以旅行和機動性為重點的商品服務品牌。用一句話就可概括此app的所有功能：這是一款具備國際時間、天氣、插座、google查詢、貨幣換算、計算器等功能的旅行工具型app。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160345640.jpg) 這款app簡單到極致，用iPad大屏幕帶來翻閱旅行手冊般的自然感受。在提供旅行必備功能的同時，嵌入了MUJI to GO品牌的商品圖片。點擊界面中央碩大的旅行箱icon，商品推薦部分會縮起並保留一個根據重力感應左右滑動着的小icon，這個細節十分有趣。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160346634.jpg) ###   ### 【案例三】WWF Together——觸動人心的科普讀物 世界自然基金會（World Wide Fund For Nature）是在全球享有盛譽的、最大的獨立性非政府環境保護組織之一，也是最相信科技傳播力的世界級公益組織之一。這款WWF Together app獲得了蘋果WWDC 2013設計獎，是WWF少見的動物保護類科普應用，其精緻程度讓小夥伴們都驚呆了。 [](http://isux.tencent.com/wp-content/uploads/2013/11/2013110516035611.jpg) WWF Together介紹了熊貓、美洲虎、犀牛等15種珍稀動物，每種動物都有簡單的文字、圖片以及各種新奇的交互，讓大家了解到它們的習性、分布以及瀕危原因等信息。整個app的視覺風格貫穿了摺紙概念，包括導航、內頁閱讀交互方式以及圖標等視覺元素。接下來讓我們一起走進與這些珍稀動物親密接觸的旅程吧。 首屏以WWF標誌性的熊貓開場，摺紙形式的導航接連展開，可以選擇不同動物進行專題瀏覽。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160348133.jpg) 進入熊貓專題頁面之後，看到的是大熊貓圖片的左上角，原來是把整張圖片切成9份，分布在井字格結構中。簡潔直觀的用戶教育讓人不至於迷失方向。每一個部分中同樣隱藏着各種令人意想不到的交互，比如在介紹大熊貓瀕危原因的部分，界面被分成縱向三塊，箭頭指引用戶可滑動翻轉查看信息。[](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160348633.jpg) 除了優美的視覺和新穎的交互，app也十分注重用戶的參與體驗，每個動物專題都有各自獨特的體驗形式。 來到大熊貓的飲食部分，滿屏的竹子擋住了視線。需要用手指多次劃開竹子，才能看到文字。同時也隱喻着竹子是大熊貓的主要食物，呼籲人們保護竹林。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160349157.jpg) 在美洲虎的專題，為了讓用戶身臨其境感受到“在夜間老虎的視力是人類的6倍”這個事實，app還貼心地動用了攝像頭，讓我們過了一把像老虎一樣暗夜潛行的癮。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160354543.jpg) WWF Together還包括豐富的高清照片、影片以及背景音樂，讓每一個用戶都可以更近距離觀察動物身體的局部，直觀感受到該物種的存在。某些畫面更是富有警示作用，震撼人心。  專題觀看完畢之後，整張大圖片會迅速折起變成動物形象摺紙，一蹦一跳躍然於眼前。最後app鼓勵大家分享這個故事，或通過領養或捐贈獻愛心。 [](http://isux.tencent.com/wp-content/uploads/2013/11/20131105160355588.jpg) [其他案例請點此](http://isux.tencent.com/creative-brand-app-design.html/zh-hant) 跟大家介紹了那麼多品牌app創新設計案例，涵蓋了服裝、運動、公益、珠寶、汽車等各個行業。想要締造出不走尋常路並能提升品牌影響力的品牌app，總結下來有以下五大設計要點： **一、強化品牌形象** 品牌形象的本義是消費者對品牌的心理體驗，是由品牌的氣質識別打造的，品牌應像人一樣具有個性形象。品牌app的誕生，對移動互聯網時代的品牌形象塑造帶來了更大的機會和挑戰。app logo、app視覺風格，甚至app store上的介紹和宣傳banner等，都是品牌形象的重要組成部分。 在以上所總結的品牌中，UNIQLO是這方面的典型案例。首先從它的app logo命名中便可窺見一斑，UNIQLO WAKE UP、UNIQLO CALENDAR、UNIQLO RECIPE，每一個app都是以UNIQLO為首，命名規則高度統一。其次，3個app logo除了背景色有所區別之外幾乎一模一樣，在app store成千上萬的apps中UNIQLO的品牌識別性可謂極高。3款app在視覺風格上嚴格遵循簡潔明快的品牌基調，融合UNIQLO品牌所倡導的Life Wear哲學，讓用戶在使用UNIQLO app的同時，把記憶中有關UNIQLO商品、包裝、廣告、店面展示等各方面都聯繫起來，打造UNIQLO鮮明的品牌個性，提升品牌忠誠度。 **二、洞察品牌受眾** 據統計，IOS App Store上的分類，除了通訊/社交類應用以外最受歡迎的應用類型是Utilities(工具類)和Productivity(生產力類）。儘管如此，品牌在開發一款app時，選擇什麼類型的app，首先是跟品牌產品特徵和目標直接相關的。 日本生活品牌MUJI除了擁有MUJI Apparel Catalog這個電子商城app之外，還推出了上文介紹過的另外3款app——筆記、日曆和旅行備忘，同屬於工具型app，這與MUJI品牌本身的經營領域是一致的，你可以在MUJI實體商店裡看到筆記本、日曆本和各種旅行必備品。MUJI的目標人群是追求簡單、自然、樸實的生活用品，對品牌目標人群的洞察使得MUJI能推出切合消費者實際需求的app。 **三、營造品牌情感氛圍** 情感氛圍是品牌宣傳的基礎，品牌app也能通過講故事的手法來營造情感氛圍。 上面介紹過的WWF Together便深諳此道，它以極致的視覺和交互設計給用戶帶來的不僅是感官上的震撼，更是情感上的觸動。通過講述真實、有趣、迷人的珍稀動物故事給大人和小孩們上了一堂觸動人心的科普課。WWF Together在獲得WWDC設計獎的同時，也擴大了公益組織WWF在全世界範圍內的影響力。 類似做法的還有珠寶奢侈品牌TIFFANY。TIFFANY True Love呈現的內容和產品本身關係不大，更多的是關於鑽石的永恆話題：真愛。app化身真愛嚮導，通過分享真愛故事、尋覓真愛地點、品味愛情諫言，與用戶在情感層面產生互動，這種愛情的浪漫氛圍瞬間提升了用戶對品牌的好感度。相比之下，另一個奢侈品牌Chanel 的手錶app，只有精美的圖片和製表工藝的文字介紹，則要單調遜色的多。 **四、擴大品牌領域影響** 眾所周知，品牌需要在自己的領域持續保持影響力，就要儘可能的擴大和消費者的接觸面。如今品牌有了移動互聯網這個得力平台，更能大膽地用各種方式提高品牌曝光率。 例如之前介紹過的HONDA，原本是傳統汽車廠商的企業，卻跨界玩起了攝影類app。不能確定被這個app吸引而來的用戶是否真的能變成HONDA汽車的消費者，但優秀的app使用體驗會讓這些用戶抱有“HONDA汽車是不是也有良好的使用體驗”這一聯想，對HONDA這個品牌好感度飆升，這對品牌宣傳是百利而無一害的。 另外還有Nike，健康活力的專業運動品牌搖身一變成為頗具社會責任感的環保組織， Making這個app功不可沒，它讓消費者了解到Nike在環保領域的貢獻，無形中擴大了品牌的影響力，提升了品牌在消費者心目中的高度。 **五、品牌口碑行銷** 移動設備的一大特性就是互動和分享功能。以上提到的所有品牌app幾乎都具有社交功能，起了個床、做了個好菜、聽了個故事、拍了段短片，都能通過SNS與朋友分享，由此品牌達到病毒式行銷和口碑行銷的目的。 在移動互聯網的大趨勢之下，在對app忠誠度越來越低的環境下，傳統品牌app如果還是按照電商模式單向傳遞商品訊息，是很難吸引用戶目光的。以上八大品牌的創新做法讓我們重新認識到如何處理「品牌」、「產品」和「人」這三大要素的關係，打造更好的用戶體驗，從而最大化地發揮品牌價值。 出自[騰訊ISUX](http://isux.tencent.com/creative-brand-app-design.html/zh-hant)     **延伸閱讀： ****創業小聚#35暨AppNext2013應用程式創新大賽優勝團隊分享 **時間：2013年11月20日(週三) 19:00-21:00 地點：台北科技大學綜合科館第三演講廳，台北市忠孝東路3段1號。 線上報名：[http://www.bnext.com.tw/edm/meet/](http://www.bnext.com.tw/edm/meet/)[ ](http://www.bnext.com.tw/edm/meet)1人小聚500元，2人結伴800元。 活動洽詢：[meet@bnext.com.tw](mailto:meet@bnext.com.tw)   02-87739808 ext.311 陳小姐