[自译]发现Camera Button

Camera Button是这个星期来,发现的最有创意的设计了,在做横屏适配的时候,iPhone X的刘海真是让人尴尬不已,但是Camera Button似乎又是一个不错的创意方案,我刚和人分享时,对方就冒出一句,这不符合协议,haha~

原文链接:MEET THE CAMERA BUTTON

原文作者: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的第二个显示器,点击相机,调用出一个简单的界面来调整屏幕亮度,显示排序等等。

最后,设计师和开发者需要不断地创新保持活力。这说起来容易,我们花了很长时间才发现创新的机会,在上线之前也研究了好几个月。在你寻找创新计划的时候,请记住-有时候最令人惊讶的方案就隐藏在平凡的地方-所有关注生活中的平凡之处吧。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,445评论 25 707
  • 做了一场白日梦,梦里有你―― 男孩和女孩已经许久未见了,有多久?三年?五年?算一算已经十年了。恰如一首《十年》所述...
    九木木阅读 389评论 2 0
  • 关闭了朋友圈,取关了一些公众号,删除了网易新闻,世界安宁祥和了许多……
    简单滴人生阅读 252评论 0 0
  • 秦始皇陵兵马俑,佣兵,发丝入微,神态迥异,古人的匠艺,严谨,让现代人汗颜! 万里长城,中华瑰宝,地下王国,第八奇迹...
    棠棣树阅读 193评论 0 0