29

用这款记录工具,统计你的每一次阅读和笔记:阅读记录

 5 years ago
source link: http://sspai.com/post/46210?amp%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

阅读记录 」是一款记录阅读的工具型 App,除了基本的 管理书籍记录笔记 外,它的核心功能就在于 记录你的阅读时间 ,通过每次阅读的记录,帮你生成一系列详尽的个人阅读数据,从而帮助你更好地了解自己阅读状况。

这个 App 的灵感来自于健身软件 Keep。因为我自己有做记录的习惯,所以尝试使用过一些 App 来管理自己的书籍。但是使用过程中总感觉无法很好的满足我的需求,要么就是功能过于单一、要么就是掺杂太多不必要的功能,比如社交类功能。

所以,当我在接触并使用了 Keep 之后,突然就发现,它在个人健身数据方面做得非常专业,通过记录你平时的运动数据,可以让你清楚的了解自己运动的时间、消耗的卡路里、运动的天数以及运动的项目等,从而帮助你更好地健身。于是,我就在思考,那读书为什么就不能这样呢?「阅读记录」因此就这样诞生了。

「阅读记录」解决了什么问题

作为一款工具,帮助人们解决实际遇到的问题,或者提高做事的效率,这是它的价值所在。为此,我便开始回忆自己在实际读书过程中都遇到了哪些问题,这些问题,或许你也遇到过:

  • 数据统计 :书读了不少,但是时间久了却很难回忆起自己都读过哪些书,更不用说阅读的进度以及阅读所消耗的时间。
  • 书籍管理 :同时使用 Kindle、微信阅读(或其他软件)、纸质书时,散落在各处的书籍极不方便自己查看、汇总。
  • 记录笔记 :作为一个爱书的人,不舍得在书籍上直接涂画,手写摘抄又比较麻烦。
  • ……

阅读记录解决的正是这些问题。

数据统计

当我们准备开始读书,通过「计时」功能就可以把我们本次所阅读的书籍、时间、页码等信息记录下来。 有了这些信息就可以计算、分析出个人的阅读数据,并以最优的方式展现在我们眼前。

「阅读记录」还提供了 Widget 小组件,这样我们可以在无需打开 App 的情况下,直接「一键计时」,操作更便捷。

eIVFRfv.png!web 「快速计时」Widget 小组件和应用内计时

在数据统计页面里,我们可以看到「阅读天数、阅读量(全部阅读的和已经读完的)、阅读时间、阅读类型偏好」等阅读数据,还可以通过选择具体的时间段去查看这些数据。(目前正在规划的下一个版本,对这个页面做了较大的调整,数据展示会更全面、细致,交互体验也有更好的提升。)

UZniIfJ.png!web 阅读数据统计

不仅如此,你还可以具体查看某本书的阅读数据,包括: 这本书阅读的时间、进度、读了多少天,甚至都是哪些天阅读了 ,并帮你推算出读完它还需要的花费的时间等。

Bvq6nmB.png!web 单本书的阅读数据

书籍管理

应用支持三种书籍录入方式: 扫描条形码、搜索书籍、手动录入 ,当我们在录入书籍的时候,可以根据实际情况将书的状态设置为「正在阅读」「想读」或「未读」。使用「阅读计时」功能后,对应的书籍会被自动标记为「正在阅读」状态,并显示在「正在读」列表中,方便我们查看、管理阅读进度。

QBvQBvb.png!web 正在读、想读、书架

为了更好地管理自己的书籍,我们还可以通过设置 标签 类型来进行分类,通过分类筛选可以快速找到对应的书籍。

FZvqu2y.png!web 用标签进行分类

记录笔记

除了常规的手动记录外,应用还支持目前最流行的 OCR 文字识别 ,既可以拍照、也能选择相册中的图片。该技术采用的是百度 OCR 识别中准确度最高的「高精度识别」,不论是简体还是繁体字都能达到极好的识别效果。当然除了中文,英文也一样可以识别。为了达到更好的使用体验,应用通过较为复杂的算法,在最大程度上使识别出来的文字达到原书的分段效果。

A3yA73J.png!web OCR 文字识别

以上介绍就是阅读记录 App 的主要三大功能模块,这三个功能很好地解决了我们平时看书过程中遇到的数据统计、书籍管理、和记录笔记问题。当然除了这些,应用内还有很多实用的小功能,希望大家都能喜欢。

产品设计理念

作为自己真正意义上的第一个独立作品,它从 0 到 1 的背后也有一些有意思的小故事,以及我自己对这个产品的一些看法与理念,希望跟大家分享。

当一打开 App 时,首先映入眼帘的就一个日历,我称它为读书日历。当使用阅读计时功能后,当天日期就会被标注上,代表你今天读书了。这样的设计 有助于激发人们的阅读乐趣,帮助大家养成良好的阅读习惯 。试想一下当你一打开应用,发现自己的读书日历被标注得满满的,或许你会有种别样的满足感,惊叹于自己已经阅读了这么多天;又或者如零星般散落,而哀叹自己为什么才读了这么几天。

