向Medium.com学习交互设计创新

Medium.com作为一个新型的在线写作和阅读社区网站,在交互设计上有很多可圈可点之处,在很多功能决策上,他们没有采用过往主流社区网站的设计模式,而是摸索自己的举措。这个微课旨在解读Medium.com做了哪些创新性的尝试。

Medium.com是创立于2012年的新型在线写作和阅读社区,由The Obvious Corporation创业孵化器推出。这个孵化器由Twitter的两位联合创始人埃文·威廉姆斯(Evan Williams),比兹·斯通(Biz Stone)以及另外一位Twitter高管建立。Medium.com作为一个新型的在线写作和阅读社区网站,在交互设计上有很多可圈可点之处,在很多功能决策上,他们没有采用过往主流社区网站的设计模式,而是摸索自己的举措。这个微课旨在解读Medium.com做了哪些创新性的尝试。

不偷懒的创业者

传统的社区网站发展多年,已经形成一套标准的交互设计模式,例如采用分类和标签组织整站内容,采用评论区让读者和作者进行交互对话,让用户关注用户来建立社交机制以及信息流推送。

但是,与传统的网站相比,Medium.com完全抛弃了这些设计范式。它的设计决策非常大胆:

  • 没有采用分类和标签
  • 没有传统的评论区
  • 用户不能关注用户

那么,它是如何解决以下核心的交互问题呢?

  • 如何建立整站的信息架构,让内容错落有序?
  • 如何让读者和作者展开有效的对话交流?
  • 如何建立联结人和人的社交机制?

应用现成的设计范式是偷懒的做法。让我们看看勇于创新的Medium.com探索出哪些新的范式?


用户集展:用文集(Collections)来组织内容

Medium.com使用文集(Collections)来组织内容。这是对传统blog软件内容组织方法的一个创新。

传统blog软件使用如下的方法来组织内容:

  • 时间序列
  • 栏目分类(categories)
  • 标签(tag)
  • 页面(pages)

对比标签(tag)和分类(categories)来说,文集(Collections)这个组织方法,是一个创新的组织方法。标签和分类都固定在某一个blog的主题和风格下,而文集则可以看成是一个比blog更小,又比标签和分类更大的层次。

任何人都可以在Medium.com上创建文集。文集可以是完全公开让所有人投稿的,也可以是邀请形式的,如果一个文集作者没有邀请任何人参与,那么这个文集就是他的个人专辑。

用户在Medium.com上即可以写作文章,又可以创建文集,这就让用户可以同时扮演两个角色:创作者(Creator)和集展人(Curator)。这里的集展人类似传统的编辑,负责发现和筛选匹配主题的优秀文章,但是他的工作量又比传统编辑少很多。传统编辑需要和作者沟通,修改作者的稿件等等,用户在Medium.com上维护文集时,只需要找好文章就行了。

如果用户将文集用作个人专辑,那么这就是他自己的内容的一个分类整理方式。如果一个文集有多人供稿,那么这个文集就起着群体创作的作用。集展人可以运用这个工具,充分发挥他自己的内容集展能力,锁定独特的主题,设定文集的出版周期,发现好的作者和稿件等等。

一篇文章可以同时投稿到多个文集,通过深入挖掘文章、文集、作者的关系,开发者可以开发出更精确的推荐系统。


内文批注:驱动高质量的深入交流

在Medium.com早期发布时,读者只可以推荐和分享一篇好文章,不能评论。很多人抱怨这个功能很久。传统的评论区形式经常带来灌水沙发类的评论,越是好的文章,评论区的沦陷状态越严重,评论区往往成为鸡肋。

Medium.com的远景是在碎片时代创建一个高品质内容的聚集地,降低人们漫天四海寻找高品质内容的成本,凝聚一批高水准的写作者和读者。那么,他们如何解决评论这个老大难问题呢?

他们很有耐心地琢磨,没有一开始就像很多创业者一样放上一个评论区。

他们的解决方案是:内文批注(notes)。

Medium.com在2012年8月发布,直到了2013年5月才发布内文批注功能

在每篇文章每个段落的右边,读者可以按加号,留上一小段批注。批注默认是只有作者才可以看到,如果作者审批公开一条批注,那段文字边会出现一个批注符号以及数字显示多少条批注。

当读者阅读时,想要看批注的话,按下相应段落的批注符号,这时,在小屏幕的电脑上看,整篇文稿会略往左移,批注符号变成绿色,右边则显示批注内容,批注人的头像,以及对应的回复。登陆的读者也可以回复这条批注。

每条批注边都有一个灰色的超链接图标,按下这个图标,可以获得一个短网址,这样读者可以通过这个短网址来分享这个批注。

notes

读者还可以反选段落里的某些文字进行内文批注。这个让批注更加精确。

这个使用体验和传统的评论区完全不同。

所有批注都是默认关闭的,需要逐一点击才可以浏览批注和相应回复的详细内容。从视觉效果上看,这保证了每篇文章页面干净整洁,让读者专注在阅读正文上。

如果读者看到某个段落边上有批注符号,而且他也有兴趣深入看,那么他可以点开来仔细看,并且参与讨论。

高质量的交流实际上要求参与者进行自己的注意力管理。你并不需要阅读一篇文章上的所有的批注,只有在你最有感触、最好奇的时候,你才需要点击批注符号进行评论,参与交流。


互动协作:互惠感恩增强信任与联结

Medium.com貌似不是一个社交网站,它没有流行的让用户关注用户的功能,没有转发,没有滔滔不绝的信息流。

但是,如果你深入期间体验,却不得不感叹,这是一个比主流社交网站更厉害的社交社区。

