Image for post
Image for post

简悦 是一个 主打沉浸式阅读 的阅读模式扩展,致力于提高 Web 页面的阅读感受。

官网 👉 http://ksria.com/simpread/

下载地址 👉 https:// chrome.google.com/webst ore/detail/%E7%AE%80%E6%82%A6-simpread/ijllcpnolfcooahcekpamkbidhejabll

更新说明 👉 http:// ksria.com/simpread/welc ome/version_1.1.4.html

这是我在 17年 的一个项目,最初得益于 V2EX | 少数派 获取的种子用户,简悦目前发展的还不错,下面是简悦的一些小记录。

从 评分数 | 使用人数 上简悦已经位列 国内第一;从 评分数 上简悦已经位列 同类型第一

19 年 1.1.3 版发布之后,入选了 Chrome 网上应用店 生产力工具 · 热门精选最近更新 两个榜单

自从 1.1.3 发布至今,已被首次安装了 30w+ 次 来自简悦自做的统计系统,没筛选重复安装,但也统计了卸载次数

Image for post
Image for post

简悦自发布以来一直是免费产品,从未有过任何内嵌广告,从 1.0.3 版才开始有了 捐助方式,虽然与很多收费产品没法比,虽然很少,但几乎每周都有进账。 因为简悦是免费产品,所以就不放统计了。

我每周都有喝 1 ~ 2 次星爸爸或其他家 ☕ 的习惯,而这些费用几乎都为简悦捐助者请我喝的,所以每次喝的都很幸福,截至到今天(也可以说今年)最大的一笔捐助。🙏

Image for post
Image for post

接下来说说简悦的一些特性。

简悦为了让你更好的阅读,不仅独创了 论坛类页面 · 分页 TXT 阅读器 Markdown 阅读器 等功能,还包括:

Image for post
Image for post

第一个 解析代码段 / 多种代码高亮的阅读模式,包括: crayon-syntax syntaxhighlighter table 以及专治 CSDN / 微信公众号 等 顽疾 需配合 代码高亮插件

Image for post
Image for post

第一个 支持特殊段落结构的阅读模式, 例如访问 这篇文章 此功能目前仅支持: 少数派 知乎 什么值得买 三家

Image for post
Image for post

同时, 1.1.4 版 还带来了更适合「国情」的 防 404 大法离线 HTML 与其它竟品的最大区别是:它导出的页面是经过 简悦 · 阅读模式整理后的正文


阅读模式是让你专注阅读的必要手段,那么你认为「完美的阅读模式」该是什么样子?

Image for post
Image for post
简悦

阅读模式而已,有那么麻烦吗?

我在做 简悦 的时候,偶尔会有些朋友这么说:「不就是 Safari 的阅读模式吗?」确实,阅读模式本身没什么,无非提取正文,显示而已。但如果深入下去,就不会这么理解了。从另外一个角度说,一般有这样想法的朋友大多不会经常使用阅读模式。也因此,只要是用过简悦的用户,大多会发出下面的感慨。

Image for post
Image for post

阅读模式有那么难吗?

强如谷歌(翻译),也没办法完美的做好 中文 → 英文 这件事情。究其原因,语言是一件很个性化的事情,它可以翻译出较精准的书面语,但遇到口语,就很难尽如人意了。同样,文字也跟语言一样是很个性化的事情,虽然大多数的页面能保持良好的结构(书面语),但绝大多数页面却不仅如此。

简悦的做法

为了解决这个问题,简悦寻求了一个更为简单直接的方式,即采用 手动适配 的方案。在初版发布后,确实收获了大量的种子用户。但随着简悦用户量的增大,手动适配的弊端就凸显了出来,如果某个小众的页面不支持简悦,但简悦的用户还想使用它,怎么办?

简悦的升级

手动适配是一条正确的道路,但毕竟只是一条腿走路而已。基于上面的一些困扰,简悦增加了 词法分析引擎,即:结合手动识别分析的前提下,智能识别出未适配页面的正文。

词法分析的弊端

包含 词法分析引擎 的版本推出后,果然在 Github issues 提新站请求的用户大幅降低了,这也就成了简悦的另一条腿。但其弊端也很凸显,也就是上文描述的情况:正文提取的不完美。

清除任意元素

