鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装修效果图

admin 2019-04-04 阅读:263

本文是关于Apple 地图的一个教父复仇规划研讨,去讨论里边的图标、功用和按钮为什么要这么设置,有什么可改进的当地。

自从 Apple 对其导航效劳优化和改进后,我就没有去 AppStore 下载另一款类似的地图软件了。 Apple 地图更新后变得愈加简练易用,而且还结合了更多的功用以便于查找(邻近或室内地图等)。例如: 运用邻近功用,能够便利检查邻近的方位(饭馆、商铺……),这多亏了运用了这些图标。

说实话,我喜爱将功用分类的办法。可是,Apple 地图高度重视用户当时方位,使得邻近这个功用愈加杂乱。尽管邻近功用答应查询任何当地,但依据咱们自己的方位去进行可视化,需求支付更多的尽力。这与 Apple 地图的简练性显着不符,但在我看来,正是因为如此才使得Apple 地图在竞争对手中锋芒毕露。

身为一个规划师,好奇心唆使我特别想知道:为什么不寻找时机改进邻近功用,从而使体tom97验变得更好呢?

人物

我是鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装饰作用图这个项目仅有的规划师。

我做了一些用户研讨,可是没有依据我的个人假定去进行规划。因为我无法取得定量数据,因而我进行了一项依据定性的研讨。我还制作了草图,咨询反响,再次制作,并用了Adobe XD的“主动动画”功用。

注释:

为了了解用户怎样了解 Apple 地图,我挑选在上下文中进行调查,包含以下问题:

首要,我调查他们怎样运用 Apple 地图,然后向他们问询有关的特定功用——“邻近功用”的问题。

这能够让我换位考虑,他们运用Apple 地图,并经过对他们的操作行为以及对体系呼应的下意识反响的研讨,去取得一些见地。

列出“邻近”相关的根底概念

作为 Apple 地图的用户,我感到惊奇的是,依据我以外的方位运用邻近功用所需的操作数量是多少。我关于用户怎样在情形中去运用邻近这个功用,以便于在我推推棒优酷空间的假定中寻求安慰感到有爱好。

即便在一般状况下,对邻近的运用是十分具有情境化的,但当露出时,这种体会也会令人感到不舒服。用户需求履行中心操作,例如:将地图会集在特定方位、调整缩放等,某些操作或许重复,或要求从头开端。

最重要的是,中心有的操作触及高认知负荷,不能直接拜访任何信息,还会导致其他操作。而这些操作有一个共同点:都是直接在地图上进行的。

我考虑这个问题:“问题的本源是在地图上仍是在菜单中呢?”

能够必定的是,我将用户与 Apple 地图交互分为 3 种办法:驾轻就熟(Confident)、当心探少女映画在头绪(Explorer)以及泥古不化(Old-School)。

当把它放到运用邻近功用操作的布景中时,爱情和主意就会表达出来,死板的的做法或许会带来更多的负面和不必要的费事。

大多数中心操作都归于 Old-School,爱情变得愈加消沉,主意往往愈加以问题为导向。在这个阶段,一些用户或许会置疑或不清楚,这样的状况就会导致他们发作一些不必要的考虑。

问题的本源更多地与短少布景和意图相关,为了处理这个问题,用户依靠他们了解的操作,依据所显现的内容进行操作(Confident 与 Explorer 两者的纪炎简谱视唱结合)。

为了供给一个潜在处理计划,这个计划能够改进邻近功用的体会,而且不会损坏 Apple 地图的作业办法,我将以下方针设定为指导方针:

为了完成这些方针,我遵从自己的直觉,探究 Apple 地图功用,查阅 Apple 的 Human Interfaced Guidelines,问询用户反响,当然还有制作线框图、抛弃、再次制作……一起做了进一步的研讨。

在查找地址前……

在深化了解线框图前,我想着怎样持续简化拜访邻近功用。

我注意到,在 Apple 地图中这些功用无法轻松拜访。并不是说这欠好,但在某些状况下,或许显得单调无趣,例如:从从前查找的菜单抵达邻近界面,需求回来查找栏并封闭至少一个菜单。

处理这个问题的一种办法是,从当时所选地址给出拜访邻近菜单的权利。

按钮是来标明这一办法的风趣办法,只需求一个简略的提示:点击。经过增加这样的组件,能够削减拜访邻近功用的背面的杂乱性。