虽然没有互相关注,但是Medium.com却鼓励作者邀请朋友来审阅他们的草稿(draft)。文章没有公开发布之前,一律保存成了草稿格式,用户可以email邀请好友以及Medium.com用户来阅读,并且使用上文提到的内文批注功能提出修改意见。

作者可以在修改之后,把这些好友的意见删除或者保存他们的批注为私有状态。

文稿发布之后,参与评论的好友会自动收到一份感谢邮件,系统代表作者发出这份感谢邮件,提醒好友说,你参与协作的某某文章已经公开发布,感谢你的通力协作。

作为普通读者,除了评论,还可以通过其他方式成为文章的贡献者,例如,在文章的尾巴部分提交相关阅读推荐

further reading

最开始提到文集时也说过,多人参与的文集其实也是一种协作。实际上,当某个集展人把某个作者的文章收纳到某个文集时,该作者会收到一个提醒邮件,这个邮件增强了两个人的联结,也有可能导致互惠的发生。你会去看该文集的内容,该文集的集展人的文章,甚至收藏他的文章到你的文集。

这是一个你看不到粉丝,但却看得到协作者的世界。


个性推荐:基于数据挖掘的内容投递

在发布整整一年之后,Medium.com才在2013年9月推出新版本的个人用户首页。新的首页采用个性化推荐的技术来投递不同的内容给不同的用户。

他们挖掘如下的用户行为带来的数据:

  • 用户浏览过哪些文章
  • 用户阅读过哪些文章
  • 用户推荐过哪些文章
  • 用户订阅的文集
  • 文章尾巴的相关资源推荐
  • 用户收藏的站内文章
  • 整站的热门文章
  • 整站的最新文章

用户不可以关注其他用户,但是却可以关注文集。这个设计和Quora有些不同。在Quora上,用户可以关注其他用户,还可以关注话题,还可以关注某个具体问题。这三类的动态更新,全部都会进到用户的个人主页信息流中。以笔者的个人使用体验而言,这么多的信息流造成个人主页不堪重负。

Medium.com则只专注在让用户关注文集的更新,让好的文章通过好的文集来传播。文集则是由集展人来把关。

除了个人主页,每篇文章的脚部也是重点的延伸阅读区域,这个区域有多个阅读路径:

  • 延伸阅读(Further reading): 这个部分是读者建议的,可以是Medium.com站内的其他文章,也可以是站外的文章。

  • 所属的文集: 每篇文章至少归属于一个文集。文章末尾会显示这个文集的简要信息。

  • 下一篇(Read next):每篇文章最末尾都会推荐下一篇阅读的文章。采用巨大字号来显示文章的标题。


量化暗示:统计指标的生动激励

Medium.com还有很多值得仔细品位的细节,例如在每篇文章的大标题上方,会有一行小字,显示2个信息:

  • 所属文集
  • 阅读所需时间

这个几分钟阅读完文章的功能实在是在贴心了。它不是机械地显示文章有多少字,而是告诉你大概需要多少时间读完它。

文章有多少字,对我们的大脑来说没有太确切的含义。多少分钟读完它,立即帮助大脑作出判断:

好吧,才5分钟,那我现在就专心读完它。

通常网络行为是浏览大于阅读,人们一直在快速扫描,从一个网页跳到另外一个网页,从一个碎片转移到另外一个碎片。对于需要阅读的文章,人们往往通过收藏以后再读来解决。

虽然“藏后再读”的应用很流行,但是很多时候人们也承认,很多藏起来的文章,实际上再也没有读过。

很显然,人们爱读好文章。同样好的文章,在短文章和长文章之间,人们愿意选择付出当下成本较低的文章。如果停下来5分钟可以接受,人们会乐意在Medium.com上马上读完它。

实际上5分钟可以读完的文章相当长,远远超出我的想像。

Medium.com还为作者提供了详细的浏览走势分析,按月列出每篇帖子的浏览、阅读、浏览/阅读比率,以及推荐次数。


有限选择:少即是多带来的优雅品味

最后不得不提的是Medium.com的编辑器。这个编辑器给予作者很少选择,但是却带来很优雅的排版效果。

这个编辑器就是一个全屏的空白页面,然后让你去三个区域打字,大标题,小标题,正文。三个区域都没有一个框框,你就直接输入就好了。

任意选中文字之后,编辑器就弹出来。

  • 粗体
  • 斜体
  • 1级标题
  • 2级标题
  • 引用
  • 链接
  • 批注

这几个功能其实是排版中最常用的功能。对于Medium.com的作者来说,这些就已经能够足够用了。


微课任务

看完这个微课之后,可以继续下面这些任务,加深对这个微课的理解。

  • 注册一个Twitter帐号
  • 用Twitter帐号登录Medium.com
  • 在Medium.com写一篇500字以上的文章,不要发表,存成草稿
  • 邀请2-3个好友来浏览你的草稿,请他们加上批注
  • 公开发表你的这篇文章
  • 创建一个私人文集,以及一个公共文集
  • 收藏匹配你的文集主题的文章
  • 订阅几个你感兴趣的文集
  • 对比Medium.com和其他在线社区网站
  • 如果你是开发者,请对照Medium.com和你的开发项目,看看哪些值得借鉴。

最新讨论

+发言
主题 发言人 条数 时间
文集及类似工具 wwq0327 3条回应 2013-11-16 20:55

线下活动

暂无线下微聚

研修列表 我要创建

暂无研修

学习本微课学友们

jojo

来自

Oliver Ding

来自休斯顿

wwq0327

来自四川南充

Oliver Ding

目前服务于一家美国网络新创公司,从事社会化网络应用开发的信息架构规划、用户体验设计和产品开发管理。热爱自由文化和创作共用,致力于探索创新媒体技术在非营利领域、教育和社会创新方面的应用。

学友

微课目录