Biblioteca Colibrí

Captura de pantalla del diseño

Resumen

Hummingbird Library: Un frontend nuevo y refrescante para Hummingbird, un popular sitio de descubrimiento y seguimiento de relojes de anime.

¿Qué nos gusta?

Los fans del anime (como yo, el recuento de vistas en la captura de pantalla es real) están obsesionados con hacer un seguimiento de lo que miraron. Algunos sitios populares en este espacio son AniDB y MyAnimeList, pero Hummingbird es el que más se ve de todos.

Sin embargo, la Biblioteca Humingbird, que se basa en la API de Hummingbird existente, va un paso más allá y se compiló desde cero con Angular y Material Design. El color del tema y el manifiesto hacen que se vea muy integrado y fácil de instalar en la pantalla principal. Además, la experiencia completa parece muy ágil, ya que se enfoca en la funcionalidad principal del sitio principal.

Posibles mejoras

Rendimiento: La app se beneficiaría mucho con el uso de un service worker para almacenar en caché los resultados y la IU sin conexión después de la carga inicial de la página, lo que permitiría la compresión gzip mejoraría drásticamente el tiempo de carga, y tener un diseño básico estático inicial en el HTML mejoraría el rendimiento percibido.

UX: El modelo de caja flexible que se usa para mostrar la lista de programas funciona bien con pantallas más grandes, pero pierde su atractivo en las más pequeñas. Una versión no centrada y más estrecha de las tarjetas funcionaría mucho mejor en dispositivos móviles.

Preguntas con Leif Thomas

¿Por qué la Web?

Desarrollar para la Web te permite llegar a casi todas las plataformas con una sola base de código, lo que es una gran ventaja si eres el único desarrollador. Y gracias a funciones geniales como Agregar a la pantalla principal, es fácil ofrecer a los usuarios una experiencia que es casi idéntica a la que obtendrían en una aplicación nativa.

¿Qué funcionó muy bien durante el desarrollo?

El proyecto de Angular/Material en GitHub funcionaba a la perfección. Me brindó todo lo que necesitaba para iniciar un proyecto con AngularJS y Material Design.

¿Cuál sería una API para mejorar tu app?

En el nivel del navegador, creo que una API para realizar búsquedas por voz dentro de mi aplicación web realmente podría ayudar. Últimamente, Android agregó muchos comandos por voz, y la capacidad de usar ese tipo de entradas en la Web móvil brindaría una experiencia excelente.

Buenas noticias, ya tenemos esa información :) Consulta la API de Web Speech.

Finalmente, ¿cómo comercializaste tu aplicación?

Usé Facebook, Google+ y Twitter para generar tráfico a www.hummingbirdlibrary.com, pero el mayor aumento de mi tráfico ocurrió después de publicar un vínculo al sitio en Reddit. Es una manera excelente de dirigirte a un público que tenga un interés genuino en lo que estás desarrollando.