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

Daydream产品设计案例:YouTubeVR

2月14日 枯心人投稿
  Google在打造这款YouTubeVRapp时的设计策略显而易见:尽可能将用户在其他传统平台上所熟识的设计模式平稳移植到VR环境当中,使其更加易于上手,避免用户在尝试接纳新媒介的同时还要花费精力去学习更多的操作方法。
  环境
  app完成加载后,视野前方会出现一个灰色的屏幕。整个虚拟环境由简单的穹顶状空间构成。与GearVR当中的Netflix所提供的“VoidTheater”模式相仿,你可以在Daydream的蓝牙控制器上通过上下滑动的手势来自由调整屏幕尺寸,同时也能通过点按并拖动的方式将屏幕定位在空间当中的任意位置上。
  顶层导航栏由四个菜单项组成,包括“首页”、“360”、“订阅”和“帐户”。导航栏下方是网格状(卡片形式)的内容列表,其中优先呈现最适于在VR设备中进行浏览的那些视频。不过即便你只是看一些非360的普通视频,体验也非常棒,例如《奇异博士》的预告片,你会感到精彩的内容就近在咫尺,临场感十足。
  左侧面板提供了正在播放或之前播放的视频的详细信息;右侧则是即将播放的内容列表,你可以在这里关闭或开启自动播放功能。
  点击顶部的YouTubelogo可以使整个界面恢复到初始的网格列表状态。执行这个操作时可以感觉到明显的延迟,特别是当你正在观看360视频的时候。logo左侧的网格图标用来切换UI的前后次序,譬如你可以使视频作为背景保持播放,同时在处于前景位置的UI中搜索其他内容。这种方式与手机端的YouTubeapp有些类似,可以看出Google希望将这一模式尽可能的统一到各个平台当中。
  导航机制与2D产品环境的模式相仿,即通过顶层菜单项层层进入下级内容视图;之后原本导航栏所处的位置会出现返回按钮,点击之后导航栏重现,内容返回上一级。
  播放控制
  无论音量调节还是播放进度条,你都无法直接拖动滑块本身,只有点击具体的目标位置才能使滑块移动,完成调节(下图1、2)。此外你可以在播放视频之前就对字幕及清晰度进行设置(下图3、4)。按钮的悬停态细节很棒,半透明的选项面板弹出时很流畅,覆盖在其他内容上方时也很清晰。
  播放控制区域的这些操作整体上没有什么让人惊奇的地方,但与Daydream的控制器配合起来,细节当中的交互体验很舒服;或许可以成为VRUI设计的某种典型模式。
  在播放非360的普通视频时,设置菜单中还会增加一项“曲面屏幕”功能(下图1),激活之后,视频屏幕会变为曲面,并填满横向视野。其他功能还包括字幕设置(下图2)和视频质量控制(下图3)。后者的默认选项是“自动”,另外可以选择“最高”。在“自动”档时,视频可以保持流畅播放,具体的清晰度会根据你的实际带宽进行优化调整,但360视频的质量很不理想;“最高”档时,视频质量最优,但加载和缓冲会造成卡顿。设置菜单中的最后一个功能选项是“举报”(下图4)。
  在某些视频中,将准星聚焦在播放进度条上的不同位置时,可以看到对应帧的预览图像。
  搜索
  进行搜索时,你可以选择语音输入(下图1)或是虚拟键盘键入(下图2)。如果要输入的关键词不是很长,那么键盘的方式还不算难用,但总体上讲,还是语音输入更好用一些。初次使用语音输入时,你需要授权YouTube调用录音功能,并要将手机从Daydream头显中取出以完成确认(下图3、4)。某些情况下,搜索UI当中还会提供相关tag以便快速选择,避免输入的麻烦。
  语音输入的体验很赞,对于VRapp来说确实是非常便捷的交互模式。
  小结
  Google在打造这款YouTubeVRapp时的设计策略显而易见:尽可能将用户在其他传统平台上所熟识的设计模式平稳移植到VR环境当中,使其更加易于上手,避免用户在尝试接纳新媒介的同时还要花费精力去学习更多的操作方法。
  站在个人角度,我很希望音量与进度控制可以通过拖拽的方式进行操作;此外若能增加分享功能,甚至是邀请朋友进入播放厅一同观看视频,则再好不过了。仔细想想,这个体验模式的背后似乎有很多情景需要考虑,譬如由谁来控制播放一类,但怎样也会很有趣。
  总而言之,这款面向Daydream平台的YouTubeVR确实带来了引人入胜的沉浸式体验,Google干的很棒。