我认为通过算法不能解决所有的问题,决定仍旧采用手动的方式,在生成的阅读模式页面下,可以删除不需要(或认为有问题)的内容。通过移动鼠标 清除任意元素 这个简单操作,就能实现干净、完美的正文。

Image for post
Image for post

重新框选正文区域

删除任意元素的前提是词法分析引擎正确解析了正文,但极端的情况下,正文获取失败怎么办?为了解决这个问题,又增加了 手动重新框选正文,万一正文的框选不如意怎么办?在此基础上配合 手动框选的精细调整,最终实现了手动重新获取正文的功能。

Image for post
Image for post

智能纠错

手动适配有个弊端,一旦适配的页面结构改变,就会出现适配错误的情况。简悦增加了 智能纠错 的功能,它会自动判断当前正文是否获取失败,一旦出现异常,它会自动使用词法分析引擎来重新获取正文。这样确保了:即便适配列表错误也能使用阅读模式。

Image for post
Image for post

最后,通过 手动适配(智能纠错) + 智能获取正文( 词法分析引擎 + 删除任意元素 + 重新高亮)这两种方式,终于实现了两条腿走路。

丰富多样的阅读类型

上面的功能只是解决了正文提取这件事情,但需要做的还远远不够。

页面布局有着丰富的形态,如:贴吧 / 知乎这类论坛类型页面、小说阅读类的前一页 / 后一页、含有大量代码的页面、纯文本类型的页面、包含 LaTeX 的页面等等。

为了「完美阅读模式」这件事情,简悦逐一解决了上面的问题。

Image for post
Image for post

支持 LaTeX 的解析

Image for post
Image for post

支持 论坛类页面

Image for post
Image for post

支持解析 Markdown 文本

丰富多样的阅读场景

正如我在 这篇文章 所说,阅读是非常个性化的事情。同样,简悦也为这些具体化的阅读场景提供了不同的使用方案。

知识化的阅读场景

简悦为此提供了 导出到本地导出到生产力工具 使其成为你的知识收集的一环。

英文阅读

借助 英文阅读时间 / 进度统计 全文翻译 可以实现英文阅读。

代码类阅读

使用 代码段增强(高亮 / 去重) LaTeX 识别 Markdown 识别 可以让拥有代码段的页面更加的易于阅读。

你用着好,才是真的好

简悦自 2017年 6月11日发布以来,得到了 4.9 的评分。

Image for post
Image for post

以及进入了 Chrome web store 「生产力工具热门精选」和「热门精选更新」两个榜单。

Image for post
Image for post
Image for post
Image for post

最后

回到文中开始所问:「什么才是阅读模式该有的样子?」每个人心目中都有他认为完美的模样,简悦要做的就是:尽量成为你(用户)认为的样子。简悦做的还远远不够,但随着 1.1.3 版 的发布,在我心里它算是摸到了「完美阅读模式」的边了吧。 😊


Image for post
Image for post
简 Tab - 极简的 Chrome 新标签页扩展

简 Tab 是 14年 发布的作品,虽然 中间「断档」了一阵子,但还是坚持更新了下来。历经了这么久的时间跨度,也算是填坑无数,所以总结一下心得。

虽然从量级这个角度上来看 简 Tab 并不是一个成功的产品,但在它的肩上却诞生了最重要的一个产品:简悦 ,这也是我想聊聊 简 Tab 的原因。

以下内容仅限于 简 Tab 作为产品视角的一些体会,而非技术视角。

产品背景介绍

简 Tab 是一个 Chrome 扩展,仅提供美景给你的 New Tab 除此之外,再无其它。

拍脑袋的产品如何能长久坚持

14年开始做 简 Tab 一直到现在(虽然中间有想过放弃),如何能坚持做下去?确实是一个有意思的话题,我的感受如下:

  • 现有的产品能否满足你的需求?
  • 自己能否实现心中完美的产品?
  • 做出来的产品(你自己)是否会长久用下去?
  • 能否从做这个产品中找到快乐或满足?

前三点决定了是否做这款产品,最后一点则是让你坚持下来的原因。当你的产品被更多的人使用时,它带给你的快乐(甚至收入)是你无法在工作中汲取到的感受。

除此之外,还建议:

  • 不要「吝啬」宣传你的产品,(使用正规途径)让更多的人知道你的产品,是一件再正常不过的事情了;
  • 尽量以产品视角看待,而非程序员视角;

