13種最佳App設計不止有設計美感,更跟蹤使用者體驗
【51CTO.com快譯】一直以來,我們都致力於評估和分享各類應用平臺上的App品質。我們的評判依據不單單是那些具有“漂亮的臉蛋”(即,圖示設計)的軟體產品,還會持續關注並涉及到它們的登入介面、導航功能、以及對於賬戶的登出、轉換和積分制設計等方面。
實際上,許多“看似簡單”的因素(如,主題顏色的深淺)都會決定一款App是否能在感官上吸引使用者的眼球,甚至能夠決定產品的最終成敗。
這次,我們“App小組”給大家帶來了一些自認為是當前市面上最頂尖、且最好用的應用設計。當然,這裡不會包括諸如Facebook for social或Google+Drive/">Google Drive for productivity之類的知名應用。
1. 旅行類:Hopper( ofollow,noindex" target="_blank">https://www.hopper.com/ )
- iOS版下載連結:https://itunes.apple.com/us/app/hopper-book-flights-hotels/id904052407?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=com.hopper.mountainview.play&hl=en
如上圖所示,您很難忽略這隻可愛的小兔子(Hopper的吉祥物),當然更不用說您可以在註冊時、和使用中隨時為自己的賬戶個性化定製一隻。說到註冊,在您通過簡訊獲取驗證碼後,只需簡單輸入姓名、郵件地址、電話號碼三條資訊便可輕鬆搞定。
您可以非常容易地在App內搜尋到各種往返、或單程航班,並在日曆的每一天中顯示可以買到的最低價格。當然它是按照四種不同的價位區間,使用不同顏色顯示的。因此,一旦選定了某個日期,您就能看到對應的航班,並接收相關的通知。另外,Hopper還能向您提供價格預測、超個性化的旅行提示、和其他優惠資訊。
2. 食物和飲料類:Kitchen Stories( https://www.kitchenstories.com/en )
- iOS版下載連結:https://itunes.apple.com/us/app/kitchen-stories-recipes/id771068291?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=com.ajnsnewmedia.kitchenstories&hl=en
在該App的歡迎介面上,您可以直觀地看到各種誘人的烹飪圖片和動態圖。您可以直接用電子郵件或Facebook帳戶登入該App。在主介面上,您可以讀到各種當日推送的故事、靈感啟發、食譜交流、社群推送、以及當季內容等。另外在介面的上方,您可以看到一個名為“How To”的標籤。在此,您可以找到從“如何切西紅柿”到“如何對罐子進行消毒”等有趣的內容。該App的每一份食譜都配有事前準備、烘焙時間、配料、餐具、配照、說明等精細的步驟。它絕對是我們所見過的最好的美食類App設計之一!
3. 健康與健身類:Human( http://human.co/ )
- iOS版下載連結:https://itunes.apple.com/us/app/human-activity-tracker/id692721875?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=co.human.android&hl=en
由於該App是一款具有強社交屬性的健身應用,因此全球遍佈900多個城市的居民正在使用Human。它不但能夠為使用者每日提供與健身相關的城市統計資料,還能實時地顯示世界各地人們的運動狀態。通過這兩方面的資料,該App能夠激發大家為提高所在城市排名的動力,進而促進運動愛好者的身心健康和競爭意識。您可以通過簡單的郵件地址,來建立一個能夠安全儲存自己各種活動資訊的賬戶。另外,該App不但免費、易用,而且還能全天候地跟蹤您的各種運動資料。
4. 娛樂類:Eventbrite( https://www.eventbrite.com/ )
- iOS版下載連結:https://itunes.apple.com/us/app/eventbrite/id487922291?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=com.eventbrite.attendee
該App會隨時推送您所在地區、和您已設定的目標地區的各種最新活動資訊。通過該程式的介面設計,它能夠讓您對任何感興趣的活動內容進行篩選,並能以點選的方式來了解詳情。同時,它既可以為您預訂自己周圍的活動事件,也能夠讓您檢視到其他朋友的去向。該App具有簡潔的介面,因此方便了活動參與者、和組織者管理自己各項活動安排。當然,您也可以通過點選介面上的ticket標籤來了解更多資訊,並快速地完成活動簽到。
5. 攝影類:Halide( https://halide.cam/ )
- iOS版下載連結:https://itunes.apple.com/us/app/halide-camera/id885697368?mt=8
如今,隨著智慧手機的普及和不斷升級,每個人都能秒變成為攝影師。雖然該App最初只是專門為iPhone X設計的,但是它的一些常見實用功能仍然相容那些舊版的iPhone。Halide的超流暢設計特性,能夠讓您毫不費力地通過在介面上的手勢操作來進行拍照。另外,它具有對照片進行增強現實(AR)處理(通過雙攝像頭來實現)、智慧峰值對焦(不再需要人工去測算應有的銳度),以及其他酷炫的效果和功能。
6. 生活方式類:Artsy( https://www.artsy.net/ )
- iOS版下載連結:https://itunes.apple.com/us/app/artsy-buy-sell-original-art/id703796080?mt=8
作為一個“橋樑”,Artsy能夠更便捷地將藝術家、和他們的藝術作品推向世界舞臺。在該App中,您可以找到來自世界各大頂級畫廊、和博物館的超過600000件作品和藏品。它們既能夠被直接購買,也可以被拍賣。當然,作為一款專注於藝術領域的應用,其介面設計可謂是具有一流水平。雖然只能在方寸之間的手機螢幕上展示各類作品,但是該App時尚的線條、呈現的角度、以及互補的著色都體現了匠心打造的精品水準。
7. 財務類:Current( https://current.com/ )
- iOS版下載連結:https://itunes.apple.com/us/app/current-debit-card-for-teens/id1077366211?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=com.current.app&hl=en_US
這款App是面向青少年開發的,旨在向他們傳授各種財務責任方面的知識,並幫助他們做出良好的財務決策。由於該應用只能繫結被父母管控的借記卡,因此各種財務行為的最終決定權仍被掌握在成年人的手中。它運用鮮豔的色彩、酷炫的字型、和獨特的背景,為大家重新定義了那些僵硬的金融知識、和沉悶刻板的財務印象。另外,為了將一些與年輕人有關的統計資料、和那些抽象的概念及術語聯絡起來,該應用採用了一種非常簡單而直接的使用者介面表達方式,方便了使用者去識別各種任務、並採取行動、和進行預算。
8. 體育類:ESPN Fantasy Sports( http://www.espn.com/fantasy/ )
- iOS版下載連結:https://itunes.apple.com/us/app/espn-fantasy-sports/id555376968?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=com.espn.fantasy.lm.football&hl=en
任何一個體育愛好者都深知:全面且完備的賽事統計資料,對於追蹤賽季的各個球隊賽況是非常重要的。這也正是此款應用的價值所在。它涵括了各大球隊、隊員、賽程安排等詳細的資訊,並通過整潔的介面有組織地羅列出來,以便使用者可以快速瀏覽和跟蹤賽事。憑藉著直觀的佈局和簡潔的設計,該App的導航非常易用,您可以一眼看盡所有的新聞和賽事更新。
9. 生產力類:Trello( https://trello.com/ )
- iOS版下載連結:https://itunes.apple.com/il/app/trello/id461504587?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=com.trello&hl=en
在我看來,這是一款最流暢、最簡單、最精細的生產力類應用程式。您可以為各種待辦事項建立管道式的內容看板,並通過拖放任務來跟蹤自己的進度(例如,基於待辦、進行中、已完成的特徵來移動任務)。同時,該應用在設計上非常實用,使用者可以輕鬆檢索,並隨時隨地管理他們的任務,而不必過度依賴於其網站或桌面端版本。另外,您可以根據自己的喜好選擇不同的介面背景,當然,您也可讓Trello進行隨機選擇。可以說,這是一款“教材級”的、有利於提高生產力的移動應用。
10. 購物類:Warby Parker( https://www.warbyparker.com/app )
- iOS版下載連結:https://itunes.apple.com/us/app/glasses-by-warby-parker/id1107693363?mt=8
Warby Parker的創意源自一個樸素的原因:由於高階眼鏡非常昂貴,因此世界上很多人都無法消費得起。在其網站大獲成功之後,如今他們推出了對應的App版本。其訂購眼鏡的流程非常簡單:您只要拿起手機挑選5副鏡框,他們就會把眼鏡送到您的家裡,讓您挑選出最喜歡的一副。足不出戶,您便可以通過該App挑選到時尚、且優質的眼鏡。
11. 教育類:Coursera( https://www.coursera.org/ )
- iOS版下載連結:https://itunes.apple.com/us/app/coursera-top-online-courses/id736535961?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=org.coursera.android&hl=en
誰不喜歡每天多學點新東西呢?對於那些夢想成為專業知識領域的學生,而又不願支付高昂學費、或是不想天天泡在圖書館的人來說,Coursera可謂是他們的福音。它的介面設計非常的流暢和簡單,能夠以導航欄的方式向您展示某個教學大綱的組織結構。您可以在此檢索到成千上萬種的課程,從如何使用iPhone進行拍照,到商業管理,甚至還包括一些考證、和學位型別的課程。迄今為止,這是一款面向高等教育的最佳App。
12. 社交類:Dribbble( https://dribbble.com/ )
- iOS版下載連結:https://itunes.apple.com/us/app/dribbble/id1228326440?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=mathieumaree.rippple&hl=en
Dribbble是各類設計師、和創作者分享其作品的最佳交流平臺。通過該應用程式的流暢介面、和無縫設計,設計師們可以順利地開展各種設計工作。另外,您還可以通過該平臺發現並找到合適的設計人才,進而與他們分享自己的作品和想法,討論不同的流程和觀點。
13. 遊戲類:Alto’s Odyssey( http://www.altosodyssey.com/ )
- iOS版下載連結:https://itunes.apple.com/us/app/altos-odyssey/id1182456409?mt=8
- Android版下載連結:https://play.google.com/store/apps/details?id=com.noodlecake.altosodyssey&hl=en
可以說,大量遊戲類App佔據了應用市場的頭部,其中有24.86%的活躍應用皆屬於此類,而排名第二的商務類App只佔有9.77%。因此,此領域的各種競品之間的角逐尤為激烈。我們來看看Alto’s Odyssey,它擁有各種精美的圖示和使用者介面,以及精心打造的遊戲通關玩法。該設計理念能夠幫助您輕鬆地掌控Alto的遊戲程序,並順利地走向升級的道路。
要設計,更要跟蹤
眾所周知,一款App單靠其具有滿足使用者審美需求的使用者介面是遠遠不夠的,它還需要在使用邏輯、和易用性設計上具備吸引新使用者進來嘗試、和保持已有使用者持續使用的特質。
因此對於我們來說,通過正確的分析方式,來跟蹤使用者與應用之間的各種互動也是至關重要。上述提到的各種“最佳App設計”都能夠在後臺,通過跟蹤使用者的會話記錄和觸屏熱圖(touch heatmaps)等方式,持續的對使用者介面和體驗(UI/UX)進行各種資料的深入分析,從而保證了使用者的“粘性”。
原文標題:13 of the Best App Designs:They’re So (Not) Basic,作者:Lesley Wasserman
【51CTO譯稿,合作站點轉載請註明原文譯者和出處為51CTO.com】