数据记录能让我清楚地了解自己过往都做了什么,时间都用在了哪,不论是工作、运动还是读书上。所以,我希望通过这个 App 传达的理念就是,不论你使不使用它,请试着让自己做下记录,不论什么方式。人生很短暂,为什么不给自己记录点什么呢。

32UBZvI.png!web

开发过程中遇到的问题

从最开始的有这个想法到最后做完上线 App Store,整个过程大概用了 5 个月的时间,这个时间其实还是蛮长的。期间遇到最大的问题应该就是画产品原型图及 UI 设计,对于一个没什么设计基础的独立开发者来说,这个过程还是蛮痛苦的。下面的图片展示的是部分原型图,我用的是 Axure,实际项目原型图数量远不止这些。

原型图

fia2auY.png!web 部分原型图

苹果是极其讲究用户体验的,如果你看过《史蒂夫 · 乔布斯传》,就能体会他那变态般的细节把控。 所以每每在设计一个页面的时候,我都会对每个按钮的摆放位置、页面布局做深思熟虑的思考,是否使用起来会很顺手、摆放位置是否合理,人们在使用的时候是否会迷惑。 可想而知这些工作花费了我大量的时间,远比敲代码要麻烦得多。不过在这个过程中我还是蛮享受的,从无到有制作一个产品的那种满足是很难用其他东西衡量的。

设计 UI

原型图画好后,就得做 UI 设计了。期初我是打算找位设计师来做,毕竟我没有任何设计的基础。但是后来才发现这并不太现实。(太贵了!)所以,我只好硬着头皮自己上了。

整个 App 设计风格我采用的是极简风,没有过多的颜色干扰,大量的白加上偏蓝紫的主题色(曾经有个用户说它是老干部风格......)。最近在使用的时候突然感觉这个颜色确实不太好看,当时也不知道为什么就选了这个颜色......

所以在之后的版本中我打算把这个颜色给替换了。至于应用中使用到的图标,我用的是 阿里巴巴矢量图标库 ,在这里你能找到基本常见的所有图标。可想而知,设计 UI 这个过程也是很痛苦的,同样耗费我大量的时间。幸好还算有些审美,整体风格还算 OK,虽然有些地方细节还不是很好,不过在后面的版本我会逐步地优化,争取让它不仅好用也更好看。

开发

作为一个有多年开发经验的程序猿,这个过程其实倒还算 OK,没有太多的问题,唯一算是遇到的技术问题便是 Widget 开发(小组件计时阅读)。为了让阅读记录 App 真正地做到高效、方便,我没有采用一般 App 的做法(点击 Widget 上的按钮,进入 App 执行相应操作)。而是直接在 Widget 上进行计时操作,这么做的好处就是无需进行多步操作,一键就可以计时了。这才是一个工具所应该具备的!

由于之前没有做过相关的功能,所以对于具体的技术细节并不了解,即使在网上搜集大量资料,相关的内容却不多。不过好在皇天不负有心人,终于让我发现了解决之道,最终完美的实现了我想要的功能。最近,有用户跟我反馈说小组件无法加载,这个问题在开发过程中确实遇到过,是由于 Widget 上显示图片文件过大造成的问题。苹果有明确的解释,大致意思是,Widget 并不能承载过于复杂的交互及业务。所以最后在尝试对图片进行了压缩后解决了这个问题。至于那个朋友为什么还会出现这个问题,我现在也有点困惑了,不过我会继续排查,看是否还有其他原因导致的。 面对不同机型、不同系统版本,总会遇到各种奇怪的问题,如果你以后使用它并发现了一些问题,希望能及时跟我反馈,我好知道并解决它。

关于未来版本计划

最初在做产品设计的时候,其实还有个「设置计划」的功能,并且基本功能已经开发好了。但是在设计和交互上一直觉得有很多不完善的地方,所以一直没有对外发布。待后续重新设计和完善后会开放出来。

现在,我正在做下一版本的规划:在现有统计页面的基础上,做了较大的调整。数据展示会更加的细致,包括一些交互细节上的修改,并增加一些实用的小功能。在书籍管理上也会优化与调整。当然,现有的颜色应该也会调整(现在的颜色实在是不喜欢了......)。至于计划功能这一版本中是否会上暂时还不能确定。

结语

阅读记录 App 从最初的上线到今天已经过去了一段时间,这期间里收到了很多用户的反馈,既有很多好评与鼓励,也有一些差评。对于这些我都虚心地予以接受,毕竟要满足所有人的胃口实在不合实际。但是我能做到的就是尽量让它更加完美些。

最后送给大家一句话,也是在 App 里「读书日历」页面下方展示的一句话:

不积跬步无以至千里,不积小流无以成江海。

> 下载少数派客户端、关注少数派公众号,了解更多 App 背后的开发故事 :space_invader:


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK