童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

未来十年的UI趋势:沉浸式设计指南

7月11日 天浪楼投稿
  对于大多数设计师而言,进入沉浸式设计领域就会与内容和界面打交道,他们之间的边界会处处影响我们的设计。
  和许多设计师类似,我的设计生涯也是从平面设计开始的。那时的我每天和打印流程、潘通色卡打交道,每次都想着一定要仔细检查,一次成功。随着互联网的兴起,我的职业变成了Web设计师。于是我开始学习HTML,CSS,JS等等技术,直到现在依然要不断学习让自己不至于被淘汰。
  后来随着网站中flash技术的流行,使得我们和用户之间的交互变得更多了。于是设计师们开始研究如何通过更多的交互设计,让用户的使用过程变得更有趣。然后iPhone出现了,新的硬件平台要求我们在更小的尺寸上来做设计。于是我们逐渐学会了如何计算像素密度,而且移动设计的优先级逐渐成为了第一位。
  又经过一段时间后,我们开始尝试将各类设计工作综合起来,形成一个整体的解决方案。这是我们不仅要考虑没关、交互、用户需求,同时也要考虑商业目标。于是,现代的产品设计师就诞生了。
  我和许多设计师一样,认为未来的产品设计师将会逐渐消失,取而代之的将是“沉浸式设计师”的时代。
  VR依旧很重要
  在过去的十年间,我们所看到的各类信息从报刊亭转移到书桌上,而后又转移到笔记本中,最后呈现在我们的手机上。下一步的变化应该会把设备这个概念模糊掉,将信息融入到我们周身的环境之中,所谓的“内容”与“看内容的人”会慢慢融合在一起。这个过程中的设计,我们就叫“沉浸式设计”,包括VRARMRXR以及其他与现实相关的设计都会包含进去。
  目前我们是通过手机中的AR技术来实现沉浸式体验的。苹果、谷歌和三星等科技巨头不断争抢AR领域的领先地位,就像当年哥伦布寻找香料一样疯狂。现在我们已经可以变身成为emoji动画表情,也看到许多视频中出现了虚拟的角色。在目前2018年的AR技术对于沉浸式设计仍有两大限制:视野和输入方式。
  视野
  目前的AR依然只能局限在每个人的手机屏幕之中。我们只能通过这扇小窗看到AR的世界,并没有真正的融入其中。用户会感到处于枯燥的“旧世界”,那些好玩有趣的事情依然被隔绝在手机屏幕之中。
  输入方式
  在2018年,我们开发了一套使用面部表情的操作模式,使用张嘴或者抬眉毛等来控制AR界面。其他的AR操作方式依然是传统的触控,以及未来可能成为主力的声音控制。目前可行的交互方式限制了我们与虚拟现实的交互方式,当然,一旦我们成功地突破了手机这个载体,实现了理想的沉浸式环境,我们将面对那个被问了无数次的问题:应该如何在三维空间中进行交互?
  VR将在这个领域发挥重要作用
  其实VR就是一个可以帮助我们解决沉浸式设计问题的工具。VR可以将AR世界中的问题形象地展现出来,我们可以利用VR虚拟出的世界,找到一种更自然的3D交互形式来处解决某个设计问题。
  VR技术不仅可以给我们提供一处远离现实的娱乐场所,同时也会引起许多空间交互问题。这是,沉浸式设计师应该找到如何区分内容和界面的方式,也应该重新规划数字产品设计的流程
  内容正在改变
  作为设计师,我们常常听到“别妨碍内容展示”这样的话。通常别人会说空间有限,或者调整排版,让那些刺激消费的内容更显眼。然而,沉浸式设计提出了一个有趣的问题:内容和界面的区分到底是什么?界面应该有边界吗?
  游戏设计师已经思考这个问题数十年了。为了构建出一个能让玩家居住的游戏世界,交互界面中的信息通常会抽象成指令,然后放在一个游戏世界之外的菜单中。举例来说,游戏的启动页就是这样,他即在游戏程序之中,又在游戏世界之外。
  并且游戏公司会把游戏设计和界面设计拆开进行。游戏设计师通常熟悉3D软件,界面设计师则通常设计的是2D界面。这种安排可能导致沉浸式体验的断裂,会时不时让玩家想起自己是在真实世界,并不是在游戏世界中。
  游戏领域中将UI和内容区分开尚可忍受,但在沉浸式设计领域,我们没必要在虚拟现实的环境中使用一个大菜单来放各种命令。设计师要设计的界面应该符合真实世界的规则,那么菜单应该从哪里出现,我们又应该如何使用?
  上图中,第一张是Skyrim游戏管理物品数量的界面,采用了浮动文字的方式。在中世纪的世界中使用现代字体可以让文字更醒目。虽然这个菜单非常直观高效,但它还是破坏了沉浸式的体验,它其实在不断的提醒用户:你一会儿要打的那条龙并不是真的。第二张图是2018年S。O。S。中的一个沉浸式体验优秀案例:游戏中的地图显示方式就像是游戏角色正在看一张真的地图,联系其他玩家也需要使用无线电电话。
  我们看到在VR游戏中也有这样的尝试。虽然依然有一些游戏依靠传统的2D游戏菜单,或者在环境中加入一些暗示来提醒用户,但沉浸式的趋势是不可阻挡的,因为在VR中,用户没什么思考抽象概念的时间。VR中的充值期一般都会围绕在用户的手边,尽量的让交互方式更加自然,而多层级的菜单显然是不合格的。
  上面第一张图是DoomVFR,这款游戏的UI使用了一种传统的方式:一张悬浮在空间中的2D信息板。第二张图则是Winston’sH则把UI融入到的游戏世界中,菜单像是物体一样可以被来回抓取。DOOM似乎并不担心玩家意识到自己并不处于游戏世界之中,所以他们用了直接显示文字的方式引导用户如何进行游戏。然而,winston’sHeart则将线索巧妙地融合进环境之中,大大增强了沉浸式体验。
  上方第一张图是SpacePirateTrainer,用户用点选的方式来操作菜单。第二张图为ArizonaSunshine游戏,玩家要在游戏中抓起虚拟的游戏卡带,插到游戏机里进入街机游戏模式。点选方式是鼠标键盘时代的产物,很明显SPACEpiratetrainer用虚拟卡带进入游戏模式的交互方式,要远远优于ARIZONASUNSHINE,不仅有着沉浸式的体验而且很有怀旧风格。
  Arktika1用了一种很聪明,有些绕的方式来进入教学关卡:用户需要拿起游戏中的一个虚拟VR头盔,然后戴在头上。这样用户就默认即将进入的教学观是一个“虚拟中的虚拟”世界,可以不遵守Arktika中的常规规则。Arktika直接创造了两个虚拟世界!相比于模拟vr中的教学关卡世界,arktika游戏中的正常世界就显得更加真实了。
  以上是一些VR中优秀的沉浸式设计案例。
  对于大多数设计师而言,进入沉浸式设计领域就会与内容和界面打交道,他们之间的边界会处处影响我们的设计。这也是一次定义新交互形式的机会,我们是否能找到一种简单直接的操作方式呢?就想双指缩放一样?我们目前的工作重点就是找到这些交互形式,当然了,现在的“交互新发明”可能在未来成为常态。
