VSSApple Suite

Path 复盘:关停八年的社交应用,留下了哪些交互设计

· 作者 Xin Wang · English

Path 是一个只给亲近的人看的移动社交应用,2010 年 11 月上线,2018 年 10 月 18 日停止服务。它在商业上没有成功,但 iPhone 应用里很多人见过的几种做法都和它有关:左下角点开成扇形的“+”按钮、滚动时跟着走的小时钟、左右两侧的抽屉。我把它的公开资料从头查了一遍,写成了一份较长的调查报告。这篇是浓缩版,只讲它是怎么做的、为什么这样做、付出了什么代价。

结论速览

八年时间线

时间事件
2010-01Dave Morin 离开 Facebook,与 Shawn Fanning、Dustin Mierau 创办 Path(TechCrunch)
2010-11-14Path 1.0:只能用应用内相机拍照,最多分享给 50 人,能看到谁看过(AllThingsD)
2011-11-29Path 2.0:重做成“智能日记”,上限 150 人,“+”菜单、滚动时钟、抽屉都在这一版出现(TechCrunch)
2012-02被发现上传通讯录;2.0.6 改为先征得同意,并删除已上传的联系人
2013-02-01与美国联邦贸易委员会和解,80 万美元(FTC 新闻稿)
2013-03-06Path 3.0:加入私信和贴纸商店(MacRumors)
2014-06-20Path 4.0:底部标签栏取代抽屉,取消好友上限,消息拆成独立的 Path Talk(TechCrunch)
2015-05-28卖给 Daum Kakao,当时用户多数在印尼(TechCrunch)
2018-09-17宣布关停:10 月 1 日下架,10 月 18 日停止服务(TechCrunch)

转折点是 Path 2。上线后两周半,日活跃用户从约 1 万涨到 30 万(TechCrunch)。下面讲的交互,绝大部分出自这一版。

为什么只让你加 150 个好友

Path 的设计几乎都从一个前提出发:社交应该发生在少数亲近的人之间。第一版的发布文章引用了人类学家 Robin Dunbar 的研究,把 50 人当作个人关系网的外边界(Path 博客);Path 2 放宽到 150,也就是通常说的“邓巴数”。

Path 2 把内容形态定成“日记”:不只是发照片,还能记一句想法、在哪儿、和谁在一起、在听什么歌、睡了还是醒了。Morin 对第一版的评价很直接,说它七成是失败的,界面太多,而人们其实只用一个屏幕;Path 2 的首页改了二十多版(VentureBeat)。所以 Path 2 把整个应用压成一条可以滚动的时间线,别的东西都收起来。

它始终没有广告,收入来自付费滤镜、贴纸和订阅。这也解释了为什么 2013 年以后产品重心偏向了贴纸和私信。

少输入,多上下文

Path 把每条内容叫做一个 Moment(时刻)。用户通常只提供一样东西:一张照片、一句话,或者选一个地点。其余的由系统补上:拍摄时间、坐标、所在城市、当时的天气。服务器再把这些拼成标题和副标题,直接发给手机显示。

这些不是猜的。2012 年有一个开源的非官方 Mac 客户端 Journey,它的测试文件里留着 Path 接口返回的真实样本。从样本里能看到几件事:

“写自己的日记”这句宣传语,在工程上就是这个结构:写入很轻,补全很重。

“+”放射菜单

Path 2 把所有发布入口收进左下角一个红色的“+”。点一下,“+”转成“×”,六个图标从按钮里飞出来,沿四分之一圆弧排开,分别是拍照、和谁在一起、地点、音乐、想法、睡觉。它们不是同时飞出,到位时还有一点回弹;选中的那个放大后淡出,其余的缩回按钮里。Morin 说,光这一个动画就调了大约六个月(Forbes)。

123456远点 110 pt终点 100 pt近点 90 pt先冲到远点,回弹到近点,再停在终点
按开源复刻 AwesomeMenu 的参数画的示意图,编号是起飞顺序。不是 Path 原版的数值,六个图标各在哪个位置也没有可靠记载。作者绘制

Path 没有公开过参数。最接近的参照是开源库 AwesomeMenu,源码里写的创建日期是 2011 年 11 月 30 日,也就是 Path 2 上线第二天。它的示例工程里有一组仿 Path 的配置:

