百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 博客教程 > 正文

说真的,文章内链要有这三种设计,阅读体验分分钟提升

connygpt 2024-08-20 14:07 6 浏览

De Correspondent是一个荷兰的新闻内容平台,大约有31000付费订阅用户,定价每年60欧元。原文发表于Medium,讲述了为提高网站上链接的用户体验,他们所做的尝试,略有删减。

互联网上每一个元素都在试图分散你的注意力,源源不断的链接总引诱你走向下一个网页或者下一件商品。链接,是网络世界的骨架,也是人们在进行长篇阅读时打断他们的罪魁祸首。它们总是暗示一些有价值的方向,同时也强迫我们做出选择:点还是不点?很少有人想过如何提高链接的用户体验,我们接受这个挑战,在自己的平台上尝试了三件事。

链接本来是好东西。他们把相关的内容、主题和观点串起来,你只需一点就通向无止境的知识或者无厘头的信息海洋。对读者而言它的硬伤在于,有些时候很难简单地从链接周围的信息中判断其是否靠谱并值得信任。对于我们这种想要为读者提供优质长篇阅读的网站,问题就更大了。

有了链接,读者就更有理由离开。比如你在第一段放了一个链接,仿佛就在说:其实这段文字剩下的内容都可以先放一放,先点这里看看吧,它包含你想要的信息。通常的情况是,读者就此一去不复返了。此链到彼链,大家早已忘记是从哪里出发。

同时,阅读是一种被动的体验,而点链接是主动行为。一点,立马就会有反应,好像给人一种完成了什么事的感觉。点个链接又快又省力,读完全文却要耗费不知多少倍的精力。你总是会看到大家的浏览器里打开了一长串网页,如果每个人把其中每一个都认真读完,估计得花上一整天的时间。

而我们的网站,在文章中不提供任何传统网页中的内链。首先保证读者阅读的完整性,让他们先从头到尾把文章读一遍。通常作者是有自己的行文逻辑的,或许是围绕一个主题、调查最终指向一个结论。如果我们在文章结束之前就向读者介绍过多其他的话题,就会影响文章本身的信息传递。

所以在De Correspondent,编辑不允许作者在文章内部加传统形式的链接。但是我们有几个其他的替代品:信息卡片、边栏注释和重点链接。

1. 信息卡片

首先,我们希望填补读者缺失的那部分信息。如果你对文章讨论的人、公司或者话题不够了解,那文章可能读起来就像天书一样。你最可能停止阅读的原因就是,你想要搜索一下某个信息,才能了解文中作者说的某个点为什么重要。因此,为了确保大多数人能读懂文章,作者需要加一些基本信息;而对于那些有足够知识储备的读者,这些信息就有些多余。

信息卡片的设计就是为了解决这两者之间的矛盾。只有当读者点击箭头的时候,这块附加内容才会显示出来,对于那些已经了解这些信息的读者,就可以直接把卡片收起来,不会影响继续阅读,如下图所示。

2. 边栏注释

大多数链接的主要目的是提供一层附加信息,可能是深一层的观点或者仅仅是分享一个来源。然而很多链接并没有提示读者他们将要点开的是什么。很多时候读者是根据上下文判断链接内容,但我们希望提供更清晰的指示。

于是有了边栏注释。它会显示在相关段落的旁边,同时有一个简短的标签描述链接的内容。同时还会有一个小图标告诉你链接具体是视频、音频还是文字报道。你也可以把它看作一种类似清单的设计,读者不必记住某个链接的具体位置,所有的参考链接都会一目了然地出现在右边栏里,方便查阅。

3. 重点链接

另一个经常出现的问题是,作者第一次提到文章介绍主体的时候,就会给一个官网链接。这么做很容易让读者还没读文章就跳转到另一个网站。比如一篇介绍音乐节的文章,上来一个链接,读者一点,注意力就被分散了,匆匆看一下后文的介绍就完事。

在我们的平台上,这种重要的相关链接会被放在文末,让读者读完全文后再看到这个重点链接。同时我们为这些链接设置了特殊格式,非常醒目。

我们也来加几个重点链接吧,想体验这种新型链接设计的读者可以移步De Correspondent。上面三个图对应的三篇文章分别是:

Why we should give free money to everyone

6 secret traits that make Louis van Gaal the humble genius he is and mainstream media fail to see

The Critics of Alain de Botton got it all wrong. Here’s why

除非注明,本站文章均为原创或编译,转载请注明: 文章来自 36氪

36氪官方iOS应用正式上线,支持『一键下载36氪报道的移动App』和『离线阅读』立即下载!