投诉 评论 转载

如何在产品需求中剥离设计价值声明:尽管标题中带有“设计价值”的关键词,但是本篇文章不是在宏观、抽象的层面讲解设计的价值与评估,不是对设计、服务流程的宏观结果评价,也不是按照“设计量产用户产生共鸣购买持续量……结合实际案例,一篇看懂用户体验五个层次看过了很多描述用户体验五个层次的文章,但感觉很多都浅尝而止,今天我特地结合了十来个案例对用户体验进行了一次相对全面的阐述,希望大家在阅读时也能够同样寻找相关产品进行比照和论证,……未来十年的UI趋势:沉浸式设计指南对于大多数设计师而言,进入沉浸式设计领域就会与内容和界面打交道,他们之间的边界会处处影响我们的设计。和许多设计师类似,我的设计生涯也是从平面设计开始的。那时的我每天和打印……最全的动效落地方法(下篇):从前端的角度来讲,有哪些便捷的方上篇内容回顾看这里:《最全的动效落地方法(上篇):在界面设计中,好动效是什么样的?》接下来进入下篇、主题是:从Web前端的角度来讲,有哪些便捷的方法实现这些动效?在目前行……最全的动效落地方法(上篇):在界面设计中,好动效是什么样的?本文主要介绍了界面动效的价值,以及一些优秀的界面动效实例。enjoy用户体验设计的发展日趋完善,优秀的动效是完善用户体验中不可或缺的一环,优秀的界面动态设计可以让产品的用……提高表单的填写效率:创建一个用户友好型表单好久不见,由于懒惰好久没有翻译文章了,这次翻译一篇关于表单的很基础的文章。有些例子较牵强,大家可以有选择性地看哦表单对于企业和个人同样至关重要,当涉及到数据收集时,我们大……三个维度,建立完整的视觉自查表视觉自查表之所以可以去客观全面的评判我们的设计,是因为它是基于产品的商业价值和用户感知价值去建立的。而这两种价值的核心驱动包括:使用价值、体验价值和创新价值。很多人都说视……视觉注意力:让用户从失明的状态当中解放出来本文主要是探讨用户的视觉注意力的概念、功能、类型以及它是如何融入日常的产品设计的。enjoy这是一篇源自心理学家和UX设计师的关于人类注意力研究的文章。在产品团队中……对话式交互设计流程上一篇文章《对话式交互设计:先了解自然对话的基础概念》介绍了自然对话的基础概念,学习了谷歌对于人类自然对话的研究和理解。本文将通过一个简单的案例来介绍谷歌推荐的对话式交互设计流……那些很熟悉但又叫不出名字的设计法则(7):功能可供性Affordance这个设计概念至今没有统一的中文译法。二手翻阅了一些材料,《通用设计法则》将Affordance译成功能可见性;《设计心理学》将Affordance译成示能;……那些很熟悉但又叫不出名字的设计法则(6):冯雷斯托夫效应提问:以下水果中哪一种给你印象深刻呢?老规矩,读完这篇文章你就知道了。苹果、桃子、香蕉、柿子、梨、橘子、橙子、西瓜、蛇果。冯雷斯托夫效应(VonRestorffEf……想设计好网站的悬浮导航,这12个案例值得一阅如果你正在寻找能够吸引人眼球的高素质顶部悬浮菜单设计,那么这12个导航设计案例值得你一看导航是网站和APP当中必不可少的组成部分,它们引导用户抵达目标,发现内容。为了让用……
AI硬件产品经理是否需要懂技术?我有话要说从0到1的思考:5个层级反思产品硅谷早期新创产品经理心得关于产品思维和用户思维,你需要知道这5点ToG产品经理如何面对工作压力?启动研发前,我们怎么去找到种子用户?当我成为政务类产品经理,发现工作流程是这样的。。拓展思维边界,找到产品突破口8个步骤,一次完整的产品迭代产品思维方式:聊聊结构化思维和逻辑思维复盘:三步做好产品规划缺少UI和测试的团队,产品经理怎么办?何为“大产权房”苹果一体机配置怎么样苹果一体机配置评测图文帽子的故事梅林分韵得泽字更年期需要避孕吗女人更年期更要科学避孕你造吗江西沐恩堂梅花鹿养殖基地,全产业布局严控原材料质量一点号如何开通原创功能一点号发图文这点需注意男方交付28万彩礼时横生枝节,女子取消婚礼你心里想什么我知道检测缺地线会跳闸吗他和她的故事,没有结局房屋搬迁费用谁出奥运会结束,日本发奖金!伊藤美诚获800万日元,最高1200

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界