不改初心

这可能是小众产品最重要的特质,深挖需求且不改初心,才是这类产品的「灵魂」。

界面设计

从 1.0.0 开始界面就没有做过大的调整,从现在审视之前的界面布局,并没有太大的「不适感」,也就是说,极简的界面不会随着时间的推移而在审美上造成较大的差异。

Image for post
Image for post
1.0.0 的界面
Image for post
Image for post
1.5.3 的界面

极致的缺点

​简 Tab 在最初设计的时候围绕这「极致」,基本上没有多余的功能,虽然在众多 New Tab 扩展中独辟蹊径,但也由于太过简单导致它的用户量也非常的少,曾有一段时间想放弃它(因为竟品可选的太多了)可是用过几个扩展后,还是觉得 简 Tab 更适合我。

这种极致的缺点也体现在:最初 iOS 的拟物化设计;Microsoft​ 在 Windows Phone 上所使用的初代 Metro UI 都是(设计类)极致的例子,而从现在的角度来看,这两种设计方案都不可取。随着时间的推移它们已经被替换和淘汰了。

所以极致并没有错误,错误的如何把握好这个度!不能一味的为了极致而极致。​

取舍的尺度​

简 Tab 在对某一功能的取舍上,我是根据以下几个维度把握尺度:

  • 关联性;即:新功能是否与产品的某些特质具有逻辑关系?
  • 实用性;即:新功能是否为真需求?还仅仅是某个用户的需求(伪需求)?
  • 自洽性;即:新功能加入后,能否破坏原本产品的设计初衷?

简 Tab 从开始到现在一共遇到了较多的三种「强」需求:

  • 天气预报
  • 书签栏
  • 搜索栏​

将它们放到上述三个维度的考察中,即可得到答案:

1.5.2 版本中实现了 书签栏 的功能;1.5.3 版本中实现了 搜索栏;但天气预报一直不符合需求。

尺度的把握

基于尽量保证界面唯一性的前提下,作为次级功能性的需求,我自己一般的处理方式:默认不使用(或默认隐藏它),只在需要的时候方便找到它。

虽然我不能简单的鉴别上述观点的正确与否,但至少到现在没有太多的用户吐槽… 😂

以下是这两个功能的截图:

Image for post
Image for post
左侧默认隐藏,鼠标移上或快捷键呼出
Image for post
Image for post
快捷键或者通过书签栏呼出

极致的另外一种尝试(新坑)

简 Tab 在 1.5.3 加入了另外一种「极致」→ 禅模式。这是比仅显示美图更加极端的一种表现,即:仅显示纯色背景 + 模块化的设计。

如果美景可以让用户赏心悦目;那禅模式是则提供给用户一种 沉浸式的仪式感。其背后的逻辑是根据颜色来改善用户的心情。

禅模式内置了一些比较讨好的色系,同时也支持定制化。未来会开放更多的「玩法」,前提我挖对了坑。

与提供极致美景的需求完全相反,这是一种新的思路(新坑)。 😄

Image for post
Image for post
禅模式之一
Image for post
Image for post
禅模式之二

取悦用户还是取悦自己

首先,用户都是可爱的,如果还能给你的产品提点意见,那就是 最可爱的人。但经常有些建议仅仅是针对用户自身,并没有共性,但又不失道理。如:「常用网址是否可以一直显示?中间的时间能否放在右下角?时间的颜色看不清楚?能否显示读秒?」等等… 这种情况下如何处理?

一般情况下这类意见都是跟用户自身的使用习惯有关,目前的解决方案:

初期版本不会提供太多的个性化定制功能,让用户尽量习惯产品的使用逻辑;随着版本的迭代,我会给出一定尺度的自定义功能,如果用户动手能力强,可以自行去设置。

更多的时候还是需要用户适应你的产品,适应的前提是跟他们沟通并阐述你的观点。

最后

介绍了这么多,希望我在 简 Tab 上的一些坑能让你少走弯路。

简 Tab 能给你的 New Tab 带去一些别样的风景,望你每次打开都有好心情。​

About

Kenshin Wang

Full-stack developer,独立开发者,Chrome 扩展:简悦、简 Tab 以及 gnvm 作者,联系 http://kenshin.wang

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store