童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

12月4日 桃花醉投稿
  DeCorrespondent是一个荷兰的新闻内容平台,大约有31000付费订阅用户,定价每年60欧元。原文发表于Medium,讲述了为提高网站上链接的用户体验,他们所做的尝试,略有删减。
  互联网上每一个元素都在试图分散你的注意力,源源不断的链接总引诱你走向下一个网页或者下一件商品。链接,是网络世界的骨架,也是人们在进行长篇阅读时打断他们的罪魁祸首。它们总是暗示一些有价值的方向,同时也强迫我们做出选择:点还是不点?很少有人想过如何提高链接的用户体验,我们接受这个挑战,在自己的平台上尝试了三件事。
  链接本来是好东西。他们把相关的内容、主题和观点串起来,你只需一点就通向无止境的知识或者无厘头的信息海洋。对读者而言它的硬伤在于,有些时候很难简单地从链接周围的信息中判断其是否靠谱并值得信任。对于我们这种想要为读者提供优质长篇阅读的网站,问题就更大了。
  有了链接,读者就更有理由离开。比如你在第一段放了一个链接,仿佛就在说:其实这段文字剩下的内容都可以先放一放,先点这里看看吧,它包含你想要的信息。通常的情况是,读者就此一去不复返了。此链到彼链,大家早已忘记是从哪里出发。
  同时,阅读是一种被动的体验,而点链接是主动行为。一点,立马就会有反应,好像给人一种完成了什么事的感觉。点个链接又快又省力,读完全文却要耗费不知多少倍的精力。你总是会看到大家的浏览器里打开了一长串网页,如果每个人把其中每一个都认真读完,估计得花上一整天的时间。
  而我们的网站,在文章中不提供任何传统网页中的内链。首先保证读者阅读的完整性,让他们先从头到尾把文章读一遍。通常作者是有自己的行文逻辑的,或许是围绕一个主题、调查最终指向一个结论。如果我们在文章结束之前就向读者介绍过多其他的话题,就会影响文章本身的信息传递。
  所以在DeCorrespondent,编辑不允许作者在文章内部加传统形式的链接。但是我们有几个其他的替代品:信息卡片、边栏注释和重点链接。
  1。信息卡片
  首先,我们希望填补读者缺失的那部分信息。如果你对文章讨论的人、公司或者话题不够了解,那文章可能读起来就像天书一样。你最可能停止阅读的原因就是,你想要搜索一下某个信息,才能了解文中作者说的某个点为什么重要。因此,为了确保大多数人能读懂文章,作者需要加一些基本信息;而对于那些有足够知识储备的读者,这些信息就有些多余。
  信息卡片的设计就是为了解决这两者之间的矛盾。只有当读者点击箭头的时候,这块附加内容才会显示出来,对于那些已经了解这些信息的读者,就可以直接把卡片收起来,不会影响继续阅读,如下图所示。
  2。边栏注释
  大多数链接的主要目的是提供一层附加信息,可能是深一层的观点或者仅仅是分享一个来源。然而很多链接并没有提示读者他们将要点开的是什么。很多时候读者是根据上下文判断链接内容,但我们希望提供更清晰的指示。
  于是有了边栏注释。它会显示在相关段落的旁边,同时有一个简短的标签描述链接的内容。同时还会有一个小图标告诉你链接具体是视频、音频还是文字报道。你也可以把它看作一种类似清单的设计,读者不必记住某个链接的具体位置,所有的参考链接都会一目了然地出现在右边栏里,方便查阅。
  3。重点链接
  另一个经常出现的问题是,作者第一次提到文章介绍主体的时候,就会给一个官网链接。这么做很容易让读者还没读文章就跳转到另一个网站。比如一篇介绍音乐节的文章,上来一个链接,读者一点,注意力就被分散了,匆匆看一下后文的介绍就完事。
  在我们的平台上,这种重要的相关链接会被放在文末,让读者读完全文后再看到这个重点链接。同时我们为这些链接设置了特殊格式,非常醒目。
  我们也来加几个重点链接吧,想体验这种新型链接设计的读者可以移步DeCorrespondent。上面三个图对应的三篇文章分别是:
  Whyweshouldgivefreemoneytoeveryone
  6secrettraitsthatmakeLouisvanGaalthehumblegeniusheisandmainstreammediafailtosee
  TheCriticsofAlaindeBottongotitallwrong。Here’swhy
