案例解析:苹果应用地图重设计

当前位置:首页>设计文章>交互>案例解析:苹果应用地图重设计

文章旨在以详细的方式(在我有意排除的情况下)指导您完成我的设计过程,并使用讲故事的方式来提供对苹果应用地图重设计该项目的完整透视和理解。
案例解析:苹果应用地图重设计

Quick火的问题:电话中最重要且使用最广泛的功能是什么-短信和即时消息好友,同事和家人的辅助功能?

也许您猜对了,也许此功能已集成到您的生活中,甚至您甚至都没有想过,无论哪种方式,它都是手机的GPS。可以说,GPS技术以我们无法想象的方式改变了社会的生活。

现在,当我们拥有带有导航应用程序的智能手机时,使用物理打印的地图和年鉴的日子已经一去不复返了。自iPhone和App Store推出以来,消费者已经能够使用不同的应用程序来满足他们的个人导航需求。每个人都有自己的喜好,各种应用程序应运而生,以满足各种需求。

案例解析:苹果应用地图重设计

使用WWDC19期间发布的 iOS 13,Apple Maps的体验变得更好。苹果发布了新的,更详细的地图,从头开始重新构建。随此版本一起发布的是经过重新设计的导航面板,可轻松访问“前往”和“必看”目的地,实时公交信息,ETA共享,馆藏,环视(3D预览体验),天桥,飞行状态和更多。

所有这些功能使Maps更加接近于替代Google Maps,但是Apple Maps尚不存在。每个人都知道他们能够而且将会到达那里,这只是时间问题。

