• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 想做AR类的APP?那么你应该从这三个关键点着手

想做AR类的APP?那么你应该从这三个关键点着手

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含AR,产品设计,现实增强,经验分享,虚拟现实等相关知识,希望在学习及工作中可以帮助到您

在过去的几年当中,现实增强技术(AR)已经在娱乐、营销、教育等许多行业当中生根发芽,它和虚拟现实技术已经成为当前最瞩目的技术。有分析报告指出,到2019你爱你AR类APP在企业中的运用将会是一个高达24亿美元的巨大市场。但是在目前,AR技术依然不够成熟,这种不成熟一方面存在于技术实现,另一方面则关于设计和产品应用。对于绝大多数有过产品设计和移动端APP设计经验的设计师而言,沉浸式的AR体验依然是一个全新的领域。不过,相比于虚拟现实(VR),现实增强确实距离设计师要更近,这篇文章为你剖析了其中的缘由:《AR|也许AR增强现实技术才是距离设计师最近的未来》

今天的文章,我们将会探讨AR技术是如何影响用户体验,以及用户体验设计师将要如何应对AR技术为我们所拓展出的全新界面。

AR 为何物

现实增强技术(Augmented Reality),也就是我们常说的AR,是一种实时地计算摄影机影像的位置及角度并加上相应图像的技术,这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。换句话来说,现实世界通过影像呈现在屏幕中的时候,AR技术在现实世界和用户之间加入了一个可控制的编程层,从而增加出了一个全新的体验维度。通过AR 应用,用户可以同现实世界进行更多、更深入的交互,能够实时地执行操作,获取反馈,而不仅仅是查看信息。

AR 应用在移动端设备上已经开始蓬勃地发展了起来,相比于依赖专门设备的VR技术,AR更加触手可及,相关的应用在iOS和 Android 平台上已经不少了。下面是一些用户至少听过的AR 应用:

·PokemonGo:玩家通过在现实世界中走动以抓取虚拟宠物角色

·SnapChat Lenses:基于SnapChat 的面部识别应用,用户能够同计算生成的元素进行互动

·Microsoft HoloLens:这是一个用来操控 HoloLens 的应用,用来同复杂多样的虚拟3D模型进行互动

如何为AR类产品进行设计

AR 相关的产品体验设计目前尚处于起步阶段,换句话说,现在还无法建立起相关的UX最佳实践,所以,现在暂时只能针对当前的AR 产品来提出我的一些想法。

1、AR用例需要进行评估

作为一个处于探索阶段的设计领域,AR类产品的设计应该三思而后行。在真正决定着手开始设计之前,先问自己“我想要通过这个AR 应用实现什么”,而只有对这个问题有了明确的答案之后,才能够确保AR技术能够同整个项目相匹配。在这个过程中,请记住这几点:

现实增强的体验应该和整个业务以及用户目标,有着明确的关联。你不能因为它热门、符合趋势就开始设计一款现实增强APP,这样的APP的体验和功能关联并不紧密。而对产品评估的环节,就是用来筛选、推导功能和体验之间的关系,并且针对设计目标对AR技术进行调整和适配。

和其他的产品一样,良好的用户体验始终是用户需求中最关键的部分。换句话说,如果你想要设计出足够突出的AR应用,大量的用户研究是非常有必要的。花费时间从用户那边获得真实的反馈,并且了解他们是如何在现实中执行某些操作,而AR又如何能够帮助他们更好的做到这些事情。

2、考虑产品的使用场景

作为产品的主要特点之一,你是希望现实增强技术能够同用户所处的场景和环境无缝地结合起来,尽可能自然。而环境对于AR设计的影响是无法忽略的:

·在私密场景中(家中,或者工作环境下),UX设计师可以为用户设置较长的环节和相对复杂的交互模式,用户可以全身心地投入到交互当中,甚至可以搭配头戴式显示器和特定的装置进行互动。

