13种优秀App设计不止有设计美感,更跟踪用户体验

译文
移动开发 移动应用
本文向您列举了十三种最佳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

食物和饮料类:Kitchen Stories

在该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

健康与健身类:Human

由于该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

 娱乐类:Eventbrite

该App会随时推送您所在地区、和您已设定的目标地区的各种***活动信息。通过该程序的界面设计,它能够让您对任何感兴趣的活动内容进行筛选,并能以点击的方式来了解详情。同时,它既可以为您预订自己周围的活动事件,也能够让您查看到其他朋友的去向。该App具有简洁的界面,因此方便了活动参与者、和组织者管理自己各项活动安排。当然,您也可以通过点击界面上的ticket标签来了解更多信息,并快速地完成活动签到。

5. 摄影类:Halide(https://halide.cam/)

  • iOS版下载链接:https://itunes.apple.com/us/app/halide-camera/id885697368?mt=8

摄影类:Halide

如今,随着智能手机的普及和不断升级,每个人都能秒变成为摄影师。虽然该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

作为一个“桥梁”,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

财务类:Current

这款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

体育类:ESPN Fantasy Sports

任何一个体育爱好者都深知:全面且完备的赛事统计数据,对于追踪赛季的各个球队赛况是非常重要的。这也正是此款应用的价值所在。它涵括了各大球队、队员、赛程安排等详细的信息,并通过整洁的界面有组织地罗列出来,以便用户可以快速浏览和跟踪赛事。凭借着直观的布局和简洁的设计,该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

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

谁不喜欢每天多学点新东西呢?对于那些梦想成为专业知识领域的学生,而又不愿支付高昂学费、或是不想天天泡在图书馆的人来说,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

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

游戏类:Alto’s Odyssey

可以说,大量游戏类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】

责任编辑:赵宁宁 来源: 51CTO
相关推荐

2012-01-17 10:20:25

Web App最佳实践用户体验

2013-04-17 09:50:36

用户体验设计UED手势

2024-01-02 11:38:41

体验交互设计

2015-10-12 17:17:50

用户体验设计错误

2011-12-29 10:22:04

iPad用户体验设计指南

2013-11-11 15:15:38

设计用户体验

2014-11-26 10:42:55

界面设计

2013-07-12 09:49:41

Android设计

2013-08-19 09:44:59

Android设计指导Android Des

2013-08-14 13:35:32

设计

2014-01-03 13:56:00

手游用户体验设计启动和停止

2014-01-03 14:05:26

手游用户体验设计启动和停止

2012-09-19 14:39:36

体验设计用户体验设计

2014-01-03 14:52:23

手游用户体验设计动画

2013-06-04 10:11:28

Google用户体验设计UED

2014-01-03 15:10:10

手游用户体验设计适应平台

2014-01-03 14:15:59

手游用户体验设计交互方式

2020-11-17 22:28:30

移动开发

2015-08-07 10:11:47

Web用户设计要点

2020-05-27 15:55:07

智能城市物联网技术
点赞
收藏

51CTO技术栈公众号