投诉 评论 转载

取舍有道!有哪些关键技巧能搞定极简风格网站?极简设计,只使用可读性强和使用率高的元素:使用留白,简介的内容,服务内容的细节等等。让界面简洁但又不缺乏内容。使用留白的极简主义是现代设计的大趋势之一。很好地使用留白的人……用户内个体验(答疑记录)查阅多方关于用户体验的内容,大部分都是针对某个具体知识点进行的论述,写这篇文章是为了帮助对这个概念做一个系统化的理解,对其他用户体验文章稍作定义,希望大家在学习的过程中不至于觉……移动页面设计:为老人做设计与年轻人不一样,老人视力减退,对电子设备的使用也会不顺利,学习能力的衰退等等,使得“为老人设计”的领域得到重视。当前全球各国都面临人口老龄化问题,各行业也都陆续意识到并在……设计转场动效设计师们喜欢追求细节的完美。他们把大量时间花在了操蛋的像素级按钮,表单样式,设置类型以及让如何那些图标变得漂亮和精致。即使是A和干得好这样的称赞也不足以这些人停下来。但是……网页设计中的响应式布局设计在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型:布局类型布局实现采用何种方式实现布局设计,也有不同的方式,这里基于页面的实……真正优秀的动效应该是隐形的毫无疑问,在UI和网页中使用动效已经成为大趋势。这种趋势是如此之明显,以至于越来越多的应用已经不是为了提升体验而设计动效,更多是为了强调动效本身。设计师PasqualeD’Si……视觉设计师怎样让前端100实现设计效果?(2)上一篇文章《视觉设计师是怎样让前端工程师100实现设计效果的?》这是一个经常被讨论的问题,创新设计能力跟进还原能力。这是一个商业设计师而非艺术家的两重技能要素,同……说真的,文章内链要有这三种设计,阅读体验分分钟提升DeCorrespondent是一个荷兰的新闻内容平台,大约有31000付费订阅用户,定价每年60欧元。原文发表于Medium,讲述了为提高网站上链接的用户体验,他们所做的尝试……那条很火的裙子到底是白金还是黑蓝?今天微博跟朋友圈都被一条诡异的裙子刷屏了,有人觉得是黑蓝,有人觉得是白金,同一条裙子,为什么有这么大的争议?有的人还在讨论,而机智的设计师们已经揭开了谜底原图……浅析交互设计由于在工作中会经常探讨交互该怎么做以及如何做出高效的交互,今天就整理下自己的思路,和大家一起探讨下交互其实分为两种:一种是酷炫的动效,一种是隐形的操作反馈和指引。一……学交互设计我看过的那些书【导读】这个书单是跟交互相关的人员必看书目,其中有一半左右我都已经看过了,觉得受益匪浅,另外几本今年也要找时间看一下。学了三年交互设计,想写写我看的书,和回望的所思所想。……Photoshop基础形状新手入门指南全科普!什么叫基本形状,具体的定义,估计需要回小学问一下老师。在我的理解中,基本形状不外乎圆形与多边形。圆形有正圆、椭圆、卵圆。而多边形则更多,三角形,四边形,五边形,六边形等等。三角……
颠覆传统建站模式提倡内容为王的模板建站更容易做seo推广为什么企业必须建立网站?建立网站有哪些得失?企业自助建站系统可满足用户建站推广需求浅析网站建设行业的过去与未来发展如何建设适合移动端的网站?模板建站自适应模式适合手机端做se模板建站价格不能决定网站建设质量哪种网站空间适合中小企业建站使用?如何将模板改造成利于seo优化的网站?用什么方法可以提升网站建设可用性?网站结构建设与栏目页设计是网站建设的核心【企业模板建站】企业网站应该如何获取互联网订单?通过模板建站完成之后为什么内容不被百度收录?世上最有能量的语言,一定要经常说赶集小鬼当家!五大联赛U21出场时间占比排名药厂榜首巴萨竟第二与老板谈加薪怎样步步为营?气体自动灭火系统调试今日一题LeetCode第二题AddTwoNumbers散文诗集梦想的生活强迫症怎么治疗得了强迫症应如何调适北电艺考圈丑闻,受害女生接近200人,含多名未成年少女黄晓明和陈梦原来是表兄妹,第一时间发布祝福,两人关系一直很好课堂造句用课堂造句大全《识字6》教学反思

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界