Biblioteca Colibrì

Screenshot del layout

Riepilogo

Hummingbird Library: un nuovo e rinfrescante frontend per Hummingbird, un popolare sito di scoperta e monitoraggio degli orologi anime.

Cosa ci piace?

I fan degli anime (come me, il numero di visualizzazioni nello screenshot è reale) sono da tempo ossessionati dal tenere traccia di ciò che hanno guardato. I siti più popolari di questo spazio includono AniDB e MyAnimeList, ma Hummingbird è di gran lunga il più bello di tutti.

Tuttavia, la libreria Hummingbird, che si trova al di sopra dell'API Hummingbird esistente, fa un passo in più, creata da zero con Angular e Material Design. Il colore del tema e il manifest lo rendono super integrato e installabile sulla schermata Home e l'intera esperienza sembra molto concisa, in quanto è incentrata sulle funzionalità di base del sito principale.

Possibili miglioramenti

Prestazioni: l'app trarrebbe grandi vantaggi dall'utilizzo di un service worker per l'interfaccia utente e i risultati della cache offline dopo il caricamento iniziale della pagina, l'attivazione della compressione gzip migliorerebbe notevolmente il tempo di caricamento e avere un layout barebone iniziale statico nel codice HTML migliorerebbe le prestazioni percepite.

UX: il modello flex box utilizzato per visualizzare l'elenco dei programmi funziona bene con gli schermi più grandi, ma perde la sua attrattiva su quelli più piccoli. Una versione più stretta e non centrata dei riquadri funzionerebbe molto meglio sui dispositivi mobili.

Domande e risposte con Leif Thomas

Perché il Web?

Lo sviluppo per il web ti consente di raggiungere praticamente ogni piattaforma con un unico codebase, il che è un enorme vantaggio quando sei l'unico sviluppatore. Inoltre, grazie a fantastiche funzionalità come Aggiungi alla schermata Home, è facile offrire agli utenti un'esperienza quasi identica a quella che otterrebbero in un'applicazione nativa.

Che cosa ha funzionato davvero bene durante lo sviluppo?

Il progetto angolare/materiale su GitHub ha funzionato perfettamente. Mi ha fornito tutto ciò di cui avevo bisogno per iniziare un progetto con AngularJS e Material Design.

Se potessi avere un'API per migliorare la tua app, quale sceglieresti?

A livello di browser, penso che un'API per l'esecuzione di ricerche vocali nella mia app web potrebbe essere di grande aiuto. Android ha aggiunto molti comandi vocali ultimamente e la possibilità di utilizzare questo tipo di input sul web mobile si tradurrà in un'esperienza eccezionale.

Buone notizie, in realtà ce l'abbiamo già :) Controlla l'API Web Speech.

Infine, come hai commercializzato l'app?

Ho usato Facebook, Google+ e Twitter per indirizzare il traffico verso www.hummingbirdlibrary.com, ma il mio picco di traffico maggiore si è verificato dopo la pubblicazione di un link al sito su reddit. È un ottimo modo per scegliere come target un pubblico che potrebbe avere un genuino interesse per ciò che stai sviluppando.