AwesomeMenu 的仿 Path 配置(非官方)
项目数值意思
扇形张角90°从正上方到正右方
三档半径110 / 90 / 100 pt先冲过头,回弹,再停住
单个图标飞行0.3 秒飞行中同时自转半圈
相邻图标间隔0.036 秒一个接一个起飞
“+”的旋转45°,0.3 秒变成“×”

按这组数,第六个图标在 0.18 秒起飞,整个菜单不到半秒就展开完。有一点值得留意:这里的“回弹”是写死的三段直线,不是物理弹簧。

为什么这样设计,我的理解有三条。第一,六种发布类型如果排成工具栏,会占掉时间线的地方;收进一个按钮,首页才干净。第二,圆弧上每个图标离“+”一样远,拇指够起来省力;设计师 Josh Clark 当年为这类菜单辩护时也提到,它最多放八项左右。第三,图标从“+”里出来,又回到“+”里去,用户不用看说明就明白发布功能都在这个按钮里。代价是每次发布要多点一下,弧形也比列表难扫视。

滚动时钟

Path 2 的时间线上,每条内容不写时间。手指一拖,右侧滚动条旁边会浮出一个深色小气泡,里面是一个小表盘和“11:49 AM”这样的时间,显示的是气泡旁边那条内容的时间。滚动时表盘的指针跟着转,停下来过一会儿气泡才淡出。

设计师 Dustin Mierau 讲过理由:去掉时间戳,一屏能放下更多内容,读起来也更自然;用带指针的表盘,是为了让人有在时间里前后移动的感觉(App Design Book 访谈)。

这个控件同样被迅速复刻。开源库 TimeScroller 在 Path 2 上线第五天创建,它的做法是 0.2 秒淡入,停止滚动后等 1 秒,再用 0.3 秒淡出;指针顺着时间方向转,而不是走最短的那条路。同样,这是复刻的数值。

时间戳并没有全部消失,评论和通知里仍然写着“14 分钟前”。也有人不买账,嫌每条内容的时间不够清楚。

侧滑抽屉,以及它的退场

Path 2 没有底部标签栏。点左上角的按钮,或者在时间线上横着一划,整页内容就滑到一边,露出下面的抽屉:左边是导航和设置,只有五项;右边是好友。Facebook 的 iPhone 版在七周前先做了左侧菜单,Path 把它扩成了左右两边。之后好几个流行的开源抽屉库在说明里点名 Path 2.0,比如 ViewDeck 和 JASidePanels。

抽屉适合 2011 年的 Path,因为当时它只有一条主线,别的去处都不常用。到 2013 年,私信、贴纸商店、好友管理都成了常去的地方,却藏在抽屉深处。2014 年的 Path 4 把导航搬回了底部标签栏。同一时期整个行业都在放弃“汉堡菜单”:有应用做过对比测试,标签栏版本的周使用量高出 55%(TechCrunch)。

没有“赞”的反馈

Path 从头到尾没有“赞”。它把反馈拆成了几档,越往后越费事:

反馈出现的版本发出的人做什么对方看到什么
谁看过(Seen it)1.0什么都不用做,看了就算看过的人的头像和人数
表情1.3五个里选一个头像上带一个表情角标
评论1.4打字评论,附带多久以前、在哪座城市
来访2.0打开对方的个人页“某某来看过你的 Path”

在只有几十个亲友的圈子里,“看过”本身就是回应:发一张家里的照片,知道妈妈看到了就够了。这让发得少、朋友少的人也有反馈。

代价是两头都有压力。看的人没法悄悄看,连访问个人页都会通知对方;发的人能看见谁看了却没说话。2013 年 Path 加了逐条选择给谁看的功能,算是自己补上的控制。五个表情(微笑、大笑、惊讶、难过、爱心)比一个赞更细,Facebook 类似的 Reactions 是 2016 年的事。

睡觉和醒来

六种发布类型里最特别的是“睡觉”。睡前点一下,时间线上出现一条“在某地睡了”,同时暂停推送;醒来再点一下,恢复推送,服务器算出睡了多久,配上一句话。

