요약
Hummingbird 라이브러리: 인기 애니메이션 시계 추적 및 탐색 사이트인 Hummingbird의 새로운 프런트엔드입니다.
어떤 점이 마음에 드시나요?
저와 같은 애니메이션 팬들은 오랫동안 자신이 시청한 동영상을 추적하는 데 매료되어 왔습니다. 이 분야에서 인기 있는 사이트로는 AniDB와 MyAnimeList가 있지만, 그중에서도 Hummingbird가 가장 잘 보입니다.
하지만 기존 Hummingbird API를 기반으로 하는 Hummingbird 라이브러리는 한 단계 더 나아가 Angular 및 Material Design으로 처음부터 빌드되었습니다. 테마 색상과 매니페스트를 사용하면 홈 화면에 완전히 통합되고 설치 가능한 것처럼 보입니다. 또한 기본 사이트의 핵심 기능에 초점을 맞춰 전체적인 사용 환경이 매우 깔끔합니다.
가능한 개선사항
성능: 앱은 초기 페이지 로드 후 오프라인 캐시 결과 및 UI에 서비스 워커를 활용하면 큰 이점을 얻을 수 있으므로 gzip 압축을 사용 설정하면 로드 시간이 크게 향상되고 HTML에 정적인 초기 기본 레이아웃을 사용하면 인지 성능이 향상됩니다.
UX: 프로그램 목록을 표시하는 데 사용되는 플렉스 박스 모델은 큰 화면에서는 잘 작동하지만 작은 화면에서는 매력을 잃습니다. 휴대기기에서는 가운데에 위치하지 않으며 좀 더 꽉 조이는 카드 버전이 훨씬 더 잘 작동합니다.
리프 토마스와의 Q &A
웹이 중요한 이유
웹용으로 개발하면 단일 코드베이스로 거의 모든 플랫폼에 도달할 수 있으므로 유일한 개발자인 경우 큰 이점을 누릴 수 있습니다. 또한 홈 화면에 추가와 같은 훌륭한 기능 덕분에 사용자가 네이티브 애플리케이션에 사용하는 것과 거의 동일한 환경을 쉽게 제공할 수 있습니다.
개발 중에 가장 잘한 것은 무엇입니까?
GitHub의 angular/material 프로젝트는 완벽하게 작동했습니다. AngularJS와 Material Design으로 프로젝트를 시작하는 데 필요한 모든 것을 제공해 주었습니다.
앱을 개선할 수 있는 API가 있다면 어떤 API를 사용하고 싶은가요?
브라우저 수준에서는 웹 앱 내에서 음성 검색을 실행하기 위한 API가 정말 도움이 될 것이라고 생각합니다. 최근 Android에는 음성 명령이 많이 추가되었습니다. 모바일 웹에서 이러한 종류의 입력을 사용할 수 있다면 멋진 경험을 할 수 있을 것입니다.
좋은 소식입니다. 실제로 이미 있습니다. :) Web Speech API를 확인해 보세요.
마지막으로, 앱을 어떻게 마케팅했나요?
Facebook, Google+, 트위터를 사용하여 www.hummingbirdlibrary.com으로 트래픽을 유도했는데, 나는 Reddit에 링크를 게시한 후 트래픽이 가장 크게 늘어났습니다. 이는 개발 중인 콘텐츠에 실제로 관심을 가질 수 있는 잠재고객을 타겟팅하는 좋은 방법입니다.