优界网

首页 > 教程经验 > 限制广告,以内容为主导!打造无干扰的阅读体验

限制广告,以内容为主导!打造无干扰的阅读体验

79

0

0

2015-04-23 18:38:21

江大可

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

尽管包括本站在内的大多数站点,都依赖广告赚钱,但是这不是什么好榜样。
作为设计师,一定要为用户打造纯净简约的阅读环境。
但是在过度阶段,我们如何在不干扰用户阅读内容,又能够靠联盟广告赚取一点服务器和营生的费用呢?

书写本文时,我用的应用是Editorially ,非常好用,无干扰的写作体验。

限制广告,以内容为主导!打造无干扰的阅读体验

但是有点尴尬,也有点讽刺,为什么呢?

因为当你在本站(Creative Bloq)阅读本文时,阅读环境并不是无干扰的,页面中充斥着广告。另外一些牛X哄哄的设计网站也是如此,比如说Smashing Magazine,再比如说Web Designer Depot(哥温馨提示:还想知道更多的顶级设计站点吗?请看 设计师网址导航)

赚钱天经地义,没什么错。作为设计师,赚钱的时候是一种模式、一种心态,当你着手设计时,便应该是另外一种模式、另外一种心态。要区分对待,要赚钱,就想尽办法去赚。要设计,那就得有设计师的态度。
当谈到无干扰阅读体验时,身边最常见的例子便是印刷书籍(当然不包括杂志)。这些书籍存在了成百年,现在印刷的技术和几百年前并不一样,但是结果都是一样的。用户读起来感觉非常的专注、没有一丝外界干扰。

限制广告,以内容为主导!打造无干扰的阅读体验

图像由 Stefano Maffei提供

限制广告,以内容为主导!打造无干扰的阅读体验

图像由Alisha Vargas提供

那为什么书籍的阅读体验这么好呢?因为书籍是静态的!书中的每一页都不可替换,因为只有最核心内容,没有多余的广告,没有控件,没有乱七八糟的装饰。
因此,阅读书籍是一种沉浸式体验,没有一丝外界干扰,你会随作者的笔触进行一段历险,或者学习一门编程语言。

Kindle 和iBook之所以花这么大心思去模仿印刷书籍,就是因为纸质书籍拥有一种无干扰的阅读体验!
换句话说,你手边的书籍便能教你如何打造无干扰的阅读体验。没有弹出窗口、没有连接、没有广告、没有对话气泡,你能做的只有阅读。

书籍的阅读体验非常棒,所以很多数码产品需要模仿书籍,以便达成优秀的用户体验

如何打造无干扰的阅读体验?

很多网站为何看起来非常的混乱、繁杂呢?他们其实也能变得简约、清爽,他们不是没有这种设计能力。但是出于营生的考虑,他们暂时只能靠广告过度,站长也要生存,提供资源、编辑文章、发布干货他们并没有从读者那里拿到一分钱。
很多时候,花大力气设计了一款以内容为主导的清爽网页,但是又因为投资回报率的考量,选择了广告投放。

限制广告,以内容为主导!打造无干扰的阅读体验

Trent Walton

限制广告,以内容为主导!打造无干扰的阅读体验

zeldman.com

限制广告,以内容为主导!打造无干扰的阅读体验

Jason Santa Maria

上面这是就是无干扰阅读体验优秀的网页设计案例。你发现没?内容周围一律没有广告。
当用户只注意于一点时,阅读会非常的轻松高效。
如果能够有效的限制网页中的广告,网页的阅读体验会大大提高(注意:不是让你清理掉广告,是限制广告)

当然,除了广告之外,还有一些东西需要”收拾收拾”:包括社交媒体推送按钮,评论,相关文章。同样不要清理掉,合理安置就好。内容周围不要有不相干的图标和按钮。

提示:
1、评论一般都处于正文的下方,这是一种设计模式,改动的时候要注意这一点。现在有些网站会放到文章右侧,其实这多多少少会干扰到用户的阅读,甚至一些评论还会很直接影响到用户阅读文章时的情绪。
2、明晰的导航要保留,方便用户浏览其他内容。这一点上,其实个人不是很喜欢一直驻留在用户视线里的浮动导航。因为很多时候,用户并不急着去找到其他出口。

打造以内容为主导、无干扰体验的设计,这才是网页设计的核心所在。

几个具有无干扰阅读体验的WordPress主题推荐

01. Thoughts by WP Explorer

限制广告,以内容为主导!打造无干扰的阅读体验
 

02. Entropy by Timothy Long

限制广告,以内容为主导!打造无干扰的阅读体验
 

03. LESS by Jared Erickson

限制广告,以内容为主导!打造无干扰的阅读体验
 

04. Landscape by Blank Themes

限制广告,以内容为主导!打造无干扰的阅读体验

原文地址:creativebloq
网翻译:@MartinRGB
转摘请注明网译文出处,谢谢各位小编。

 

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×