背景:

AR在各个场景的体验价值

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

社交场景:用 AR 的实时响应,来拉近社交的临场感

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

娱乐场景:用 AR 的虚实融合,增强游戏的互动沉浸感

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

家居空间:用 AR 的真实可感,重塑零售新体验

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

出行空间:用 AR 构建更精准高效的步导体验

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

拓宽体验:

用AR让步行导航更真实可感

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

角度:连接现实的引导识别

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

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

尺度:由远及近的空间感知

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

回归本质:

AR 让步行导航更精准高效

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

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

信息内容:精准可靠的方向指引

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

空间动态:安全可视的透明模式

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

交互策略:及时明确的状态反馈

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

串联场景:高效自然的手势切换

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

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

场景延伸:

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

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

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

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

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

总结:

AR 的价值主张

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

活动推荐

点击文末 阅读原文 报名

步步精心,打造高德 AR 实景步行导航(设计篇)相关推荐

  1. 高德AR实景导航,出差旅行好帮手,轻轻松松找对路

    对于经常要出差的朋友而言,出差在外人生地不熟,找路便是常有的事.更何况如今城市建设的快速发展,诸如机场.高铁车站等这种出入口繁多的公共场所,想要快速找到目的地也难逃要花些功夫摸索路线. 想象一下,如果 ...

  2. 国内首个手机AR实景驾驶导航上线,还能识别车辆行人,搜狗地图出品

    鱼羊 发自 凹非寺 量子位 报道 | 公众号 QbitAI 国内首个手机AR实景行车驾驶导航上线了. 能贴合道路给出路径指引,转弯处还有立体箭头引导: 能够识别车辆.行人,及时给出碰撞预警: 夜间识别 ...

  3. 高德AR 车道级导航技术演进与实践

    2020云栖大会于9月17日-18日在线上举行,阿里巴巴高德地图携手合作伙伴精心组织了"智慧出行"专场,为大家分享高德地图在打造基于DT+AI和全面上云架构下的新一代出行生活服务平 ...

  4. 从零打造视频播放网站(2)-后端接口设计篇

    后端接口设计篇 环境: 接口文档: 说明: 测试: 环境: centos7系统 php7.0 框架:thinkphp5.0 服务器:nginx 接口文档: http://39.106.207.193: ...

  5. 路痴福音!高德地图上线真AR步行导航,可实景指引

    2月8日消息,高德地图近日发布V10.76新版本,上线真AR步行导航,借助智能定位.地图导航与AR渲染等技术,可在真实拍摄的道路画面上,呈现更加直观的3D实景指引,帮助方向感不强的用户解决起步找方向难 ...

  6. 联合高德推AR实景导航,OPPO手机的又一差异化策略

    8 月 24 日,在OPPO R17/R17 Pro发布会上,OPPO与高德地图宣布达成深度合作,将推出国内首个AR步行导航.OPPO R17 与R15 梦镜版手机用户在 9 月中下旬升级高德地图至v ...

  7. 高德地图ar步行导航使用教程分享

    高德地图功能多,最近向用户展示了新功能--ar步行导航.很多小伙伴对这个功能还不太了解.所以换换为大家准备了详细的使用教程共享.一起看看吧! 高德地图ar步行导航使用教程 1.打开高德地图.选择下方& ...

  8. 乔布斯女儿嘲讽iPhone 14没新意;高德打车AR实景找车功能上线;Go语言报告:错误处理仍然是个挑战|极客头条

    「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 梦依丹 出品 | CSDN(ID:CSDNnews ...

  9. 乔布斯女儿嘲讽iPhone 14没新意;高德打车AR实景找车功能上线;Go语言报告:错误处理仍然是个挑战|极客头条...

    「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 梦依丹 出品 | CSDN(ID:CSDNnews ...

最新文章

  1. 编译安装Zabbix 2.2 (LNMP环境)
  2. WdatePicker获取不超过今天的值
  3. LeetCode 348. 判定井字棋胜负(计数)
  4. 用 Python 编写一个天气查询应用
  5. android 字体点击变色,Android TextView 中实现部分文字变色以及点击事件
  6. 不定长度导航的两端对齐
  7. 【Python爬虫学习笔记(3)】Beautiful Soup库相关知识点总结
  8. 【HDOJ】1261 字串数【组合数学--排列+代数】
  9. Spring.NET学习笔记8——集合类型的注入(基础篇) Level 200
  10. 【转载】【原创】贵在,难在,成在
  11. 清华毕业生开发新特效编程语言,99行代码实现《冰雪奇缘》,网友:大神碉堡!创世的快乐
  12. 逃离塔科夫机器码解除,实战解决【100%成功方法】
  13. 必备技能07:英语中常见的前缀和后缀
  14. UiPath Excel内容去重操作
  15. java保龄球计分_TDD练习:保龄球计分
  16. Mysql 第二章 数据库 DML和DQL
  17. HDU 6148 Valley Numer (数位dp)
  18. Xftp安装或卸载报1605和1628问题
  19. Matlab延时环节的波特图,延迟环节的传递函数全面介绍
  20. 【算法-面试】区间专题

热门文章

  1. 小博老师浅谈Context(一)
  2. 企业微信官方认证的好处是什么?
  3. 腾讯云区块链服务(TBaaS)长安链一键上链初体验
  4. 关于恶意说说自动在QQ空间转发的机制
  5. 金蝶云苍穹轻量级开发人员申请试用
  6. 阿里云域名使用cloudflare的DNS解析隐藏真实IP
  7. 不规律的生活有什么危害
  8. 教程:如何把公众号变成淘宝查券返利机器人
  9. 揭秘“菲住布渴”中运用的黑科技:除了check in、坐电梯、开门...全部刷脸之外,还有什么?...
  10. Android Studio 4.0 Image Asset 图标不能透明(记录)