Path 复盘:关停八年的社交应用,留下了哪些交互设计
· 作者 Xin Wang · English
Path 是一个只给亲近的人看的移动社交应用,2010 年 11 月上线,2018 年 10 月 18 日停止服务。它在商业上没有成功,但 iPhone 应用里很多人见过的几种做法都和它有关:左下角点开成扇形的“+”按钮、滚动时跟着走的小时钟、左右两侧的抽屉。我把它的公开资料从头查了一遍,写成了一份较长的调查报告。这篇是浓缩版,只讲它是怎么做的、为什么这样做、付出了什么代价。
结论速览
- 它是什么:好友有上限的私密“生活日记”。第一版最多分享给 50 人,2011 年底的 Path 2 放宽到 150 人。
- 三个被大量复刻的交互:“+”放射菜单、滚动时钟、左右侧滑抽屉。第一个开源复刻在 Path 2 上线第二天就动工了。
- 没有“赞”:反馈分成“谁看过”、五个表情、评论三档,比 Facebook 的 Reactions 早五年。
- 背后的思路:用户只填一项,时间、位置、天气由系统补齐,再由服务器写成一句有语气的话。
- 代价:2012 年被发现未经同意上传整个通讯录;2013 年与美国联邦贸易委员会以 80 万美元和解,又因自动短信邀请以 500 万美元了结集体诉讼。
- 要注意的:Path 没有公开过任何动画参数。文中的数值来自开源复刻,不是原版数值,凡是这种情况都会标明。
- 八年时间线
- 为什么只让你加 150 个好友
- 少输入,多上下文
- “+”放射菜单
- 滚动时钟
- 侧滑抽屉,以及它的退场
- 没有“赞”的反馈
- 睡觉和醒来
- 加好友这一步的代价
- 今天做 App 还能用上的
- 没能查实的
- 常见问题
- 资料来源
八年时间线
| 时间 | 事件 |
|---|---|
| 2010-01 | Dave Morin 离开 Facebook,与 Shawn Fanning、Dustin Mierau 创办 Path(TechCrunch) |
| 2010-11-14 | Path 1.0:只能用应用内相机拍照,最多分享给 50 人,能看到谁看过(AllThingsD) |
| 2011-11-29 | Path 2.0:重做成“智能日记”,上限 150 人,“+”菜单、滚动时钟、抽屉都在这一版出现(TechCrunch) |
| 2012-02 | 被发现上传通讯录;2.0.6 改为先征得同意,并删除已上传的联系人 |
| 2013-02-01 | 与美国联邦贸易委员会和解,80 万美元(FTC 新闻稿) |
| 2013-03-06 | Path 3.0:加入私信和贴纸商店(MacRumors) |
| 2014-06-20 | Path 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)。
Path 没有公开过参数。最接近的参照是开源库 AwesomeMenu,源码里写的创建日期是 2011 年 11 月 30 日,也就是 Path 2 上线第二天。它的示例工程里有一组仿 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 靠“默认私密”立身,却在同一条路径上出了三次事,都是在“加好友”这一步。
- 2012 年 2 月,通讯录上传。开发者 Arun Thampi 抓包发现,Path 登录后会把整个通讯录传到服务器(他的记录)。加好友页面给了三个选项,但不管选哪个,甚至一个都不选,都会上传。Path 随后道歉,改为先征得同意,并删除了已上传的联系人。苹果也表态,以后应用读取通讯录要用户明确同意(AllThingsD),iOS 6 加入了权限弹窗(MacRumors)。
- 2013 年 2 月,联邦贸易委员会和解。除了通讯录,起诉书还指出约 3,000 名 13 岁以下用户的个人信息被收集。Path 付了 80 万美元罚款,并要在 20 年里定期接受隐私评估(起诉书)。
- 2013 年春,自动短信邀请。注册页把通讯录联系人默认全部勾上。有用户的整个通讯录在清晨收到了以他名义发出的邀请短信(iDownloadBlog)。集体诉讼最后以 500 万美元和解(Top Class Actions)。
小圈子的产品最怕空:没有亲友在里面,它就是一间空房间。所以增长的压力全压在“加好友”上,这一步的每个细节都成了隐私决定:选项是不是真的可选,勾选框默认是勾着还是空着。Path 在最精致的动画旁边,放了一个不诚实的加好友流程。
今天做 App 还能用上的
以下是我自己的归纳,不是 Path 团队的说法。
- 让用户少填,让系统补上下文。任何记录类的应用都可以借这个结构。但要把自动采集了什么摊开给用户看。
- 把“发生时间”和“发布时间”分开存。补记的内容才能落在它该在的位置。
- 动画应该解释结构。图标从按钮里出来、落到时间线上,看一遍就懂。只为好看的动画,会拖慢每一次操作。
- 反馈可以分档,但要给人隐身的选择。看得见的注意力也是压力。
- 给每天的仪式配一个实用的钩子。醒来卡片带天气,就是一个。
- 导航要给以后留地方。抽屉只适合一条主线的应用。
- 加好友是风险最高的一步。选项必须真的可选,邀请必须是用户亲手勾的,权限走系统弹窗。
- 流畅是设计的一部分。Path 开源过图片缓存库 FastImageCache,说明里的出发点就是每帧只有 16.7 毫秒。
今天实现起来会简单得多。当年用三段直线模拟的回弹,现在在 SwiftUI 里用弹簧动画加逐项延迟就能做,而且可以随时打断。滚动时钟也不必去动系统滚动条的内部视图,直接用滚动位置反查当前条目的时间就行。
没能查实的
这篇的事实来自 2010 到 2018 年的媒体报道、Path 官方博客、联邦贸易委员会的文件、开源复刻的代码,以及那个非官方客户端保留的接口样本。我没有用过 Path 的内部资料,互联网档案馆上的历史快照也没能读到。下面这些我没有查到可靠的记载:
- “+”菜单六个图标在弧上的顺序,以及原版的旋转角度、动画时长、有没有音效。
- 右侧抽屉、表情选择器、睡觉和醒来界面的样子。
- 原版的字体和颜色数值。
- 天气数据是哪家提供的。
- 最高用户数。关停时的报道从 1500 万到约 5000 万都有,而当年报道过的最高注册数是 2300 万。
不同来源也有对不上的地方。比如 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 官方博客:Introducing the Personal Network(2010)
- 美国联邦贸易委员会:起诉书、和解令
- 开源代码:Journey for Mac、AwesomeMenu、TimeScroller、Android Priority Job Queue
- 当年的评测:Brenden Mulligan:Path 2、Brian Lovin:App Dissection – Path、Technologizer
接着看
- 我做的 iOS 应用:在架的和正在做的。
- iPhone 18 Pro 和 17 Pro 有什么区别:外观一样,散热、续航、充电和主摄的变化,按官方数据逐项对比。
- 全部文章
本站是独立的第三方网站,与 Path、Kakao、Apple Inc. 没有隶属或合作关系。Path 是 Path, Inc. 的产品,已于 2018 年停止服务。文中的动画和布局数值来自第三方开源复刻,不是 Path 的官方数值;“为什么这样设计”和“还能用上的”两部分是作者的看法。