13種優秀App設計不止有設計美感,更跟蹤用戶體驗
譯文【51CTO.com快譯】一直以來,我們都致力于評估和分享各類應用平臺上的App品質。我們的評判依據不單單是那些具有“漂亮的臉蛋”(即,圖標設計)的軟件產品,還會持續關注并涉及到它們的登錄界面、導航功能、以及對于賬戶的注銷、轉換和積分制設計等方面。
實際上,許多“看似簡單”的因素(如,主題顏色的深淺)都會決定一款App是否能在感官上吸引用戶的眼球,甚至能夠決定產品的最終成敗。
這次,我們“App小組”給大家帶來了一些自認為是當前市面上最***、且***用的應用設計。當然,這里不會包括諸如Facebook for social或Google Drive for productivity之類的知名應用。
1. 旅行類:Hopper(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】