无需翻开菜单,也不需求封闭后从头翻开另一个菜单。

“让咱们从一个简略的按钮开端。”

就像上面说的,应该能够直接从查找地址的菜单中找到邻近功用,不管是地址、餐厅,仍是酒店等。

假如我把这个按钮放在“方向”邻近会怎样呢?

看起来很有意思……但也不能放到任何方位。例如:在美食场景下,能够有两个按钮:一个“预定”,一个“方向”。因而,假如“查找迈腾凯撒金雅士银比照邻近”按钮呈现,则需求考虑在两个等级安排按钮:

菜单看起来很拥堵,假如想查询某个当地的更多信息,就需求下滑阅览。水平形式下,这个体会并不十分友爱:在这种状况下,三个按钮将彼此叠加。

此外,在商场和机场等当地,因为室内地图相关的图标现已放置在按钮下,因而增加更多组件就显得无关紧要了。

趁便说一句,这个功用的安排办法十分风趣。假定菜单是当地,图标便是里边的图标,即便在界面中,在另一个中也会尊重当时既有的概念

我以为我应该像处理邻近功用相同做后续的作业,按钮应坐落菜单邻近的某个方位,这样就会……

“一个更好的简略按钮。”

那么,假如我将此按钮放在菜单顶部会怎样呢?

因为右侧现已有气候标签,因而只能考虑左面和中心的方位了。

在查找处理计划时,我发现了一篇十分风趣的帖子,是关于 iPhone 屏幕上拇指可达性及其对移动体会影响的文章。

这让我觉得最好的挑选是:尽或许答运用户以最天然的办法触达按钮,而不需求用户界面。因而,我运用热图检查了 Apple 地图上的可达性。

两边在可达性方面体现杰出。

可是,假如设置在屏幕的中心,那么,按钮在地图上的安排办法看起小学生啪啪啪视频来不太平衡。在地图的右侧,能够看到它们占有了顶部和底部两个方位。因而,水平设置相同的安排办法以坚持必定的视觉平衡是有含义的。

我挑选在左面设置“查找邻近”按钮,在气候标签的对侧。

关于拿手用左手的用户,即便他们不代表大多数智能手机用户(依据 Steven Hoober 的文章擅于用左手的用户占比大约为 33%),我需求考虑他们的运用习气,来保证我做出了更好的决议。

从上图中能够看到,该按钮仍可被触达。三分之一处仍在安全区,别的三分之一处于拉伸区。这意味着需求略微多鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装饰作用图一些尽力,但不能抵达彻底可用性的水平。这并没有对我把它放在左面的挑选发作影响。

有时,需求做出退让,不是么?

现在关于按钮的尺度,我对它们进行了调整,使它们合适全部可用的国家/区域的言语。

我不期望标签被切开,因为它的巨细或许会依据某些用户设置的言语进行改变。例如:在法语中,标签“Rechercher proximit”(查找邻近)变为“Rechercher…“(查找)时会被误解。

按钮现在的规划办法与界面自身的挨近概念类似,很便利触及,而且“接近”菜单。

为了在用户与地图交互时取得最佳可见性,按钮会消失……而且一旦将手指从屏幕上移开就会从头呈现。

“那么,点击这个按钮会发作什么呢?“

会抵达菜单鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装饰作用图界面,标题鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装饰作用图清晰地展示查找的方位。我将查找栏中的文本更改为“查找方位”,以便更精确地引导用户可输入的内容是什么。

查找栏下方的那行已被删去,用以削减“邻近”和“查找”之间的边界,他们归于同一方针:查找

这两个功用在 Apple 地图网站上的显现办法现已证明了这男孩都想有辆车一点,它们在同一部分中有所阐明,与室内地图不同,后者有自己的特征。所以,我以为让它们在视觉上有更强的关联络是有意的。此外,标题坐落顶部,界面也会发作信息过载(应该不止亚城稻丁信息,认知也会)。

在子类别(例如:美食)中,我对标签做了一些小的调整,指定列出的抢手地址地址的区域。

让咱们回忆女黑人一下:有一个按钮,它会引导咱们到菜单去查找邻近的当地,这样做怎样样?

查找地址

成果显现时,它们将在地图和列表中进行安排。也正是在这个时间,会导致高认知负荷的行为。

