油管涨粉丝 --油管加播放量平台
十三年后,YouTube 总算换 logo 啦!那时,责任编辑译者将带他们一同去了解这款商品另一面的结构设计故事情节。enjoy~
在过去的十三年里,YouTube 的 logo 是由两个落伍的原素搅在一同共同组成的。YouTube 谢朗特相关人士 Christopher Bettig 说:
他们把单字 tube 放进了 tube 里(翻译者注:tube 是铁管的原意)。很怪异是吧,其实没有人看不懂之前的 logo 要抒发什么。
在美国,Tube 是投影机的美式英语,因为以前的投影机里满是 vacuum tube(翻译者注:vacuum tube 是电浆电浆管的原意,一种电子零件)。但,不论电视节目还是电浆电浆管,都并非世界上最小的音频中文网站的核心理念。现在 YouTube 每一月都为超过15亿的使用者提供服务项目,它几乎可以通过网络相连到任何萤幕上。
当今社会,YouTube 早已开始展开两个史上最小的闪崩计划。YouTube 的 logo 早已预览,将关注点从单字 Tube 移到经久不衰的播映键上。YouTube 的播映键早已成为子公司的两个象征。YouTube 还采用了捷伊手写体,色调计划,以及一连串特别针对图形界面端和终端端关键性改良,牵涉听觉结构设计,使用者新体验和商品机能。
使用者新体验副研究员 Melissa Smith 在 San Bruno,CA 的 YouTube 服务项目部展现捷伊终端端应用领域机能。
虽然那时的 logo 更新是 YouTube 历史上最重要的事,但它并并非根本就是的,并不像 Uber 把白色的 U 改成探底回升的 C 一样。Bettig 说:
这是两个技术革新,而并非民主革命。
但,子公司也利用这一瞬间正式宣布了一连串的新机能,预览计划和早已开始展开的试著。 新 logo 是将这一连串姿势拴在一同的捆绳,特别强调了 YouTube 从两个单个的音频中文网站商品朝由虚拟化的不同商品共同组成的网络平台的变革。
YouTube 结构设计和交互团队在两年前推出他们重新结构设计的界面时,面临的挑战是如何将众多的商品与不同口味的观众,不同的使用场景结合在一同。这个在2005年为图形界面网络使用者建立的中文网站现在早已存在于手机,平板电脑,游戏机甚至电视节目上了。并且,YouTube 不再是两个简单的品牌。在过去的几年中,它孵化了一连串服务项目:YouTube Kids,Gaming,Red,TV,和 Music。他们觉得,由于这些不断新增的服务项目,原来的 logo 越来越难以涵盖。 Bettig 说:
他们希望结构设计一些更统一,更有凝聚力的东西,一些一看就是 YouTube 的东西。他们希望搭建一种听觉语言,使使用者可以轻松识别。
Bettig 是一名法国人,六年前加入 Google,过去三年一直在 YouTube。他主导这次对 logo 的重新思考。由于 YouTube 早已开始逐步进化为一整套服务项目,并且早已适应了各种尺寸的萤幕和音频格式,Bettig 和他的团队一开始试著了两个动态的品牌。
他们有两个让人轻松联想起 Y 的符号,但它会伴随动效持续变化,并从你在观看的音频中汲取颜色。 它可能从你在观看的频道拉出个人资料配图或频道封面。所以,这些动态的原素都是相互交叉的。
当结构设计师在工作室的白板上和简单的手机应用领域原型上做实验时,这个点子很行得通。 Bettig 说:
但当他们把这个点子放在商品里,就会乱七八糟,根本不奏效。
两个布满新 logo 和应用领域界面的草图的墙
最后,结构设计部决定保持简洁。他们试著利用原来的 logo,基于这个 logo 多年以来早已代表品牌,深入人心的形象。
多年以来,播映键作为 UI 原素,居中出现在每一音频的正面,成了两个非官方的 YouTube 象征。
在使用者调研中,团队发现使用者在识别 YouTube 时,播映键和 YouTube 单字本身效果几乎一致。
播映键自己偷偷发芽了。
既然决定采用播映键加文字的计划,结构设计团队开始着手让它们更现代化。Bettig 说:之前 logo 上的文字手写体是1903年的 Alternate Gothic No.2号,而且被人为调整过,所以有些怪异的呆板的结构设计原素。Tube 中的 U 与 You 中的 U 不一样,所以如果你把它们叠起来,会发现并不吻合。播映键也有类似的问题,四个圆角并不相同。对于那些对结构设计敏感的人来说,这些年来结构设计在扩展商品和支持新机能上并没有起到作用。在 Bettig 三年前来这里时,YouTube 还没有结构设计部。现在,他和自己的团队有机会规整这些结构设计了。
YouTube 的结构设计师 Robert Thompson 展现了两个记录创意的笔记本
他们决定将原来的手写体淘汰,并结构设计出自己的一套。 他们试著基于经典的电视节目和录像带时代风格的手写体,和更现代的外观来结构设计。 最后,他们采用保留了印刷时代的原素。他们希望保留一种时代感。1903年被结构设计用于手动排版的印刷用手写体,如今借助数字化网络平台继续发光发热,突破了时代局限。对于播映按钮的新色调,团队试著在日常的媒体中寻找计划。最后他们决定采用FF0000,Bettig 解释到:看着红色,他们就会联想到一些和音频强联系的事物。而且,这是两个纯粹的红,是音频中 RGB 三原色里的红。
捷伊手写体,logo 和色调于那时在 YouTube 的图形界面端、终端端推出。当前阶段是希望新结构设计原素能够有效渗透 YouTube 提供的所有服务项目中。Bettig说:由于他们与主商品的差异,他们该如何在保持扩张的同时清晰的传达品牌,让两个即使在随意浏览应用领域商店的使用者,也能一眼发现 YouTube 的商品。
随着 logo 的预览,图形界面端和终端端应用领域也都预览了,新版本更符合 Material Design的结构设计美学。音频观看和导航的结构设计主管 Robert Thompson 表示:他们是个高耦合度的中文网站,这使 Material Design 成为构建他们结构设计的绝妙基石。迁移到 Material Design 风格意味着每一页面上的投影,线框和表格都会减少。这有助于提高中文网站的可读性和舒适度,将舞台留给内容。像捷伊 logo 一样,向 Material Design 风格的迁移,有助于给不断增长的应用领域群搭建一套通用的结构设计语言。
伴随统一的结构设计,YouTube 也致力于为旗下不同的商品带来一致的机能。比如那时在终端端上线的变速回放机能,之前只存在于图形界面端。结构设计团队表示,手机上非常受欢迎的机能很快就会迁移到图形界面端,他们早已着手开始做了。比如终端端迷你播映器,可让你在浏览内容的同时继续观看早已开始播映的音频,图形界面端这个机能的早已进入测试环节了。
YouTube 中文网站随着时间的推移发生的变化
如果 Bettig 的挑战是统一 YouTube 不断增多的应用领域的外观和风格,商品团队的目标则是即使使用者使用商品的方式一直在增多,也要确保他们在 YouTube 获得最佳的新体验。商品副总裁 Manuel Bronstein 说:
YouTube 起航于两个简单的中文网站和低清晰的音频。他们正处于两个人们在终端设备、平板电脑和电视节目上观看高清音频的时代。他们必须不断优化人们在不同设备和环境中使用商品的新体验。
拿音频横宽比举个例子。当 YouTube 刚开始时,它只支持横向音频。但现在,内容贡献者上传的音频可能是纵向的或方的。这常带来糟糕的新体验,因为纵向的音频只占可用萤幕的一小部分。YouTube 的商品管理副总裁 Bronstein 说:
他们都讨厌两个小画面配上两边黑漆漆的背景。
正如 Bettig 和他的团队一样,商品团队第两个想法就是创造一些动态的,让使用场景带来最棒的结构设计。他们采用了视差效果,你可以晃动手机来实现在竖着的音频内上下偏移。Bronstein 说:
这个想法阵亡于和使用者的首轮接触。
相反,团队将播映器固定,把几乎整个萤幕提供给原始比例的纵向音频,只在底部留下两个小小的控件,如果使用者想要全屏的话可以自行关闭。如果纵向音频播完后下两个音频是横向的或方的,那么播映界面会自动调整。
YouTube 的新音频播映器,可以自动适应纵向音频
很多这些更新,从图形界面端界面重构到纵向自适应机能,都已作为测试机能推出,推送给一小部分的使用者和自愿参加测试的。与任何大规模的在线服务项目商一样,在保持稳定飞行的同时预览飞机的部分零件。YouTube 知道自己一定要小心行事,以免惹恼数百万通过创作音频谋生的使用者,还有那些会被细微的布局或机能变动触及底线的人。虽然它们不像闪亮的新 logo 那么有故事情节性,但这样的改变往往考虑得更加深远,将 YouTube 朝着原汁原味的终端端新体验持续优化,符合时下大多数使用者和 YouTube 音频服务项目的交互方式。当然,YouTube 的最终目的是让你看更多的音频,在他的服务项目里停留更多的时间。两个机能越简单,就越可能会有人用。
再讲两个今年二月推出的新机能,即使用者可以通过双击萤幕来实现快退、快进。有一小部分使用者习惯于双击播映器来查看音频剩余时间,他们讨厌这个总导致他们快进快退的新机能。主管音频导航结构设计的 Thompson 表示:
直到他们大规模投放这个机能后他们才知道这事,听到的都是投诉,完全没有任何积极的反馈。当他们停止实验来调整这个机能时,他们被淹没在要求将该机能回归的反馈中。他们这才知道这个结构设计还是成功的。
这个双击手势现在每天被使用数十亿次,上线没多久就超过了播映器进度条的使用频率。
YouTube 早已开始试著一种终端端浏览音频的新方法。只需向左滑动,YouTube 就会根据推荐算法提供新音频,就像有着数不清的娱乐内容的音频自助餐。错过两个自己感兴趣的音频?只要右滑即可找回。对于两个被数十个国家和数十种语言的15亿使用者所使用的服务项目来说,寻找与使用者产生共鸣的手势才是团队给商品带来黏性的最佳方式。
他们早已开始试著为所有的应用领域构建两个统一的语言,通过结构设计赋予这些应用领域一致的原素。Bronstein 说,他们始终致力于让 YouTube 更加人性。
原文译者:Ben Popper,Aspiring drone pilot and parenting robot.
原文地址:The Verge
翻译者:徐小马,Teambition 交互结构设计师
译文地址:https://zhuanlan.zhihu.com/p/28925584
题图来自 Pexels,基于 CC0 协议