AR设计 | 打造高德地图 AR 实景步行导航

共 2968字,需浏览 6分钟

 ·

2022-01-22 17:44

点击"三分"关注,回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设|连接知识,帮助全球 1 亿设计师成长
转自:Alibaba Design
编辑:张梦如
共 2538 字 25 图  预计阅读 7 分钟




Background

背景

AR 在各个场景的体验价值


伴随着 5G 时代的来临, AR 技术近些年在各行业崭露头角, AR 时代应运而生;AR 的交互方式不仅提升了交互的准确性、精度,更提升了用户接近真实世界的能力。

社交场景:用 AR 的实时响应,来拉近社交的临场感
Facebook 的视频通话针对远程社交场景,通过 AR 滤镜的方式实现了“共享背景”及“共享时光”的社交体验,不但可以和朋友一起对着篝火烤棉花糖,还可以和远方的亲朋好友一起庆祝生日;AR 的高度同步和实时响应,让人与人之间的沟通不再局限于文字或图像视频,而是可以有更多维度的表达方式,拉近了社交的临场感。


娱乐场景:用 AR 的虚实融合,增强游戏的互动沉浸感
Snapchat 推出新的共享“连接镜头”,让不在同一空间的用户可以随时随地与朋友共享 AR 游戏体验,比如初步推出的共同组建乐高模型,任一用户添加的任何部件,效果和动画都将实时显示在移动设备上,增强了游戏的互动沉浸感。


家居空间:用 AR 的真实可感,重塑零售新体验
IKEA Place 应用透过 AR 极大程度弥合现实与想象之间的差距,更便利地让人们在购买之前把心仪的家具虚拟“放在”自己的房间,看效果和尺寸,不断地为用户打造更宜居的生活空间。


出行空间:用 AR 构建更精准高效的步导体验
那么在步行导航中,借助智能定位和视觉识别功能,将 AR 标识真正有机地融合在道路环境中,构建了地图与真实世界的映射关系,呈现更加直观的实景指引,帮助方向感不强的用户解决起步找方向难、不知何时转向等步行难题,使用户便捷高效的到达目的地。



Part 2

拓宽体验
用 AR 让步行导航更真实可感


在 360 度 UI 空间中,设计用于聚焦,站立时的自然视角是平视视角,而最佳可视范围是90度,在这个范围内我们可以清晰的看到所有信息,所以我们在设计的时候会将最重要的信息展示在用户进入体验后默认位置的 90 度视角内。


角度:连接现实的引导识别
在设计 AR 转向标时,考虑到 AR 转向标更重要的是在三维空间里指准方向,不同于传统导航呈现的是平面视角;所以从整体的形态定义而言,我们参考了现实环境中的路牌样式,重在解决的是导航过程中“我去哪”的问题。


同时区别于 2D 界面设计的一点还在于三维空间中不仅有角度,还有曲面(环形视角),为了保证引导的可视性,引导标尺寸设置了极小值和极大值,结合辅助动效,使引导标识在极端角度下也能够辨清方向。


尺度:由远及近的空间感知
为了打造真实感,引导标识完全按照物理世界的体感打造;远小近大的空间关系,全局全时的光照投影,给人物理世界的真实感受。



Part 3

回归本质
AR 让步行导航更精准高效

AR 导航实现的关键在于增加了对于周边事物的识别定位,融合了图像定位和 GPS 定位,所以在精准度和实时性上都比传统导航提升很多,结合 AR 第一视角进行 POI 导览、辅助决策、指引导航等服务,提高地图的读图效率,那么为了更好的在用户体验上融合,首先我们要先来明确下 AR 在步导场景下的体验特性。


因此,为了信息能够在导航的过程中更精准高效的展现,梳理了如下设计策略。


信息内容:精准可靠的方向指引
由于 AR 导航的视距是当前视距,所以优点在于能够精准指出“当前怎么走”,但是对于超视距的导航用户是没有感知的,所以在底部仍然保留了 2D 地图,让用户明确“之后怎么走”。


空间动态:安全可视的透明模式
为了避免诱导标影响用户视野,无法或知自身的定位,在 10 米靠近诱导标放大时,做了安全可视的透明模式,这样在明确方向的同时也能清晰的知道当前的环境定位。


交互策略:及时明确的状态反馈
步导在行进过程中,从安全角度并不建议持续使用,但是为了确保整个体验流程是高效通畅的,需要多维度给予用户交互反馈,避免用户在体验过程中发生意外或者中断;比如在关键路口转向时,即时没有手持导航,也会通过语音及震动提示,避免错失路口。



串联场景:高效自然的手势切换
首创的手势自动切换功能,高效的为用户进行地图模式切换,给予不同状态下的信息需求显示。

用户使用步行导航时,竖起手机即可自动进入 AR 导航模式,3D 引导标识随即出现在道路环境中;将手机放平则无缝切换为传统地图导航模式,摄像头随之自动关闭,减少系统耗电;同时为了达到流畅自然的切换效果,在动画探寻的过程中追求平稳中有承接性,所以 3D 模式切换至 2D 模式时,采用的是图面上移的方式作为承接。



Part 4

场景延伸

用 AR 打开探索城市的新方式


科技的发展就是不断以更自然、更直接、更方便的方式去改善、改变社会和生活面貌,而 AR 与地图的结合,正符合了逐渐走向数字化世界的趋势,高德地图基于大量的地理信息数据和精准的导航能力,一直在持续研究 AR 技术如何能在地图中发挥更大的价值,如何利用 AR 特性让地图中的数据清晰易懂、可视可用。

更精准:要走的每一步,导航都会为你引路
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

更可视:想知道的信息,地图都会为你呈现

更新趣:游玩的地方,换个角度为你碰撞相异时空

The End

总结
AR 的价值主张

在这个日益数字化的世界里,要实现深度的虚实融合,还有很长的路要走,相关技术发展依然面临很多的关键难题,而对于体验设计而言,就是在把握技术边界的基础上,用设计给用户带来更高效自然、舒适贴心的使用体验。


—  The end  —
以下三分设文章,你可能也感兴趣
 
📚 原创文章精选📚
告别加班!使用设计系统方法更快地构建产品
如何评估设计质量,提升设计技能
你常常忽略的 7 个具有破坏性的体验鸿沟
一篇文章告诉你服务设计到底能做什么?
看 Apple CarPlay 如何提升驾驶安全和驾驶体验
一起看看《对马岛之魂》如何打造初次对抗体验
制定 “小目标”,了解产品管理中的结构化思维
35+ 的 Windows 系统到底有什么了不起?
导师与学员的高效交流 APP 设计 —— Lightship
🙋 我们一起聊设计 🙋‍♂️
高质量,学设计行交流微信群
期待与更多优秀用户体验设计师一起成长
PS:欢迎大家关注三分设,每天早上9点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!(只面向星标了公众号三分设的粉丝) 
点亮『在看』,百万年薪
浏览 86
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报