美文网首页
[自译]我们如何设计wiki的页面预览-未来可以做什么

[自译]我们如何设计wiki的页面预览-未来可以做什么

作者: ShusQ | 来源:发表于2018-04-24 23:47 被阅读113次

这是一篇来自Wikipedia设计经理的一篇文章,最近的Wikipedia增加了对词条的页面预览功能,无需跳转页面,通过pop就可以查看到蓝色链接的内容,非常棒!Wikipedia传达出来的理念,不是为了增加跳转和点击,是为了帮助用户学习,促进上下语境的浏览效果。这几天如果有体验的话,效果确实不错,应该是没有覆盖上全部的词条,但是对未来的规划,作为互联网的词典,让人期待,可以去原文看哦。

原文链接:how we designed page previews for wikipedia

原文作者:Nirzar Pangarkar

昨天,我们为Wikipedia的桌面端读者,提供了一个全新的功能-页面预览。这里会分享一些设计细节。

The rabbit hole

人们喜欢Wikipedia,因为一些具体的理由。其中的一些代表就是 as explained by XKCD,作者的三小时旅程,从文章《Tacoma Narrows Bridge》到《Fatal Hilarity》或《24-hour analog dial》。

我们把这叫做Wikipedia基金会办公室周围的rabbit hole。

这也是Wikipedia上代表性的用户模式之一。人们从一篇文章开始,然后前往其他地方,一路学习不同的知识。

我们为这些读者设计,不是为了浏览页面或点击而优化,而是为了学习。事实证明,上下语境是学习的关键部分。

语境重要,但是切换成本过高。

页面预览,作为一项在JavaScript发明后就已经存在的交互模式。

例如Twitter通过预览来获取用户信息

它不是开创性的解决方案。但是,在Wikipedia上的基本交互改变,也有自己独特的挑战,我们来了解为什么会这样:

通过一些数字参考

-Wikipedia流量的28%来自于蓝色链接

-每月有2.3亿的流量了来自于蓝色链接

-每分钟有200万的蓝色链接被触发hover

蓝色链接是Wikipedia上常见的交互元素,这样,与蓝色链接的任何功能都会变得具有挑战性。

提升价值而不是负担

改动这样的高频行为是困难的。我们首先通过定性和定量的方法来显示预览表:

从Wikipedia的规模来看,这些变量中的细微改变,都会影响最终的用户体验。通过可用性研究,我们发现,一些人在阅读文本时,hover的悬浮预览会人方案。

页面预览会在650ms的延迟后出现,让我们减少不需要的预览数量。同事,还简化了禁用功能的路径。

代表语境

接下来的挑战,是通过可用与不可用的信息呈现内容。如何解释未知的内容?那么,你需要了解所有的可能性。

边缘场景

我个人不喜欢这个词,因为它被滥用做设计决定。涉及到Wikipedia的时候,也不够准确。

Wikipedia的内容,由50万人和机器编写成超过300中语言。它在语气,格式,可读性,细节与主题上都有不同,都是边缘场景。

设计预览就像是玩俄罗斯方块,不知道下一步会是什么,以下是预览的不同变化:

多样化的案例会导致文章的表现形式不同,包括风景图片,肖像,从右至左的预览链接,不规则的列表。在泰米尔语中,页面预览需要调整与数学相关的页面高度,页面预览时,也要让语句有正确的分割。

页面预览的未来

这只是一个开始,页面预览还有多个方面的可能性,因为语境不仅在Wikipedia上变得越来越重要,而且在整个互联网环境中也会更加重要。

支持更多类型的内容

目前,预览只支持文章,但我们已经将它规划构建,用于不同类型的内容和格式。

编辑的权利预览

但目前为止,页面预览都是为读者设计的,但它们可以被编辑人员进行编辑,来适应展示效果。

Wikipedia以外的百科

我们希望将Wikipedia作为第二资源,就像是读书时需要的字典解释一样。

其他平台可以采用Wikipedia预览,作为提供内容的一种方法。

把它打包

页面预览让Wikipedia的交互变得平坦,阅读体验可以被分为更细小的片段,我们期待有更多的方法来摆脱传统的章节阅读,转为更加模块化和情境化的学习。

相关文章

网友评论

      本文标题:[自译]我们如何设计wiki的页面预览-未来可以做什么

      本文链接:https://www.haomeiwen.com/subject/rxoslftx.html