• “初心之地·光荣之城”公益海报 征集通知

  • Pukka 座位系列,确保实用性的同时提供美感

  • 这绝对是“香水与赛车”的完美融合~

  • 特朗普自建社交平台上线!还带有一个硕大的新 LOGO

  • 视觉文化时代,品牌设计的「根性」在哪里?

  • 甘尼在 2021 年秋冬上的最佳状态

  • Lost Explorer Mezcal:每一小口都会将您带入一个超越感官世界

  • Kygo 生活 - 音乐与时尚!- 时尚的错排设计

  • 今旅酒店 Hotel Jen 重塑形象,启用中英双语新 LOGO

  • 音乐手里嗨,“灯球”响起来~

  • 家居界的“模特”——HEILA 线性缝线餐椅

  • 斐色耐 ✖ inDare | inMirror LED 化妆镜产品设计创意

  • 选自奥斯陆摄影师 Bjarne Bare 一组街拍作品

  • 太有趣了~ 这款 DIY 的椅子,让你和狗狗的关系更加亲密!

  • 可以硌掉牙的“寿司”

  • Aurora - Artificial Intelligence Brand Interactive Design

  • 微软正式发布 Surface Hub 2 是协同工作的未来吗?

  • 餐厅与产品的用户引导设计

交互

透视 Facebook 新 App「Moments」背后的设计思维

贡献者: ines 来源:inside 时间:5年前 热度:

您是否也有这样的经验?跟三五好友出游,大家各自用手机拍照,约好回家之后把照片分享出来,但往往会有一些明明记得自己有被拍到的照片却遍寻不着。或是大家在同一个地方必须合照个五次——因为要用不同人的相机 / 手机拍照 ⋯⋯

「记得把今天出去玩的照片传给大家喔。」
「没问题。」
三个月之后 ⋯⋯
「Hi,上次的照片 ⋯⋯」
「啊!我忘了!」

您是否也有这样的经验?跟三五好友出游,大家各自用手机拍照,约好回家之后把照片分享出来,但往往会有一些明明记得自己有被拍到的照片却遍寻不着。或是大家在同一个地方必须合照个五次——因为要用不同人的相机 / 手机拍照 ⋯⋯

今天 Facebook 在美国发表了新的 AppMoments」,就是要解决这样的困扰。Moments 要创造一个私密的空间,让使用者方便地与朋友们分享、管理、组织共同的照片。

Facebook Creative Labs 出品

这次的 Moments AppFacebook Creative Labs 里的一支团队设计、开发。设计师 Laura Javier 在产品公开后随即在 Medium 上发表了一篇文章〈Designing Moments〉,解释 Moments 背后的设计思维,以及团队从开发 Moments 学到了哪些东西:

什么是 Moments

有了手机,我们在生活中的每一刻要拍照都变得很容易。但如果要从朋友那边收集大家一起在同一地点拍摄的照片可就麻烦了,而且你也很难取得所有朋友帮你拍的照片。就算你真的拿到了一些照片,管理、组织照片的工作总是显得琐碎。

因此,我们决定要改善这样的体验,开发出了 Moments,这是一个让你跟朋友分享照片变得更简单的 App

「骇」味十足的开端

Moments 来自一场 Facebook 的黑客松。一夜之后,我们之中一小群做出了一个原型,可以去配对那些你去过并且留下照片的地点。之后再经过一点努力,我们让原型也能让你和朋友把所有你们拍的照片集中。那时,我想我们做出了一个很独特的东西,同时开始正式组织团队,找来负责设计、研究、内容策略、工程和产品管理的成员。

▲ 早期我们在 Facebook 骇客松完成的原型

早期的原型来自于我们对于现有私下分享照片方式的不满,同时也反映出我们进行质化使用者研究时一再听到的:
「我拍了许多照片,但老是忘记要分享给那些入镜的朋友。」
生日派对、毕业典礼、假期、假日、平日的聚会 ⋯⋯ 人们都会一起拍照,却似乎从未解决如何交换彼此拍摄的照片。是啊,有简讯、Email 跟社群网站,但那只能捕捉到一部分片段。