基本上,他们都要求用户处理,为了让开端选的地址坐落成果中的方位变得愈加可视化。一个风趣的挑选,更清晰地呈现它们的展示办法。

让咱们从地图开端。

在地图上展示图标

我想在查找成果中突显所选地址的图标,这样,用户不必从头定位地图或随机挑选地址来找到已履行查找的地图。

“假如地图上显现的地址与之前挑选的地址归于同一类别会怎样?”

——来自一位赋有洞察力的用户的十分风趣反响

我脑海中浮现出一个简略的主意:让开端挑选的图标比其他的大一些,使其锋芒毕露。

为了加强图标之间的比照度和差异,我主张用一个圈圈出它,这是从“我的方位”图标中得到的创意。

在了解这个主意怎样合适运用之前,让咱们看看列鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装饰作用图表。

在列表中:与查找的布景坚持一致

再次,保证依据某个当地定位,菜单中清晰地显现成果。

我在如下选项中优柔寡断:

在这个阶段,重点是查找成果。其可见性应是最佳的,用户能够在不被太多信息吞没的状况下检查成果。

此外,我收到了一些关于查找栏的反响:“不管怎样我都无法鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装饰作用图康复打字,这个主张消失了,而且只要成果中只显现了列表。”

因而,我想删去查找栏,并将标题放在查找的方位。

让咱们看一下列表,以及来自同类型的同仁共勉十条查找成果的点怎样展示。

我挑选重现室内地图功用款式,在标题之前放置了所属类别的图标,来坚持 Apple 地图的视觉辨认。我还期望削减顶部文本,让菜单显得愈加令人愉悦。

假如某些用户在查找栏中输入了品牌称号,则该图标将成为查找图标。列表的标题用一些引号括起来标明起作为引证,标明成果来自特别声明的内容,而不是在邻近图标中挑选的类别。

现在,回到有关查找栏的反响中,假如有鸟,UX 事例研讨 | Apple 地图:邻近,并非在你身边,客厅装饰作用图些用户想要回来后者,他们只需求封闭菜单,键盘主动调集并答应康复输入。这样的话,不需求额定的操作,而且与原始版别不同,输入时提示的主张依然可见。

让咱们来看看上面所说的内容的流程:

它好像不像曾经那么杂乱,不需求猜想或估量查找地址的方位。与原始流程比较,现在的流程具有更少的进程,没有更多的决议计划阶段和认知负荷。此外,不再有循环,而且遵从更精确的次序进行操作。

但就这么完毕这个事例研讨还“太早”了,检查查找成果会是怎样呢?

在查找后,进行检查 考虑规范挑选(人气、间隔、价格)

一般,用户依据不同的规范挑选地址。假定这些当地都是饭馆,用户能够考虑价格水平(\(、\)\(、\)$$)、受欢迎程度或间隔。

“假如我打算在大学餐厅以外的当地吃午饭,我会考虑最近的餐厅,避免上课迟到。”

——某学生

问题是,假如他们想依据这些规范挑选饭馆,或许需求他们检查整个列表:即便是列表底部的饭馆也或许合适他们。不过,Apple 公司做得不错,列表不长而且只列出了和该区域最相关的当地。但我很想探究怎样使其愈加简化,便是:“排序”。

默许状况下,我将成果按间隔进行排序以合适“邻近”功用。运用“排序”,用户还能够按人气和价格对其进行排序。假如某些当地没有任香插何价格指示或谈论,则将它们放在列表的结尾。经过这种办法,即便某些成果短少此类信息,排序仍可见效。女红卫士

只要在列表彻底展示时才可拜访,我以为这两者更为相关。对我来说,当列表中只要两个方位可见时,没有任何含义。空间是宝贵的,有必要不惜全部高效运用空间。

地址问题

另一件事是,有时一些当地归于同一地址。

那么,假如其间一个是查找成果地址的方位会怎样呢?

不管发作什么,初始方位有必要坚持可见(查找都是依据这个方位),我决议将其设置为该组的“起点”,这意味着其标签优先于组中的其他方位显现在地图上。

除此之外,其作业办法与规范的场所群相同:点击后,会展示一个列表,用户能够挑选其间一个。

便于两个当地之间的可视化操作

一般,当用户在地图上检查查找成果时,他们会点击每个当地的图片。可是当他们需求更多地了解查找成果与开端挑选的方位的间隔时(假定他们想知道的超越它们之间的间隔),他们将面临一个苦楚的进程。