巨大的荣誉苹果地图团队的努力工作,在所有新发布的功能,使用该应用程序无疑使我的体验更好了。在对开发像苹果这样规模的产品进行了很多研究之后,我的主要收获是:这个很难(硬。真的,真的,非常荒谬。在决定您将在下面看到的设计之前,我必须对自己进行一番猜测。

作为苹果的庞大用户,我一直着迷于公司如何专注于为客户提供的每种产品和服务中的设计。我以开始了解用户体验设计对Apple的重要性为荣,现在我知道这是开发任何产品或服务的关键而必要的步骤,很少有公司像Apple那样专注于设计。

从我所看到的情况来看,Apple拥护设计,专注于可以想象到的每个细节。苹果并不是完美的,但它们是设计领域的世界领导者之一,而且它们简直太完美了。

自iOS 13公开测试版问世以来,我一直将Apple Maps用作日常导航器,并开始记录我将要更改,改进和添加到Apple Maps的内容。

我为什么要这样做?

因为Apple Maps对于许多用户仍然做得不够。在Google搜索上对“Apple Maps”进行简单的搜索将显示大量文章,表明它并不是真正的替代品。仔细阅读许多Reddit帖子的评论部分,还将显示用户具有的大量功能请求。

我没有等待全球开发者大会(WWDC20)来了解Apple Maps的外观和添加了哪些功能,而是决定根据我通过不同形式的一级和二级研究收集的数据重新设计Apple Maps。

撰写此博客文章旨在以详细的方式(在我有意排除的情况下)指导您完成我的设计过程,并使用讲故事的方式来提供对该项目的完整透视和理解。在继续阅读该故事之前,我强烈建议您访问产品发布登录页面和案例研究。

这是您可以期待看到的一切:

案例解析:苹果应用地图重设计
案例解析:苹果应用地图重设计
案例解析:苹果应用地图重设计

这次经历对我来说很有趣,也是一次很棒的学习经历,因为我坚信Apple Maps是导航领域的弱者,但最终将成为赢家。

案例解析:苹果应用地图重设计

我不喜欢,想要或不需要导航应用程序中的此功能。我只需要到达目的地,你知道吗?

Google Maps非常可靠,但我认为最近它被高估了。苹果和谷歌有两种截然不同的商业模式,因此我了解谷歌地图在开发产品时所采用的路线,但是将来我仍然会使用苹果地图。

为什么?由于其高度平滑的系统集成,激进的简单性以及我在下面概述的我设计的(可能包含或不包含在内)新功能。我加入这些新功能,是因为它们可以使Apple Maps成为您梦想中的个人导航系统。想象一下,在您的生活中以最少的精力制作一本实时的,集成良好的,不断更新的日记。那是我在这里的目标。

还有一件事:

我要说的是,这样做并不是要冒犯任何团队或苹果公司的工作。我还仅为iPhone XS Max,iPhone XR和iPhone 11 Pro设计了这种新体验。Apple团队会定期确保其新功能更新可在每个iPhone,Mac和Apple Watch上正常运行,并且每个更新都将分别更新各自的iOS,macOS和watchOS更新。

所有这些都意味着需要做更多的工作,使用不同的设备,使用不同的用户体验指南,解决方案以及我什至没有开始经历的许多障碍。真的,Apple Maps团队对您表示敬意。

最终警告:如果您还没有进入我的投资组合,也已经看过产品发布页面和案例研究,可以在www.aymanjaddaa.com/apple-maps上进行。

案例解析:苹果应用地图重设计

无论如何,如果有的话,请继续阅读并……enjoy

1. 轻微的布局重新设计

案例解析:苹果应用地图重设计

当前的Apple Maps布局(左)与我重新设计的布局(右)

从理论上讲,打开Apple Maps应用程序时看到的第一件事是总体布局设计。正如案例研究中提到的那样,我决定使所有内容更加“全面”,类似于“提醒”,“健康”,“查找我”和“电子钱包”应用程序的外观。

我预计苹果将来会继续使用“更全面”的设计系统来开发更多应用。我们已经看到了这一点,他们的设计团队使用字体“ San Francisco Rounded”表示较小的标题和数字,我稍后会介绍。

在我重新设计的应用程序中,应用程序的背景更暗,并且失去了透明度。此设计决定背后的原因是用户遇到的以下问题:

  1. 启用了暗模式的用户发现Apple Map的暗度不足以匹配其余的操作系统。用户想要更一致的黑色或深灰色背景。为了解决这个问题,我使“搜索”和“通勤”选项卡使用了基于iOS 13设计套件的Apple的System Grey 6 Dark色,而“我”选项卡现在只是黑色。
  2. 用户抱怨说,在某些情况下难以阅读文字。当前的Apple Maps未能通过我在Color.review上进行的少数对比测试。新的重新设计当然可以取得更好的性能,但是在少数(但更少)的地方仍然失败。我不能做太多改变,因为我想坚持使用Apple的iOS 13调色板。

2. Apple Maps现在使用San Francisco Rounded字体

案例解析:苹果应用地图重设计

接口没有 SF临圆角(左)与接口与 SF临圆角(右)

如前所述,Apple设计团队似乎很乐意在非基于Apple Watch的应用中使用San Francisco Pro Rounded字体。这告诉我,将来的某个时候,它将在iOS中更加一致。

在向我的测试组显示两个屏幕后,一个屏幕使用了标准SF Pro文本/显示,另一个屏幕使用了SF Pro Rounded和SF Pro文本/显示,更多的用户说SF Pro Rounded字体更易于阅读,尤其是数字和小文字。

3. “GO”按钮不再弹出

案例解析:苹果应用地图重设计

绿色的“开始”按钮(左)与蓝色的“开始”按钮(右)

您会注意到“执行”按钮现在变为蓝色,并被标记为“执行”而不是“执行”。为什么要更改这种直观的颜色选择?

好吧,我要问的是,如果蓝色通过iOS描绘了一个动作或链接,那么为什么GO按钮变成绿色?在iPhone上的任何iOS应用中,除了“地图”之外,您都找不到其他操作按钮颜色。

据我了解,“执行”按钮“描绘”了一个交通信号灯。绿色表示走,橙色表示保持,红色表示停止。确实有道理,但是用户报告说他们发现这种颜色弹出过多,而且是不合品牌的。

这是苹果的人机界面指南所说的:

案例解析:苹果应用地图重设计

苹果人机界面指南—品牌

“ 一体化精致,低调的品牌。人们使用您的应用来娱乐,获取信息或完成事情,而不是观看广告。为了获得最佳体验,请在应用程序的设计中巧妙地融入您的品牌。在整个界面中使用应用程序图标中的颜色是在应用程序中提供上下文的一种好方法。”

当我问几个用户时,他们在“地图”图标中看到的第一种颜色是什么,许多人说是蓝色。这一发现进一步证实了为什么“转到”按钮应为蓝色而不是绿色。我没有制定规则,苹果公司做了。

案例解析:苹果应用地图重设计

按钮文字不大写

至于为什么GO按钮现在不是全部大写,是为了使按钮和所有文本更加一致。地图中的所有按钮均大写,但不大写,甚至“结束路线”按钮也不大写,我决定在这里坚持一致。

4. 评分和评论界面进行了改造

“评分和评论”界面也已更改,我删除了图形评分表示中的“ 5分之多”文本。我访问过的大多数用户都发现它是多余的,我也一样。很多事情都是基于5星级的评分标准-酒店,Yelp,OpenTable,Google Maps,App Store评论等等,用户仅通过以数字和视觉形式显示评级即可发现评级更容易理解。

案例解析:苹果应用地图重设计

当前的Apple评论布局(左)与我重新设计的评论布局(右)

审阅界面没有太大变化,与当前的Apple Maps界面相似,因为用户发现它非常直观。我可以更改布局,使其看起来更像App Store的评论,但是基于我进行的一些研究,我发现用户认为带有图片的评论比仅用户名更值得信赖。

为了确保审阅者仍然保留其隐私,我将格式保留为“ FirstName.LastNameInitial”。这也是因为最近有一个关于用户如何在线发布负面评论而受到骚扰的故事。

由于用户在对地点评分后会自动获得弹出式窗口,要求进行评论,因此“写评论”操作现已删除。这样做是为了增加所撰写评论的转换百分比。

案例解析:苹果应用地图重设计

新的评论版式

我添加的三个功能是:能够查看评论的评论,在评论中发布照片以及评论者照片附近的新本地导出徽章。

与iPhone用户如何握住iMessage并留下反应(爱,喜欢,不喜欢,笑,显示兴奋和问题)类似,我想知道用户是否希望在评论中拥有相同的体验。

经过更多的研究和访谈后,我发现虽然大多数用户使用评论来查看他们是否可以信任他们要退房的任何地方,但是当他人批准或审查评论时,他们会感到更加自在。

5. 现在地点已通过验证徽章

某些人可能会将其视为次要缺陷,但要走很长一段路。引起我兴趣的一项研究发现是,用户经常抱怨企业和地点的信息不正确或过时。

为解决此问题,我在Apple Maps Connect中添加了准确,主动管理业务的功能,可以在其商品名旁边带有蓝色徽章(类似于Twitter的“已验证”蓝色勾号)以表明它是准确的并且具有最新和最新信息。

案例解析:苹果应用地图重设计

在Apple Maps Connect中受到积极管理的企业,其商品名称旁边将带有一个蓝色徽章,以表明它是经过验证的帐户和位置,并具有最新的最新信息。

Apple当前在Apple Maps上管理营业地点的方法并不像应该的那么容易,也没有那么简单。它要求用户访问Apple Maps Connect Web门户,并让他们在那里管理和编辑必要的信息,这已经太多了要考虑的步骤。

正如我的案例研究中提到的那样,我想在本案例中采取的第一步就是研究设计一种应用程序,该应用程序允许企业主管理其Apple Maps列表,而不必使用网络门户。通过真正简化此过程并使其更易于访问,我坚信这将增加Apple Maps拥有的准确数据量,并使更多的企业在Apple Maps上列出业务。

6. 现在,“方向”屏幕更能够简化旅行计划

案例解析:苹果应用地图重设计

当前的Apple路线总览布局(左)与我重新设计的路线总览布局(右)

向我的测试组显示新的方向屏幕后,大多数人都赞成新的方向屏幕,而不是旧的方向,并指出了原因,以便他们喜欢在一个屏幕上有更多选项。这与之前在路线屏幕上单击“我的位置”以查看他们在过境方面的所有选项相反。

我从测试组中的几个人推断出的另一个功能要求是能够在驾驶/步行/骑自行车时更改交通方式的选择。我已经为他们展示了每种运输方式的新选项,但是他们提出了结束旅行以更改路线选项或在“设置”中进行挖掘的麻烦。我同意并更改了它。当用户将设置更改为“避开高速公路”之类的内容时,用户应自动将路线指引更改为使用当地街道。

7. 导航时的HUD现在更容易阅读

现在,导航屏幕的布局略有不同。您可能会想,“但是Ayman,您为什么要复制Google Map ??”

我没有好吧,从技术上讲我没有;如果它有效并且得到了统计的支持,那么为什么不利用它呢?保持独特与众不同是件好事,但绝不应该以确保所提出的解决方案能够最好地解决先前的问题,并表现出最佳的解决方案为代价。

案例解析:苹果应用地图重设计

当前行程信息布局(左)与我重新设计的行程信息布局(右)

我决定问我的测试小组,他们在浏览导航屏幕(在Google和Apple Maps中)时首先看到的是什么,但是我得到的答案如此之多,以至于无法解决这个问题。取而代之的是,我使用热图帮助直观地解释了此布局决策背后的原因。

眼见为实,以下是Google和Apple Maps中导航屏幕的热图,我使用了VisualEyes的 AI助手来帮助我验证UX假设。

案例解析:苹果应用地图重设计

来自VisualEyes的AI辅助助手的Heatmap测试结果,红色区域是活动最多的区域,然后,随着颜色变冷,活动减少,最少的关注是深蓝色。

如您所见,Apple Maps用户目前尚不清楚知道首先显示在屏幕上何处的方式。进行了多次测试以考虑不同的用例,并确保上述假设的准确性。我在明暗模式下测试了它,并使用了不同的路线信息。我还尝试上传用户看到的整个屏幕,而不只是上传导航栏。

根据我的研究和生成的热图,我认为结果不言而喻-用户发现重新设计的布局更易于阅读,尤其是开车时,因为每一秒都很重要。

8. Apple Maps中的电影院显示放映时间

我认为可以为用户增加很多价值的一分钟功能,是可以通过该应用程序直接预订电影票。借助现有的事件查看功能和在Apple Maps中的餐厅进行预订的功能,很多人都会喜欢看电影列表,这似乎是下一个合乎逻辑的步骤。用户可以查看电影上映时间,电影摘要,还可以选择在Cineplex应用程序(我们的加拿大电影连锁店)和Apple TV应用程序中查看详细信息。

案例解析:苹果应用地图重设计

Apple Maps的新电影放映时间功能

由于有了iTunes Store,Apple已拥有电影,电视节目,音乐等上的大量数据,因此集成这些数据以帮助用户是可感知且可行的功能。该解决方案减少了许多不同应用之间的点击和用户交互,并且无需在Spotlight或Safari中手动搜索电影。

当我向测试小组展示此功能后,他们立即都喜欢它,并确认它将为他们节省大量时间和麻烦。嘿,这也使人们与我们都非常喜欢的生态系统保持联系。

9. 改进了“嘿Siri”的覆盖和体验

案例解析:苹果应用地图重设计

我目前的“ Hey Siri”覆盖图(左)与我重新设计的“ Hey Siri”覆盖图(右)

我在研究中发现的一个投诉是,用户对开车时如何激活Siri不太满意,因为他们担心由于Siri占据了整个屏幕,他们会错过停车,转弯或退出的机会。

为了解决此问题,我找到的最佳解决方案是将Siri覆盖层悬停在导航屏幕中的路线引导信息上。当用户使用它时,他们只能听到Siri的答案-不会显示任何文本。此模式称为Siri音频模式,在导航到目的地时会自动启用,尤其是在驾驶时。

10. 现在可以将收藏集设为私有,共享或存档

在研究过程中,我发现了一些与收藏有关的痛点,如下所示:

  1. 用户无法知道他们的收藏集是否共享。
  2. 当集合所有者添加或删除新场所时,使用共享集合的用户没有任何更新。
  3. 用户希望选择存档收藏夹的选项,特别是对于旅行可能不太有用的旅行,或者用户回到家乡的旅行。拥有存档收藏集后,用户可以在存储区中保存曾经访问过的地点列表,以防他们以后要重新访问或与家人和朋友分享。

基于这些痛点,我设计了一种可以满足用户需求的新解决方案。

案例解析:苹果应用地图重设计

当前集合的屏幕(左)与重新设计的集合的屏幕(右)

11. 游戏化诱使用户对众包数据做出更多贡献

在本案例研究中,我最开心的部分就是新的本地专家计划。作为喜欢回顾地点的人,我去过很多餐馆地点和地点,如果这个概念在不久的将来实现,我将感到非常兴奋。

我之所以决定加入此计划,是因为人们喜欢游戏化。以下是一些使用它的应用程序和服务:Google Maps,Yelp,Todoist,LinkedIn等。人类喜欢因行为而获得奖励,并因做某事而受到激励。

Google Maps的这个版本已经存在了几年。它被称为“本地向导”计划,该程序过去偶尔会提供免费电影租借,Google云端硬盘存储等奖品,但由于现在用户数量众多,因此无法像以前那样获得奖励。

无论如何,对他们来说这是一次非常成功的冒险,而且苹果公司有资源复制同样水平的成功。尽管现在的奖励可能并不吸引某些人,但它们仍然是很多人会看到的价值的东西。

当然,作为Apple的Apple可以负担奖励发送路线,目的地,业务信息等方面的反馈和评论的用户。既然Apple有其地图数据以及足够大的用户群,则将这些数据众包至关重要。

该程序基于积分系统。用户可以通过以下方式累积积分:

案例解析:苹果应用地图重设计

Apple Maps Local Expert Points系统

任何本地专家都可以累积250分,并在其Apple Maps个人资料旁获得一个蓝色徽章。一旦达到250分,用户就可以保留“本地专家”徽章并将其标榜给其他评论者,家人和朋友。为了增加成为和获得Local Expert徽章的动力,用户可以解锁自定义iMessage贴纸,这是附加的好处。

不会有任何级别,例如Google的本地向导计划。尽管确实有其好处,但最好提供用户可以从中受益的有形奖励,而不仅仅是徽章。苹果还可以考虑根据用户拥有的设备数量或所订阅的服务为用户提供积分乘数。

从长远来看,它的成本可能更高,但对于用户而言可能是一个更好的诱惑-等同于随着时间的流逝质量更高的数据,对Apple的忠诚度更高以及获得多设备用户的成本更低。

12. 现在,“搜索”菜单中的路由会保存以前的会话,并且可以安排以后的会话

我遇到的一个问题(尽管有人认为它很小),因为通勤者在这里查找路线,然后切换到任何其他应用程序,然后再切换回去,我发现我正在查看的路线已经消失了。

为了让我再次看到相同的路线,我必须:

  1. 再次查找地方
  2. 点击方向
  3. 更改起点(如果我更改了地点)
  4. 选择运输方式;在这种情况下,这是过境
  5. 将时间更改为我之前使用的任何时间
  6. 行程

这是很多步骤,并且可能会变得筋疲力尽。Apple Maps当前允许用户在Maps主页上的“最近查看”部分中查看他们正在查看的方向,但是它不会保存您之前的起点,交通工具或到达/离开时间设置。它将仅以您的新位置为起点,让您再次完成所有工作。

此解决方案可帮助我问过的大多数人,他们承认他们使用公共交通时从未开始过旅行。取而代之的是,他们通常在不按“ GO”开始导航的情况下查找路线并按照步骤进行操作,这是由于一些原因,主要的原因是电池消耗。

记住过去搜索过的路线这一问题的解决方案,将使用户可以在返回路线屏幕时查找路线并保存其设置,和/或可以使用户安排行程。

让我们看一下第一个解决方案。布局将类似于当前的设置方式,但是它将显示您最近保存的设置。因此您的起始位置,离开/到达的时间设置以及运输方式。这可以通过自动保存在地图上,甚至是“保存此搜索”按钮来完成。

第二种解决方案很简单,它将允许用户在Apple Maps中安排行程。当前,用户会收到Siri建议,这些建议从Mail,Calendar,Wallet等获取数据。用户现在可以在Apple Maps中轻松安排行程,而不必让用户在行程中为行程设置事件以设置通知时间,然后他们会收到通知。通过使信息双向传播,用户将不必使用两个不同的应用程序来制定和管理日程安排。

Siri可以从地图上收集更新的信息,并使用它来更新日历的“离开时间”警报,反之亦然;您对日历进行的任何更改都会自动在“地图”应用中创建提醒或更改。

此功能不仅适用于公交用户,还适用于驾车人士。每个电话GPS都已经在用户位置附近和用户最终目的地附近(基于日历事件,预订等)提供了最新的交通数据。因此,根据计划的行程,为用户何时离开创建通知并不太大。

我们已经完成了…差不多了!

我希望您喜欢深入分析为什么某些功能被更改的原因。在结束之前,我想分享一个疯狂的想法,以及一个我想脱离此案例研究的想法。

一个疯狂的想法

1. 众包来自多个服务的审查数据

为什么不构建一个全新的评论系统,而不是将多个评论众包到一个平台中呢?

例如,出于各自的原因,Apple目前使用Yelp,OpenTable和TripAdvisor。为什么不保持这些合作伙伴关系,并合并来自这三个来源的评论,甚至更多,例如UberEats,SkiptheDishes,DoorDash,Foodora甚至Google Maps?

我的案例研究中显示的解决方案,已经包括通过允许应用程序能够与Apple Maps“对话”并查看/管理其预订来增强MapKit的能力,这是众包评论想法的垫脚石。这并不仅限于评论,可能更多。

但是要记住的一件事是,苹果发布失败的原因是他们从不同的供应商那里众包了多个地图数据点,这改变了很多事情。据我所知,鉴于过去给苹果带来的所有不满,目前在Apple Maps团队中禁止使用“众包”一词。

2. 苹果可能正在采取某种行动……

在进行了此案例研究之后,我意识到,苹果公司将有更多机会长期赢得导航领域。Google Maps具有非常不同的业务模型-它依靠数据来为用户做广告和定制地点。另一方面,苹果不在广告界。对于他们而言,主要重点是提供一个系统集成的解决方案,该解决方案:(1)将用户保持在生态系统中,并且(2)提供替代产品来替代可获取消费者数据的产品,这违反了苹果的道德准则。

苹果在确保他们的产品为少数人提供更好的性能方面处于优势地位,从而带来了更好的百分比结果。如果您是像我一样观看其主题演讲的Apple粉丝,您可能会注意到Apple高管们非常喜欢显示iOS采纳率与Android更新采纳率。苹果从事优质业务,而不是数量业务。最好也不一定是第一。

在我的案例研究中,Apple可以提供更多的集成功能,更好的客户选择以及更多功能,而当前用户数量有限。他们不必吸引超过10亿的Google Maps用户(2017年数据)。相反,他们可以只专注于他们拥有的较小的用户群,并争取更高的满意度。

苹果正在花费数十亿美元从头开始重建其地图,因此我相信他们有很多计划来随着时间的流逝而获得巨额回报,而这可能只是增加采用率和回报率的方式他们的投资。

原文作者:Ayman Jaddaa

原文地址:https://uxdesign.cc/i-redesigned-apple-maps-and-replicated-an-apple-product-launch-for-it-468a03f10c92

译者: 南设;译者公众号:南设(ID:shemenglianmeng)

温馨提示:

文章标题:案例解析:苹果应用地图重设计

文章链接:https://www.uied.cn/17539.html

更新时间:2023年04月22日

本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
交互

品牌重塑:马德里地铁应用程序的重新设计

2023-4-22 23:07:22

交互

案例解析:数字化家庭护理响应式网站设计

2023-4-22 23:13:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索