說真的,文章內鏈要有這三種設計,閱讀體驗分分鐘提升

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. Heres why