
摘要
蜂鸟库:蜂鸟(一个热门的动漫手表跟踪和发现网站)的全新前端。
我们喜欢什么?
动漫粉丝(比如我,屏幕截图上的观看次数都是真的!) 长久以来都非常喜欢跟踪他们观看过的内容。此领域中的热门网站包括 AniDB 和 MyAnimeList,但 Hummingbird 是其中迄今为止最具吸引力的网站。
但是,基于现有 Hummingbird API 的 Hummingbird 库更进一步,使用 Angular 和 Material Design 从零开始构建了该库。主题颜色和清单让它看起来超级整合在一起,可以安装在主屏幕上,整个体验都非常简洁明了,侧重于主网站的核心功能。
可能的改进
性能:应用会在初始网页加载后利用 Service Worker 离线缓存结果和界面,从而极大地受益,启用 gzip 压缩将显著缩短加载时间,而在 HTML 中使用静态初始基本布局可提升用户感知到的性能。
用户体验:用于显示节目列表的 Flexbox 模型适用于较大的屏幕,但在较小的屏幕上会失去吸引力。不居中、更紧凑的图块版本在移动设备上的显示效果会好得多。
Leif Thomas 访谈
为什么是网页?
针对 Web 进行开发时,您只需使用一个代码库即可覆盖几乎所有平台,如果您是唯一开发者,这是巨大的优势。此外,得益于添加到主屏幕等强大功能,您可以轻松向用户提供与在原生应用中获得几乎完全相同的体验。
在开发过程中,哪些方面做得不错?
GitHub 上的 Angular/material 项目运行良好。它为我提供了使用 AngularJS 和 Material Design 开始项目所需的一切。
如果您可以使用任何 API 来改进您的应用,您会选择哪个 API?
在浏览器层面上,我认为用于在我的 Web 应用中执行语音搜索的 API 可能会对它有所帮助。Android 最近添加了许多语音指令,能够在移动网络上使用这类输入将带来出色的体验。
好消息,其实我们已经有这个了 :) 请查看 Web Speech API。
最后,您是如何推广应用的?
我使用 Facebook、Google+ 和 Twitter 为 www.hummingbirdlibrary.com 吸引流量,但流量激增发生在 Reddit 上之后。通过这种方式,您可以精准定位可能真正感兴趣的受众群体。