# 为了让你在微信里「稍后阅读」，他们做了款小程序 \| 晓组织 \#21

- 作者：李诚慧
- 发布时间：2017-10-15 18:10
- 原文：https://www.ifanr.com/minapp/921173

![](https://s3.ifanr.com/wp-content/uploads/2017/10/hpshyd.jpg)

**知晓程序注：**

「晓组织」是知晓程序推出的全新栏目。

每周，我们都会邀请优秀的小程序开发者，从产品/开发/运营等角度，分享他的小程序实战经验。如果你想成为「晓组织」的一员，请发送邮件至 [bigbang@ifanr.com ](http://bigbang@ifanr.com)给我们投稿，献上你的投名状。

---

**这里是「晓组织」的第 21 期。**

我们是「超级收藏夹」产品研发团队，一帮热爱技术和互联网的年轻人。核心成员拥有电商、媒体、游戏等行业背景。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/tdz.jpg)

「超级收藏夹」是一款个人知识管理工具，**支持 App、网页、微信文章等内容的收藏整理**。

只需添加收藏机器人「收藏君」为好友，收藏即变得跟分享到微信一样简单。

还可以关注达人及订阅他们整理好的收藏夹，不再错过有价值的内容。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/ct.jpg)

我们团队每天都为产品的更新迭代努力着，积极地听取用户的吐槽和建议，力求每天都让用户通过「超级收藏夹」获得更好的收藏体验。

### 让你的收藏，不再费力

在这个信息大爆炸的时代里，我们每天都要面对**数不胜数的繁冗信息**，列举几件大多数人都会碰到的日常囧事：

> Gavin 每天刷知乎、即刻、豆瓣、好奇心、今日头条……，看到好的内容都直接在应用内收藏。
> 
> 某天老板让他去研究一个案例，他只是有印象在哪里收藏过，翻找时犹如大海捞针，最后还是百度算了……

—— 随着内容平台越来越多，**收藏变得分散**，重新查找变得低效无措。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/WechatIMG935.jpeg)

> Gavin 下个月计划和女朋友 Mary 去意大利，为了腾出假期，他最近特别忙，根本没时间亲自做攻略。
> 
> 一想到要怎样将收集的资料打包汇报给 Mary，他就开始头疼……

——工作和生活中，我们经常需要对某一类信息，进行收集整理再进行**二次利用**。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/images.jpeg)

> Gavin 某天研究案子看到了一个酷炫到爆炸的小众网站，马上收藏到浏览器的书签里。
> 
> 一周后，他很得意地向老板展示他收藏的这个案例，结果页面 404……

——传统的书签收藏只能收藏网页地址，内容实际没有及时保存。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/404-error.jpg)

**收藏真的如此费力？**

我们是一群崇尚高效的家伙，热衷于对信息的收集和分类整理，希望将自己的一些理念和方法有机结合，形成一款产品，与各位分享高效的工作和生活方式。

于是就有了「超级收藏夹」这款产品的出现。

![](https://s3.ifanr.com/wp-content/uploads/2017/09/qrcj.jpeg)

「超级收藏夹」小程序使用链接  
<https://minapp.com/miniapp/4176/>

### 拥抱小程序

「超级收藏夹」选择微信服务作为起点，是为了顺应用户对内容的交互习惯，将收藏变得跟分享一样简单。

而在微信生态内，**小程序则有媲美原生 App 的体验**！这毫无疑问是我们服务提升的一个机会。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/232.jpg)

「收藏」、「关注」、「发现」 板块

区别网页版，小程序版「超级收藏夹」重构了信息架构，突出收藏后的整理功能，用户可对内容进行批量复制、移动、删除等操作。

同时，我们提供了分享收藏的平台。

用户可通过「关注」达人的收藏，及「发现」更多有趣的收藏夹，**欣赏一个被收藏的世界**。

### 设计、技术两手抓

在开发第一版的时候，我们就特别注重沉浸式设计。

沉浸式头部应用在了「用户主页」及「目录详情」页面，背景色提取自用户的头像，显得更有「专属感」。

这样设计的背后还有两个原因：

#### 1. 让小程序也拥有原生 App 的体验

![](https://s3.ifanr.com/wp-content/uploads/2017/10/334.jpg)

「知乎」App 及「超级收藏夹」小程序的沉浸式设计

我们的技术宅乐此不疲地挖掘小程序的黑科技，力求让用户觉得「Wooh！原来小程序也可以做得像 App 那样」。

目前不少 App 为了提升体验，都采用了沉浸式头部设计，我们当然也应该尝试。

#### 2. 让小程序分享卡片更美观

![](https://s3.ifanr.com/wp-content/uploads/2017/10/333-1.jpg)

沉浸式页面分享到聊天后的小程序卡片

当用户分享小程序的某个页面，比如「某个目录的详情页」，我们希望那张卡片不要一片惨白（当时还没有开放自定义封面），可以更美观一些。

**当然，除了设计，我们在小程序开发中也踩了不少坑。**

小程序目前并不能直接加载 HTML 页面，也不能进行外链的跳转，导致原文内容无法展示。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/3323.jpg)

对原内容进行抓取并重排

我们通过对小程序深入研究，针对用户主动收藏的网页内容，开发出**「精确匹配」及「通用抓取」**两大模块，应用于内容获取及转码优化，使用户收藏的内容在小程序界面得以有效、美观地呈现。

目前「通用抓取」模块已适配大部分主流网站，对于部分小众网站，还需继续完善。

我们非常欢迎用户主动反馈内容显示问题，参与我们的产品优化。

### 关于未来

在未来，我们希望「超级收藏夹」能被越来越多朋友所知道并使用，发挥其最大价值。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/111111.jpg)

上架一周的排名情况

在这里要特别感谢知晓商店（minapp.com），从 9 月中旬上架小程序商店，到上了晓榜 29 期，到跃升并连续占据新锐榜 NO.1，给「超级收藏夹」带来了质与量的用户增长。

![](https://s3.ifanr.com/wp-content/uploads/2017/10/user.jpg)

对应的用户增长情况

对于小程序，我们希望它能更加开放，更加强大，比如尽快开放 WebView，支持更深的页面栈（目前最多只能同时打开 5 个页面），及提供更强的运行能力，支持开发者做出更酷更流畅的交互。

对于「超级收藏夹」，我们每天都在迭代，未来将逐步推出「文件收藏」、「目录分组」、「图文预览」等新功能。

运营方面也将结合产品服务，挖掘更多新玩法，让「超级」更加名符其实！

![](https://s3.ifanr.com/wp-content/uploads/2017/09/qrcj.jpeg)

「超级收藏夹」小程序使用链接  
<https://minapp.com/miniapp/4176/>

**关注「知晓程序」公众号 👇**

- 在微信后台回复「**晓组织**」，看厉害的人怎么做小程序**。**
- 在微信后台回复「**666**」，领取小程序开发 demo。

![](https://s3.ifanr.com/wp-content/uploads/2017/09/bottomqrcode.gif)