·在公共环境下,比如户外,用户的注意力会受到各方面的影响,用户流程要尽可能的精简,快速,直观,因为这个环境下用户通常不会携带更多的设备,而仅仅依赖手机。

因此,在设计AR应用的时候,首先要了解用户使用应用的场景,以及这些场景对于用户的影响:

·在确定具体的技术实现手段之前,先确定交互场景。
·尽可能大地搜集周围的物理环境细节,在产品开始设计之前,搜集的信息越详尽越好。
·用户测试是整个审核环节中的核心步骤,当你的第一个可用的AR产品原型设计出来之后,就应该在实际使用场景下,找用户进行全面的测试了。你的最终目标是让用户觉得和产品互动很舒服。

3、让AR 应用的交互足够简单

AR 应用程序应该让用户更好的达成某些目标,帮助用户节省时间。请记住,人们从各种应用当中获取的并非技术,而是体验,所以你的应用设计要足够友好。

因此,在设计你的AR解决方案的时候,我推荐你采用下面的策略:

·去用户使用产品的环境下
·仔细斟酌用户为了完成任务而需要执行的每一个步骤
·记录每一个步骤

这些记录下来的信息能够帮你更好地分析用户流程,这也有助于你设计更自然的用户体验。比如下面的Google翻译的APP,通过内置的相机获取图像,替换文本,帮助用户更加直观地获取到路牌上的信息,这也非常完美地呈现了AR技术的真实价值。

【用户体验设计有哪些技巧】

  1. 《科普好文!作为UX设计师你需要知道的52个专业术语》
  2. 《想让设计更走心?你得学会用共情来驱动设计》
  3. 《跨屏幕的响应式设计,你需要这样来设计用户体验》
  4. 《想转型成为用户体验设计师,只会画图远不够》

原文地址:webdesignerdepot
原文作者:NICK BABICH
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • base target=""规定基本链接的目标打开框架
  • 清除浮动(clearfix 和 clear)的用法示例介绍
  • 网页中通过param name方式给ActiveX控件的属性赋值示例
  • 如何解决外边距margin叠加的问题探讨
  • 关于自适应布局的处理(利用浮动和margin负边距实现)
  • 负margin功能介绍及用法总结
  • 谈谈对css属性margin的理解
  • 常用元素默认margin和padding值问题探讨
  • 一小段html代码将就能将百度搜索栏包含到你的页面里
  • css浮动(float,clear)通俗讲解经验分享

相关文章

  • 2017-08-06web前端网页开发一般过程简单认识
  • 2018-08-23未来的趋势!好的 AI 对话体验应该是怎样的?
  • 2017-08-06网页中应用CSS样式的多种形式总结
  • 2018-08-232017年天猫双11海报全集,为52家品牌创意疯狂打Call!
  • 2018-08-23新华字典改版?这版专门写给设计师!
  • 2018-08-23学会用这5个正确姿势阐述你的设计作品,轻轻松松一稿过!
  • 2018-08-23说点心里话!「QQ飞车×Vans随我造」项目背后的设计故事
  • 2018-08-23那些很熟悉但又叫不出名字的设计法则:冯·雷斯托夫效应
  • 2018-08-23自学体系第二课!写给新人设计师的界面排版原则(下)
  • 2017-09-08openStreetMap ,Leaflet and XGeocoding V2之初步使用

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 浅谈浏览器的兼容模式下的button中文字垂直方向不居中显示
    • 高质量好文!人人都在说「产品目标」,今天带你真正了解下
    • 更新Adobe全家桶之前,这些关键信息不要错过了
    • 设计师想自我提升?高手给你3个方向!
    • 导入css文件使用判断条件实现
    • 可自由编辑!一份30页的坚果Pro情怀PPT模板
    • 方便高效!五分钟看懂微信团队打造的新Sketch 插件WeSketch
    • 想进阶成PPT 高手?得先学会这些高级动画特性!
    • 使用谷歌网页字体无限制的添加字体到您的网站
    • CSS3的几个标签速记(推荐)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有