看到两个当地在屏幕上都可见,这或许会更令人懊丧。

你或许会说“这挺让人意外的”,但的确发作了,你能幻想用户会阅历什么吗?为什么不必更简略的办法使其可视化呢?

一个潜在的处理计划是使地图能够缩放,并显现当时地址和之前挑选地址之间的道路。

但开端,用户能够挑选地图上的任何方位而无需缩放或平移。经过这个提议,用户需求习气于在“挑选地址-封闭菜单-挑选地址-封闭菜单”等的时分主动更改缩放等级,这不断重复这样的操作时会很烦人。

因而,一个更高效的计划是——为用户供给更多操控,以便他们在需求时调整地图。

这样就有了“检查”,答运用户在不退出地址菜单的状况下切换道路。

开端,我想运用图标来标明“检查”形式,但在问询反响并研讨这种或许性之后,我开端理解,当面临一个能够精确解说形式方针而不是图标时黄金眼叶寒,用户会更定心。所以,我提出了标签化“检查道路”。

激活该形式会扩大地图,以使道路检查满足具体,撤销激活将会使缩放和视图重置为初始状况。

缩放设置在答运用户检查其他查找成果的等级,尤其是坐落当时所选方位邻近的成果。当点击其间一个时诗艾,地图会主动居中到其方位,并答运用户在不吃力的状况下进行查询。此外,他们也能够查询到不在成果中的当地的道路。

“方向”按钮的标签已调整为更清晰的标签,关于某些用户来说,他们不以为点击按钮会突显道路菜单。为此,他们能够直接点击屏幕上的道路。当然,它要求我献身标签下的该道路所三国策之贾诩传用时长信息。

这样用户不需求改季玄瑜变起始点,默许状况下,起始点是他们自己的方位,因而节省了许多尽力。

调整邻近功用

为了坚持一致性,在整个 Apple 地图中,使全部功用看起来都相同。

可是,我将“检查”只用于依据用户之外的方位查询。

为什么?因为依据用户的方位,检查道路很简单,只需求点击“方向”。 运用“检查”,用户将显现道路,然后点击它检查具体信息,而点击一次经典的“方向”按钮也能做到这个。

不要忘掉邻近不行见的区域

因为该功用尚释延麦未在世界各地运用,查找栏是在这种状况下查找邻近地址的仅有办法。

此外,我没有对此进行验证,但我以为运用查找栏时的办法,是依据其对用户的了解程度和可学习性(Confident 办法)。因而,这能够成为邻近概念的一个受欢迎的捷径。

例如:依据 Palace Hotel 酒店的方位,输入“Starbucks near Palace Hotel”或“Startbucks Palace Hotel”能够快速抵达星巴克相关的列表。为了更直观,保证在用户输入单词后,查找栏下会显现一条主张。例如:一旦他们输入了“Starbucks”,就会呈现一个主张,即“地图称号邻近的星巴克”,这或许暗示他们了解接下来要做什么。

定论

这是我的第一个事例研讨小结,这是一个很好的时机,让我进步 UX 规划方面的常识。

我知道我提出的概念并没有什么新内容,假如 Apple 地图团队之前现已考虑过,我也不会感到惊奇。不过,我想体会一下怎样依据研讨和用户反响进行规划。

即便这不是一些苛刻的作业,我也把它当成了作业而且沿途学到了许多新东西。我很感谢我在整个用户体会之旅中采纳的过错林纾瑾燃办法,让我发现了十分风趣的文章、博客和规划方面等的内容。我信任,这些方面临我的职业生涯将有很大协助。

趁便说一句,这儿列出了我在这次旅程中所阅历的全部:

就像我在介绍中所说的那样,欢迎你你随时能够对此事例研讨提出任何反响!

谢谢你的阅览!

原文地址:https://uxdesign.cc/apple-maps-nearby-but-not-near-you-a-ux-case-study-97e499d79a2b

#专栏作家#

郑几块,微信大众号:PMJikuair,人人都是产品司理专栏作家,前新浪微博产品司理,写的都是体会感触。

题图来自Unsplash,依据CC0协议

公司 规划 用户体会
声明:该文观念仅代表作者自己,搜狐号系信息发布渠道,搜狐仅供给信息存储空间效劳。