Zusammenfassung
Hummingbird-Bibliothek: Ein erfrischendes neues Front-End für Hummingbird, eine beliebte Website zum Beobachten und Entdecken von Animes.
Was gefällt uns?
Anime-Fans (wie ich – die Anzahl der Aufrufe auf dem Screenshot ist real!) sind schon lange sehr begeistert davon, was sie sich angesehen haben. Beliebte Sehenswürdigkeiten in diesem Bereich sind unter anderem AniDB und MyAnimeList, aber Hummingbird sieht unter allen mit Abstand am besten aus.
Die Hummingbird Library, die auf der bestehenden Hummingbird API basiert, geht jedoch noch einen Schritt weiter und wurde mit Angular und Material Design von Grund auf neu erstellt. Designfarbe und Manifest sorgen dafür, dass es auf dem Startbildschirm super integriert und installierbar wirkt. Die gesamte Oberfläche wirkt besonders knackig und konzentriert sich auf die Hauptfunktionen der Hauptwebsite.
Mögliche Verbesserungen
Leistung: Die Anwendung würde erheblich davon profitieren, einen Service Worker zu nutzen, um Ergebnisse und die Benutzeroberfläche nach dem ersten Seitenaufbau offline im Cache zu speichern. Durch Aktivieren der gzip-Komprimierung würde die Ladezeit erheblich verbessert und ein statisches anfängliches Barebone-Layout im HTML-Code würde die wahrgenommene Leistung verbessern.
UX: Das Flexbox-Modell, das zum Anzeigen der Liste von Shows verwendet wird, funktioniert auf größeren Bildschirmen gut, verliert jedoch seine Attraktivität auf kleineren Bildschirmen. Eine nicht zentrierte, engere Version der Kacheln funktioniert auf Mobilgeräten viel besser.
Fragen und Antworten mit Leif Thomas
Warum das Web?
Bei der Entwicklung für das Web können Sie praktisch jede Plattform mit einer einzigen Codebasis erreichen, was ein großer Vorteil für Sie als alleiniger Entwickler ist. Dank großartiger Funktionen wie Zum Startbildschirm hinzufügen ist es ganz einfach, den Nutzern eine Nutzererfahrung zu bieten, die fast mit der einer nativen Anwendung vergleichbar ist.
Was hat bei der Entwicklung wirklich gut funktioniert?
Das Angular/Material-Projekt auf GitHub hat perfekt funktioniert. So konnte ich ein Projekt mit AngularJS und Material Design starten.
Wenn Sie eine API zur Verbesserung Ihrer App haben könnten, welche wäre das?
Auf Browserebene denke ich, dass eine API zum Durchführen von Sprachsuchen in meiner Webanwendung wirklich helfen könnte. Android hat in letzter Zeit viele Sprachbefehle hinzugefügt und die Möglichkeit, diese Art von Eingabe im mobilen Web zu nutzen, wäre für eine großartige Erfahrung sehr gut geeignet.
Gute Neuigkeiten, das haben wir bereits. Sehen Sie sich die Web Speech API an.
Und zum Schluss: Wie haben Sie Ihre App vermarktet?
Ich habe Facebook, Google+ und Twitter genutzt, um die Zugriffe auf www.hummingbirdlibrary.com zu steigern, aber mein größter Traffic-Spitze kam nach der Veröffentlichung eines Links auf reddit. So können Sie eine Zielgruppe ansprechen, die ein echtes Interesse an Ihrem Projekt hat.