相关推荐

自学Python,写一个挨打的游戏代码来初识While循环

自学Python的第11天。旋转~跳跃~,我~闭着眼!学完循环,沐浴着while的光芒,闲来无事和同事一起扯皮,我说:“编程语言好神奇,一个小小的循环,竟然在生活中也可以找到原理和例子”,同事也...

常用的 Python 工具与资源,你知道几个?

最近几年你会发现,越来越多的人开始学习Python,工欲善其事必先利其器,今天纬软小编就跟大家分享一些常用的Python工具与资源,记得收藏哦!不然下次就找不到我了。1、PycharmPychar...

一张思维导图概括Python的基本语法, 一周的学习成果都在里面了

一周总结不知不觉已经自学Python一周的时间了,这一周,从认识Python到安装Python,再到基本语法和基本数据类型,对于小白的我来说无比艰辛的,充满坎坷。最主要的是每天学习时间有限。只...

三日速成python?打工人,小心钱包,别当韭菜

随着人工智能的热度越来越高,许多非计算机专业的同学们也都纷纷投入到学习编程的道路上来。而Python,作为一种相对比较容易上手的语言,也越来越受欢迎。网络上各类网课层出不穷,各式广告令人眼花缭乱。某些...

Python自动化软件测试怎么学?路线和方法都在这里了

Python自动化测试是指使用Python编程语言和相关工具,对软件系统进行自动化测试的过程。学习Python自动化测试需要掌握以下技术:Python编程语言:学习Python自动化测试需要先掌握Py...

Python从放弃到入门:公众号历史文章爬取为例谈快速学习技能

这篇文章不谈江流所专研的营销与运营,而聊一聊技能学习之路,聊一聊Python这门最简单的编程语言该如何学习,我完成的第一个Python项目,将任意公众号的所有历史文章导出成PDF电子书。或许我这个Py...

【黑客必会】python学习计划

阅读Python文档从Python官方网站上下载并阅读Python最新版本的文档(中文版),这是学习Python的最好方式。对于每个新概念和想法,请尝试运行一些代码片段,并检查生成的输出。这将帮助您更...

公布了!2025CDA考试安排

CDA数据分析师报考流程数据分析师是指在不同行业中专门从事行业数据搜集、整理、分析依据数据作出行业研究评估的专业人员CDA证书分为1-3级,中英文双证就业面广,含金量高!!?报考条件:满18...

一文搞懂全排列、组合、子集问题(经典回溯递归)

原创公众号:【bigsai】头条号:程序员bigsai前言Hello,大家好,我是bigsai,longtimenosee!在刷题和面试过程中,我们经常遇到一些排列组合类的问题,而全排列、组合...

「西法带你学算法」一次搞定前缀和

我花了几天时间,从力扣中精选了五道相同思想的题目,来帮助大家解套,如果觉得文章对你有用,记得点赞分享,让我看到你的认可,有动力继续做下去。467.环绕字符串中唯一的子字符串[1](中等)795.区...

平均数的5种方法,你用过几种方法?

平均数,看似很简单的东西,其实里面包含着很多学问。今天,分享5种经常会用到的平均数方法。1.算术平均法用到最多的莫过于算术平均法,考试平均分、平均工资等等,都是用到这个。=AVERAGE(B2:B11...

【干货收藏】如何最简单、通俗地理解决策树分类算法?

决策树(Decisiontree)是基于已知各种情况(特征取值)的基础上,通过构建树型决策结构来进行分析的一种方式,是常用的有监督的分类算法。决策树算法是机器学习中的一种经典算法,它通过一系列的规则...

面试必备:回溯算法详解

我们刷leetcode的时候,经常会遇到回溯算法类型题目。回溯算法是五大基本算法之一,一般大厂也喜欢问。今天跟大家一起来学习回溯算法的套路,文章如果有不正确的地方,欢迎大家指出哈,感谢感谢~什么是回溯...

「机器学习」决策树——ID3、C4.5、CART(非常详细)

决策树是一个非常常见并且优秀的机器学习算法,它易于理解、可解释性强,其可作为分类算法,也可用于回归模型。本文将分三篇介绍决策树,第一篇介绍基本树(包括ID3、C4.5、CART),第二篇介绍Ran...

大话AI算法: 决策树

所谓的决策树算法,通俗的说就是建立一个树形的结构,通过这个结构去一层一层的筛选判断问题是否好坏的算法。比如判断一个西瓜是否好瓜,有20条西瓜的样本提供给你,让你根据这20条(通过机器学习)建立起...