Tóm tắt
hummingbird Library: Một giao diện người dùng hoàn toàn mới cho Hummingbird, một trang web khám phá và theo dõi hoạt động anime nổi tiếng.
Chúng tôi thích điều gì?
Những người hâm mộ hoạt hình (như tôi – số lượt xem trên ảnh chụp màn hình là có thật!) từ lâu đã bị ám ảnh với việc theo dõi nội dung đã xem. Các trang web phổ biến trong không gian này bao gồm AniDB và MyAnimeList, nhưng hummingbird là trang có đẹp nhất trong số các trang web này.
Tuy nhiên, hummingbird Library (nằm trên API Hummingbird hiện có) còn phát triển thêm một bước nữa bằng cách xây dựng từ con số không bằng Angular và Material Design. Màu giao diện và tệp kê khai làm cho giao diện này trông rất tích hợp và có thể cài đặt trên màn hình chính, đồng thời mang lại trải nghiệm rất nhanh gọn, tập trung vào chức năng cốt lõi của trang web chính.
Những cách cải thiện có thể áp dụng
Hiệu suất: Ứng dụng sẽ được hưởng lợi đáng kể từ việc sử dụng trình chạy dịch vụ để lưu các kết quả bộ nhớ đệm ngoại tuyến và giao diện người dùng sau lần tải trang đầu tiên, việc bật tính năng nén gzip sẽ cải thiện đáng kể thời gian tải và có bố cục cơ bản ban đầu tĩnh trong HTML sẽ cải thiện hiệu suất cảm nhận được.
Trải nghiệm người dùng: Mô hình hộp linh hoạt dùng để hiển thị danh sách chương trình hoạt động tốt trên màn hình lớn nhưng không hấp dẫn trên màn hình nhỏ hơn. Phiên bản thẻ thông tin không căn giữa và chặt chẽ hơn sẽ hoạt động tốt hơn nhiều trên thiết bị di động.
Hỏi đáp với Leif Thomas
Tại sao nên chọn web?
Việc phát triển cho web cho phép bạn tiếp cận hầu như mọi nền tảng chỉ với một cơ sở mã duy nhất. Đây là một lợi thế rất lớn khi bạn là nhà phát triển duy nhất. Và nhờ các tính năng tuyệt vời như Thêm vào Màn hình chính, người dùng có thể dễ dàng cung cấp cho người dùng một trải nghiệm gần giống với những gì họ sẽ nhận được trong một ứng dụng gốc.
Điều gì hoạt động thực sự hiệu quả trong quá trình phát triển?
Dự án góc/vật liệu trên GitHub hoạt động hoàn hảo. Khoá học này đã đem lại cho tôi mọi thứ tôi cần để bắt đầu dự án bằng AngularJS và Material Design.
Nếu có thể, bạn sẽ dùng API nào để cải thiện ứng dụng của mình?
Ở cấp trình duyệt, tôi cho rằng API để thực hiện tìm kiếm bằng giọng nói trong ứng dụng web của mình thực sự có thể hữu ích. Gần đây, Android đã thêm rất nhiều lệnh thoại và khả năng sử dụng loại thông tin đầu vào đó trên web dành cho thiết bị di động sẽ mang lại trải nghiệm tuyệt vời.
Tin vui, chúng tôi thực sự đã có tính năng đó :) Hãy dùng thử Web Speech API.
Cuối cùng, bạn đã tiếp thị ứng dụng của mình như thế nào?
Tôi đã sử dụng Facebook, Google+ và Twitter để thu hút lưu lượng truy cập vào www.hummingbirdlibrary.com, nhưng mức tăng đột biến về lưu lượng truy cập lớn nhất xảy ra sau khi tôi đăng đường liên kết đến trang đó trên Reddit. Đây là một cách hay để nhắm đến đối tượng có thể thực sự quan tâm đến sản phẩm bạn đang phát triển.