蜂鳥圖書館

版面配置螢幕截圖

摘要

Hummingbird Library:對 Hummingbird 是一個全新的前端,這是一款熱門的動漫手錶追蹤工具和探索網站。

我們喜歡什麼?

動畫迷 (就像我一樣,螢幕截圖上的觀看次數確實很真實!)這個空間中的熱門網站包括 AniDB 和 MyAnimeList,但 Hummingbird 是其中最受歡迎的網站。

不過,Hummingbird 程式庫位於現有的 Hummingbird API 上方,並進一步使用 Angular 和 Material Design 從頭開始建構。主題顏色資訊清單讓應用程式在主畫面上看起來極為整合,且可以安裝,而且以主要網站的核心功能為主,可提供快速流暢的使用體驗。

可能的改善項目

效能:應用程式若使用 Service worker 處理初始網頁載入後的離線快取結果和 UI,就能大幅改善應用程式的效能,因此啟用 gzip 壓縮功能可大幅縮短載入時間,並在 HTML 中加入靜態的初始純版面配置,可以改善使用者感受到的效能。

使用者體驗:用於顯示節目清單的彈性方塊模型在大螢幕中相當適合,但對於較小的螢幕來說會失去吸引力。針對行動裝置,非置中且較不顯眼的資訊方塊效果會更好。

與 Leif Thomas 的問答時間

為什麼要建立網站?

為網路開發應用程式可讓您透過單一程式碼集觸及幾乎每個平台,如果您是唯一開發人員,這項優勢就非常實用。而且提供新增至主畫面這類絕佳功能,讓使用者能夠輕鬆提供與原生應用程式幾乎相同的體驗。

哪些技術在開發過程中表現優異?

GitHub 上的角/質感專案完美運作。還提供我運用 AngularJS 和 Material Design 展開專案所需的一切資源

如果你可以有其他 API 來改善應用程式,那會是什麼呢?

就瀏覽器層級而言,我認為可在網頁應用程式中執行語音搜尋的 API 確實能幫上忙。Android 最近新增了許多語音指令,而且在行動版網站上使用這類輸入內容的功能,將可帶來絕佳體驗。

好消息!事實上,我們其實已經 :) 試用 Web Speech API。

最後,您是透過何種方式宣傳應用程式?

我使用 Facebook、Google+ 和 Twitter 來提高 www.hummingbirdlibrary.com 的流量,但我在 reddit 上張貼了相關連結後,流量最多就大幅攀升。鎖定可能對您的作品真正有興趣的觀眾,是絕佳的選擇。