Camera Button是这个星期来,发现的最有创意的设计了,在做横屏适配的时候,iPhone X的刘海真是让人尴尬不已,但是Camera Button似乎又是一个不错的创意方案,我刚和人分享时,对方就冒出一句,这不符合协议,haha~
原文作者:SAVANNAH REISING
在Apple一直想要拿掉按钮的时候,我们发现了一种方法去添加一个。
Apple从不害怕承担设计风险,Apple发布了一款新的iPhone设计,home键就被移除了。我也很赞成简化,但是对于设计社区而言,硬件的每一步简化都让人关心。因为这意味着去寻找创造性的解决方案,来应对Apple对极简主义的追求。
因此,当我们在UI上隐藏按钮,就会激发想象力,我们没有在不合适的地方去挤入一个按钮,而是建立了一个新的按钮来隐藏它:它叫做Camera Button。
我们最新的产品-Luna Display正在尝试Camera Button,但这个想法已经出现很久了,我们想要分享一下我们的历程。
简化复杂的任务UI
三年前我们遇到了问题,当时我们正在研发第一个产品,Astropad。在你的iPad上,用Astropad镜像显示Mac屏幕内容。你会得到一个重叠的界面。首先,在你的iPad上出现Mac UI,例如photoshop和sketch。
然后还有原生的iPad界面。如果我们想要添加自己的Astropad UI,它会到哪去呢?我们不想创造一个互相冲突的界面,所以我们寻找一个最小化它的方法。
我们解决这个复杂UI的第一个方法就是Astropad“ring”。这是一个可以移动的环,当你在Astropad上工作的时候,它总是出现在iPad的屏幕上。点击它一次,他就会出现一个带有快捷键和设置的侧边栏。在tap一次就会消失。但我们的界面能更简化嘛?虽然这个圆环很方便,但还是会挡着操作。
在拥挤的空间寻找方寸
我们开始寻找一个替代圆环的方法。第一个选择是引入新的一种手势,但我们很快意识到,它依然受限于空间。iPad的每一个边缘都被手势占用了:向上滑出dock,向左滑出搜索,向下滑出通知,我们需要新的方法来处理。
我们的Astro HQ联合创始人Giovanni Donelli说,想把相机变成按钮的想法灵光一闪,“我盯着白色边框的iPad,我希望有另一个home键可以使用。我盯着相机,我真的很想去触摸它。”一个小时里,他就做出了Camera Button的原型。
控制变数,最大化效益
把摄像头变成一个可靠的按钮并不是没有挑战,我们花费了4个月的时间来努力克服障碍:
Camera Button的工作原理是通过相机来检测进入的光线。用你的手指遮住相机,挡住所有的光线,触发iPad响应。这个问题的难点是要让它在所有光照的情况下都能生效。
为了测试相机在不同光照环境下的表现,我们制作了一个临时灯箱。通过控制灯光,我们可以设计出Camera Button,尽管房间很明亮,但还是可以测试。我们甚至测试了手指压力的变化-如果你轻轻触碰是否也会生效。下面这张照片又一个调节螺丝,可以控制手指在iPad上的压力。
使用效率
为了让Camera Button工作,相机需要在一直开启,所以我们设立了一个目标,以确保它不会影响电池的寿命。这意味着需要编写高效率的代码,通过算法优化效率。在我们的细致优化后,现在的Camera Button运行时仅占用不到1%的CPU。
用户隐私
维护用户的隐私非常重要,这意味着我们需要将相机的数据抹去。通过将相机图像模糊到看不见任何数据的程度,相机记录的唯一东西就是光线。此外,通过摄像头收取的数据不会从iPad中传输出去,也不会发送到服务器上。
虽然Luna使用Camera Button是一个可选设置,但我们也理解一些用户可能不喜欢这个特性。这就是为什么我们还将iPad的音量按钮也设置为Camera Button同样的功能。
全新的iPad互动
总的来说,我们花费了6个月的时间来创建和测试Camera Button。为你的iPad提供了一个实用的新交互,它不会打断你的工作流。它将iPad变成Mac的第二个显示器,点击相机,调用出一个简单的界面来调整屏幕亮度,显示排序等等。
最后,设计师和开发者需要不断地创新保持活力。这说起来容易,我们花了很长时间才发现创新的机会,在上线之前也研究了好几个月。在你寻找创新计划的时候,请记住-有时候最令人惊讶的方案就隐藏在平凡的地方-所有关注生活中的平凡之处吧。