Morin 的解释是,手机时代人的状态不再是在线或离线,而是睡着或醒着(dcurt.is 转引)。人们愿意每天点,是因为它有实际用处:夜里不被通知打扰,醒来那张卡片上就是当天的天气。有设计师写过,他点“醒来”只是为了看看今天天气怎么样(Rian van der Merwe)。Path 2 上线两周半,已经有超过 100 万人分享过睡觉或醒来。

它全靠手动,没有自动判断。点下去以后屏幕怎么变、有没有夜间画面,我没有找到任何文字或截图记录。

加好友这一步的代价

Path 靠“默认私密”立身,却在同一条路径上出了三次事,都是在“加好友”这一步。

  1. 2012 年 2 月,通讯录上传。开发者 Arun Thampi 抓包发现,Path 登录后会把整个通讯录传到服务器(他的记录)。加好友页面给了三个选项,但不管选哪个,甚至一个都不选,都会上传。Path 随后道歉,改为先征得同意,并删除了已上传的联系人。苹果也表态,以后应用读取通讯录要用户明确同意(AllThingsD),iOS 6 加入了权限弹窗(MacRumors)。
  2. 2013 年 2 月,联邦贸易委员会和解。除了通讯录,起诉书还指出约 3,000 名 13 岁以下用户的个人信息被收集。Path 付了 80 万美元罚款,并要在 20 年里定期接受隐私评估(起诉书)。
  3. 2013 年春,自动短信邀请。注册页把通讯录联系人默认全部勾上。有用户的整个通讯录在清晨收到了以他名义发出的邀请短信(iDownloadBlog)。集体诉讼最后以 500 万美元和解(Top Class Actions)。

小圈子的产品最怕空:没有亲友在里面,它就是一间空房间。所以增长的压力全压在“加好友”上,这一步的每个细节都成了隐私决定:选项是不是真的可选,勾选框默认是勾着还是空着。Path 在最精致的动画旁边,放了一个不诚实的加好友流程。

今天做 App 还能用上的

以下是我自己的归纳,不是 Path 团队的说法。

今天实现起来会简单得多。当年用三段直线模拟的回弹,现在在 SwiftUI 里用弹簧动画加逐项延迟就能做,而且可以随时打断。滚动时钟也不必去动系统滚动条的内部视图,直接用滚动位置反查当前条目的时间就行。

没能查实的

这篇的事实来自 2010 到 2018 年的媒体报道、Path 官方博客、联邦贸易委员会的文件、开源复刻的代码,以及那个非官方客户端保留的接口样本。我没有用过 Path 的内部资料,互联网档案馆上的历史快照也没能读到。下面这些我没有查到可靠的记载:

不同来源也有对不上的地方。比如 Path 2 上线后的日活增长,当时的报道是两周半从 1 万到 30 万,Morin 2015 年回忆时说的是两周涨到 50 万以上。文中用的是当时的报道。

常见问题

Path 是什么时候关停的?

Path 在 2018 年 9 月 17 日宣布关停,10 月 1 日从应用商店下架,10 月 18 日停止服务。它 2010 年 11 月上线,2015 年 5 月卖给了韩国的 Daum Kakao。

Path 的“+”菜单动画有官方参数吗?

没有。Path 从未公开过动画参数。现在能查到的数值来自开源复刻 AwesomeMenu:90 度扇形、半径约 100 pt、单个图标飞行 0.3 秒、相邻图标间隔 0.036 秒。这是别人照着做出来的数值,不是 Path 的原版数值。

iPhone 上应用读通讯录要先弹窗询问,和 Path 有关系吗?

有关系。2012 年 2 月 Path 被发现未经同意上传用户的整个通讯录,随后苹果表示以后的系统版本里,应用读取通讯录必须经用户明确同意。iOS 6 为通讯录、日历、提醒事项和照片加入了权限弹窗。

资料来源

正文里的链接之外,主要参考了这些:

接着看

本站是独立的第三方网站,与 Path、Kakao、Apple Inc. 没有隶属或合作关系。Path 是 Path, Inc. 的产品,已于 2018 年停止服务。文中的动画和布局数值来自第三方开源复刻,不是 Path 的官方数值;“为什么这样设计”和“还能用上的”两部分是作者的看法。