ห้องสมุด Hummingbird

ภาพหน้าจอเลย์เอาต์

สรุป

ห้องสมุดฮัมมิงเบิร์ด: ส่วนหน้าที่ปรับปรุงใหม่ของ Hummingbird ซึ่งเป็นเว็บไซต์ติดตามการดูและการค้นพบอนิเมะยอดนิยม

เราชอบอะไร

แฟนๆ อะนิเมะ (อย่างฉัน จำนวนการดูบนภาพหน้าจอนั้นเป็นเรื่องจริง!) คลั่งไคล้การติดตามสิ่งที่ดูมาอย่างยาวนาน เว็บไซต์ยอดนิยมในพื้นที่นี้ได้แก่ AniDB และ MyAnimeList แต่ Hummingbird เป็นเว็บไซต์ทั้งหมดที่ดูดีที่สุด

แต่ในตอนนี้ ไลบรารีฮัมมิงเบิร์ด ซึ่งอยู่บน Hummingbird API ที่มีอยู่แล้ว พัฒนาไปอีกขั้นด้วย Angular และ Material Design สีธีมและไฟล์ Manifest ทำให้ดูกลมกลืนและติดตั้งได้มากในหน้าจอหลัก และประสบการณ์ทั้งหมดให้ความรู้สึกที่รวดเร็วมากโดยเน้นที่ฟังก์ชันการทำงานหลักของเว็บไซต์หลัก

การปรับปรุงที่เป็นไปได้

ประสิทธิภาพ: แอปจะได้รับประโยชน์อย่างมากจากการใช้โปรแกรมทำงานของบริการไปจนถึงผลการค้นหาแคชแบบออฟไลน์และ UI หลังจากการโหลดหน้าเว็บครั้งแรก การเปิดใช้งานการบีบอัด gzip จะช่วยปรับปรุงเวลาในการโหลดได้อย่างมาก และการจัดเลย์เอาต์แบบ Barebone ที่เป็นภาพนิ่งเริ่มต้นใน HTML จะช่วยปรับปรุงประสิทธิภาพที่รับรู้ได้

UX: รูปแบบกล่อง Flex ที่ใช้แสดงรายการใช้ได้ดีกับหน้าจอขนาดใหญ่ แต่เสียความน่าสนใจในอุปกรณ์ขนาดเล็ก ไทล์เวอร์ชันที่ไม่อยู่ตรงกลางและแคบกว่าจะทำงานได้ดีกว่าบนอุปกรณ์เคลื่อนที่มาก

ถามและตอบกับ Leif Thomas

ทำไมต้องเป็นเว็บ

การพัฒนาสำหรับเว็บช่วยให้คุณเข้าถึงทุกแพลตฟอร์มได้ด้วยฐานของโค้ดเดียว ซึ่งถือเป็นข้อได้เปรียบเป็นอย่างมากหากคุณเป็นนักพัฒนาซอฟต์แวร์เพียงรายเดียว และขอบคุณคุณลักษณะที่ยอดเยี่ยมอย่าง เพิ่มลงในหน้าจอหลัก ทำให้ผู้ใช้ได้รับประสบการณ์ที่แทบจะ เหมือนกับ ในแอปพลิเคชันที่มาพร้อมเครื่อง จึงเป็นเรื่องง่าย

อะไรที่ได้ผลดีในช่วงการพัฒนา

โปรเจ็กต์เชิงมุม/วัสดุบน GitHub ทำงานได้อย่างสมบูรณ์แบบ โครงการนี้ให้ทุกสิ่งที่ผมต้องการในการเริ่มต้นโครงการกับ AngularJS และ Material Design

หากคุณพอจะมี API สำหรับปรับปรุงแอป คุณจะใช้ API อะไรได้บ้าง

ในระดับเบราว์เซอร์ ฉันคิดว่า API สำหรับการค้นหาด้วยเสียงภายในเว็บแอปของฉันสามารถช่วยได้ เมื่อเร็วๆ นี้ Android ได้เพิ่มคำสั่งเสียงจำนวนมาก และความสามารถในการใช้การป้อนข้อมูลแบบนั้นในเว็บบนอุปกรณ์เคลื่อนที่ก็ให้ ประสบการณ์การใช้งานที่ดีเยี่ยม

ข่าวดีคือเรามีแอปอยู่แล้ว :) ลองใช้ Web Speech API ดูสิ

สุดท้ายนี้ คุณทำการตลาดให้กับแอปอย่างไร

ฉันใช้ Facebook, Google+ และ Twitter เพื่อเพิ่มการเข้าชมไปยัง www.hummingbirdlibrary.com แต่การเข้าชมที่เพิ่มขึ้นมากที่สุดของฉันเกิดขึ้นหลังจากโพสต์ลิงก์ไปใน Reddit ซึ่งเป็นวิธีที่ยอดเยี่ยมในการกำหนดเป้าหมายไปยังผู้ชมที่ อาจสนใจสิ่งที่คุณกำลังพัฒนาจริงๆ