深入探究

团队的核心原则是让 Moments 可以把交换照片这件事变得很快,而且比现有的方案都更好。打造一个简单的方式让一群人分享照片就是我们团队的宗旨。
这个 App 的主要功能之一就是透过 Facebook 今日的脸部辨识技术提供的建议标签,将你相机胶卷内的照片根据何时、何人去分组。我们发现这对于找出使用者或许想要跟某位特定朋友分享的照片,会是个不错的工具,只是我们还需要找出一个对使用者更友善的方式来做出这样的功能。
为了让大家了解我们在开发过程中如何做决策,先来看看 Moments App 的主画面:
     

  ▲Moments 的主画面

1. 建议(Suggestions)

Moments 会建议你把照片跟特定的人「同步(sync)」。举例来说,如果 Moments 认为你的照片是在 Jack 跟 jill 的婚礼上拍摄的,那么它会把相关照片聚集起来然后问:「你想要跟 Jack 和 Jill 同步这些照片吗?」

App 会建议你跟哪个朋友同步照片

为了可行性,App 在提供建议时需要沟通一些脉络:这些照片是什么?为什么这些照片要给我看?我该拿这些照片怎么办?
我们知道必须在 Moments 犯错时尽量避免混淆——或许是错误的人脸辨识或是把几张不相干的照片也涵盖进来在建议的分组中。于是我们这样解决:将建议改成问句,并且再加上一行字去说明这些照片被选择的理由。随着研究进行,我们也做了更多改善,直到我们确信人们真能体会这些建议有多么便利。


2. 私密(Private)与同步(Sync)

如果我们期望人们依赖 Moments 的建议作为同步照片的主要方式,那么得让这些建议表现得非常好才行。我们探索了许多呈现建议的方式。清单或许是最直观的方式,但若要用来告诉使用者哪些照片被同步、被同步的照片去了哪里,那么就不是一个优雅的方式。
另一项挑战就是明确告知使用者,在相片尚未被同步前,没有任何人可以看见他们。为了不让使用者运用 Moments 时感到不安或是不快,我们非这么做不可。最后我们决定在主画面将照片分成两迭,其中一迭标示「私密」,一迭标是「已同步」。


▲ 主画面分为两部份:「私密」和「已同步」,以便区分出那些尚未分享出去的照片。

3. Activity Feed

当你选择同步 Moments 建议的照片组之后,视觉上这些照片就会从上方「私密」的那一迭「落」到下方的「已同步」,按照时间排序成为你与朋友共享照片的一部分。

这些照片就会从上方「私密」的那一迭「落」到下方的「已同步」。

4. 同步的照片

对我们来说,很重要的一部分是 Moments 不只能让使用者便于和朋友交换照片,还得让观赏照片成为一种快乐的体验才行。所以在 activity feed,我们希望使用者有多一点观赏照片的选择。
「All Photos」提供的是我们熟悉的相机胶卷模式,在这个模式下卷动浏览所有 Moments 里的很方便。「Titled Moments」会以格状分组呈现你有加入标题的照片,让你方便寻找、浏览那些最特别的时光。


▲ 同步后的照片可用三种模式浏览:Activity、All Photos 和 Titled Moments


我们学到的事

我们一步一步地接近那个共同的愿景——但有时那个过程其实是前近三步、倒退两步的。比起独自解决单一问题,我们在设计、研究、内容策略、工程和产品管理等方面拥抱流动式的协作模式。过程中我们都学到了一些很有价值的东西:


要去爱上一个问题,而不是一个特定的解决方案