投诉 评论 转载

推荐系统老司机的十条经验推荐Quora的工程副总裁XavierAmatriain在ACMrecsys2016上的分享,主要分享了作为推荐系统老司机的他,多年开车后总结的禁忌和最佳实践,这样的采坑实录显……B2BVSB2C网站:关键的体验设计差异点B2B网站需要包含面向较长购买周期中的终端用户和决策者的内容,清晰的细节展示,能应对复杂定下场景的典型价格体系,并且要客观地谈及所有相关竞品。译者按:最近三个月里,算是做……运营后台之商品管理篇:B2C电商(自营)是如何炼成的商品管理是电商的重中之重,是一切的基石。读大学那会还真没有想过自己最后会涉足互联网。不过命运就是这么奇妙,兜兜转转,最终我这个当初看不起互联网的屌丝也臣服在IT女神的皮鞭……电商平台优惠券的发放、使用和退还、计算方式整理1。发放方式总结主动领取:用户在店铺首页或者平台上看到优惠券,主动进行领取。用户在线下看到宣传推广,产生兴趣主动领取。朋友圈优惠券链接,主动点击领取等等。这种发放方……APP知多少:你真的了解APP吗?我们用过的APP数不胜数,但是更多的是局限于其功能方面,一个APP包括哪些元素,APP完整的五脏六腑你可知晓?APP,全称是application,意思是应用程序,即装在……厌倦了汉堡图标,这4个替代方案也许不错汉堡图标的优势很明显,它紧凑,直观,便捷。它的“缺陷”也相当突出:太熟悉,“无聊”。我的意思是,每一个APP都有三条横线在UI的顶端告诉你“我是菜单”,有没有更加有趣,让人眼前……情感化设计认知模型:引发愉悦情感化设计的4种元素本文从情感化设计认知模型出发,解析引发愉悦情感化设计的元素。美国认知心理学家DonaldNorman在2002年提出产品设计的”情感化“理念,随着“体验经济时代”来临,“……企鹅FM3。0设计小结:如何让设计更具价值如何让设计发挥更大的价值,唯一的办法就是洞察产品的真正问题并将自己的想法勇敢讲出来。换种说法就是琢磨如何让团队学会独立思考。很多有资历的设计师会厌烦那些具体且琐碎的需求。……产品设计的思考方式:临界点(七)做产品的过程,本质是在和用户的心智进行交互,我们在不断努力尝试推动用户沿着期待的轨道和方向上走。既然是在推动,就一定存在一个点,用户可能过去,也可能不过去,需要我们以产品设计的……Daydream产品设计案例:YouTubeVRGoogle在打造这款YouTubeVRapp时的设计策略显而易见:尽可能将用户在其他传统平台上所熟识的设计模式平稳移植到VR环境当中,使其更加易于上手,避免用户在尝试接纳新媒……复杂B端产品体验设计的反思管理设计的复杂性一直是个令我头疼的难题,简约至上这句口号说着轻松,可是实际执行起来却常常发现无从下手。这段时间也重新翻出了几篇和设计复杂产品相关的文章阅读,从中受到了一些启发,……为什么要用SVG?svg与iconfont、图片多维度对比SVG在既能满足现有图片的功能的前提下,又是矢量图,在可访问性上面也非常不错,并且有利于SEO和无障碍,在性能和维护性方面也比iconfont要出色许多,总之大家可以根据项目实……
如何打造更高转化的动态着陆页?游戏化设计:平台用户激励系统互联网平台建设(二十四)案例拆解:拼多多金猪储蓄罐的12个增长细节设计功能设计:评论,如何更好地提高产品活跃度?从转账和红包,看微信和支付宝的社交基因支付系统设计白皮书:会员(客户)系统设计思路这6个步骤助你快速确定MVP订阅模式:GlobeIn礼物盒子的投放日记,一次订阅每月收钱产品感获取:抖音注册登录流程组件模仿打造AI智能着陆页,实现真正的千人千面产品解决方案:数据自助分析平台一套国外系统的产品创新方法论

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