设计的责任在于创造概念、广泛地去探索各种可能性,将各种未来大有可为的点子组合起来。几个月的探索下来,我们研究了无数的模拟画面和原型。最终,只有一种设计成为我们所发表的 app。但先前所做的各种尝试并没有白费,因为一个成功的设计流程,关键在于你要去解决一个真正的问题,而不是对第一个冒出来、看似可行的念头一见钟情。
设计一项产品,很大一部分在于让你自己能问:「如果 ⋯⋯」然后明白,在你试过用各种方法去解答问题之前是不会满足的。要在尝试的第一次就解决复杂问题是很罕见的(即便是第五次也一样)。产品设计之所以成为如此令人满意的挑战,这样重复地尝试正是原因之一。


简化、简化、简化,然后再简化一些

我们很快地发现,如果不能把东西用书写的方式去表达——如果我们不能用一种简洁而令人信服的方式去解释——那就不是最佳的方法。用书写的方式去描述不同功能和优点,也是了解产品是否能与用户产生共鸣的一种快又有效率的方式。我们发现,人们有多了解我们写下来的东西,等同于直接告诉我们该怎么排定优先事项或是打磨接口的相关决定。
无论妳的点子如何出众,排出优先级和简化都是最关键的。有时这代表我们必须放弃那些聪明的点子,因为试图一次做很多件事会危及我们的清晰度(clarity)。设计 Moments 的方法有很多种,有太多额外的功能是我们在第一版就想做的,甚至构筑产品本身都有好几种选择。但最终,再多的使用者教育也难以弥补一项缺乏价值清晰、没有组织化接口的产品。过多的解释和选择只会稀释掉产品的实用性和使用乐趣。


确认你的各种假设

质化研究是维持产品开发导向不可或缺的一环。那就像一条通往现实的水管。主要的挑战是,处于任何创作过程中,要在直觉以及来自真实使用者原始响应之间,取得一个健康的平衡。我们团队发现,及早(我们一有了最初那个黑客松的原型后,就开始观察其他人怎么去演进那个原型)并且频繁地(有好几个月,我们每个礼拜都举行可用性会议)对假设进行测试是相当关键的。
有时我们的问题是技术性的:什么是最棒的版型?这个按钮上头应该写什么?有时候则是与社交动态有关:什么是阻止人们分享的障碍?每一项新发现,都为我们带来一些新的问题。透过一对一的访谈和焦点团体,我们持续地与使用者见面,去了解他们如何使用我们做出来的东西。这种来自真实世界的回应,让我们得以脚踏实地、持续维持快速的演进。

产品发表只是开始

我们不曾停止对产品的质疑、修补,让产品的面貌变得更加清晰,直到我们自信已经以一种直觉、神奇的方式去满足了一项需求。
我们明白,尽管已经做了各种努力去把 Moments「做对」,但我们还是有可能根本就错了。我们很幸运地身为 Facebook Creative Labs 的一员,让临时成军的团队得以有机会实验各种新的概念。在过程中的某个时刻,你必须接受一个概念:要能在「完成比完美更好(Done is better than perfect)」的前提下依旧拿出你所能有的最佳表现在时限内把工作完成。
越多人使用 Moments,我们就越能继续学习,也就有更多工作等待我们。能持续不断地「骇」来「骇」去令我们无比振奋。

如果各位读者对于 Facebook 开发 Moments 背后的技术有兴趣,可以参考 Facebook 工程师 Ashwin Bharambe、Zack Gomez 和 Will Ruben 写的这篇〈Under the hood: Building Moments〉,其中提到打造 Moments 体验背后的技术,便是来自于 Facebook 人工智能研究实验室的工作成果。

via:inside
Arting365 新版官网:http://arting365.com/

 

 

 

ines

执行副主编 | 写字为辅,卖五金为主,专注做穷学生30年,浮生世间观察员.

评论 条回复
扫进你口袋
微信搜索Arting365design 或 扫描二维码

推荐阅读

© 2021 ZEEPIN HOLDINGS LTD., All right reserved.