ส่วนประกอบและแนวทางสำหรับหน้าแรกของ Fire TV
มีมาตรฐานสูงสำหรับเนื้อหาและการทำงานในหน้าแรกของ Fire TV หน้านี้จะอธิบายแนวทางสร้างสรรค์และส่วนประกอบที่มีอยู่สำหรับการสร้างหน้าแรกดังกล่าว
แนวทางสร้างสรรค์
ความเรียบง่าย
แคมเปญที่มีประสิทธิภาพจะใช้ข้อความน้อยที่สุด ภาพที่โดดเด่น และแสดงเฉพาะเนื้อหาที่สำคัญที่สุดเท่านั้น โครงสร้างภาพที่ชัดเจนช่วยให้ลูกค้าสามารถประเมินข้อเสนอได้อย่างรวดเร็วและตัดสินใจว่าจะเข้าร่วมหรือไม่
ผลิตขึ้นสำหรับทีวี
ในทางตรงกันข้ามกับเว็บและแพลตฟอร์มมือถืออื่น ๆ อินเทอร์เฟซที่ใช้ทีวีจะใช้ข้อความที่มีขนาดใหญ่ขึ้นลำดับชั้นนำทางที่มีประสิทธิภาพมากกว่า และการจ่ายภาพเพิ่มเติมเพื่อหลีกเลี่ยงความสับสนและสร้างประสบการณ์การใช้งานที่ง่ายขึ้น เนื้อหาจะถูกจัดไว้ให้ห่างจากขอบของหน้าจอ ซึ่งอาจมีการครอบตัดบนจอแสดงผลบางจอ และจัดเรียงไว้ในตารางเพื่อให้เข้าถึงได้ง่ายด้วยใช้แป้นควบคุมทิศทางของรีโมท
มอบคุณค่าให้กับลูกค้า
หน้ารายละเอียดสินค้าของ Amazon เป็นแหล่งที่มาที่เชื่อถือได้และมีประสิทธิภาพของข้อมูลการช้อปปิ้งสำหรับลูกค้าของเรา หน้าแรกของแคมเปญ Fire TV สำหรับแคมเปญที่มุ่งเน้นสินค้าควรนำเสนอประโยชน์ของลูกค้าอย่างชัดเจนหรือให้บริการโดยมุ่งเน้นที่การให้ความรู้ที่มากกว่าและเกินกว่าข้อมูลที่ระบุไว้ในหน้ารายละเอียดที่มีอยู่ของสินค้าของคุณ หลักการเดียวกันนี้นำไปใช้กับหน้าแรกของแคมเปญ Fire TV สำหรับข้อเสนอและบริการที่ไม่ได้จัดหาโดย Amazon
ส่วนประกอบ
กลุ่มไทล์
ลูกค้าสามารถเรียกดูอาร์เรย์ของเนื้อหาหรือสินค้าโดยการนำทางไปทางขวาผ่านแถวของไทล์ที่สามารถเลือกได้
การรักษาขอบที่กำหนดไว้อย่างชัดเจนในแต่ละไทล์จะช่วยให้ผู้ใช้สามารถระบุว่าจะให้ความสำคัญที่เนื้อหาใด ทำความเข้าใจว่าพื้นที่ใดที่สามารถเลือกได้ และนำทางผ่านประสบการณ์
- แต่ละไทล์จะต้องสูง 512px
- แต่ละไทล์ต้องมีความกว้างเท่ากันซึ่งจะส่งผลต่อจำนวนที่มองเห็นได้บนหน้าจอ
- แต่ละไทล์จะต้องเชื่อมโยงไปยัง ปลายทาง
- ไทล์อาจจะแสดงด้วย ข้อความอุปกรณ์เสริมไทล์ตัวเลือกเมื่อทำการเลือก
- ส่วนหัว: แต่ละกลุ่มไทล์ควรใช้ภาพส่วนหัว (1920 x 344px, PNG โปร่งใส, ไม่มีขนาดไฟล์สูงสุด) กับชื่อเนื้อหา ภาพจะเคลื่อนไหวจะเคลื่อนที่ขึ้นจากด้านหลังกลุ่มของไทล์เพื่อให้สอดคล้องกับด้านบนของหน้าจอเมื่อโหลดหน้าเว็บที่ส่งเสริมการมีปฏิสัมพันธ์ รวมจำนวนที่จำกัดของข้อความเรียกร้องให้ดำเนินการ โลโก้ หรือภาพที่ลึกซึ้งไว้บนพื้นหลังโปร่งใส
กริดของไทล์
กริดอาจมี 2 ถึง 4 ไทล์ ไทล์ยังคงอยู่ในสถานที่เดียวกันเมื่อลูกค้าเลื่อนไปทางขวา ซึ่งทำให้เนื้อหาทั้งหมดอยู่บนหน้าจอ

ใช้ขนาดไทล์ต่อไปนี้เพื่อแสดงจำนวนไทล์ที่แสดงบนหน้าจอ
- รูปแบบ: PNG
- ขนาดไฟล์สูงสุด: ไม่จำกัด, สินทรัพย์จะถูกเข้ารหัสใหม่เป็น WebP
ไทล์ | ขนาด |
2 | 920 x 512 พิกเซล |
3 | 627 x 512 พิกเซล |
4 | 475 x 512 พิกเซล |
Carousel ของไทล์
Carousel อาจมีไทล์อยู่ระหว่าง 2 ถึง 10 ไทล์ เมื่อลูกค้าเลื่อนไปทางขวา ไทล์ที่เลือกไว้จะอยู่ชิดกับขอบด้านซ้ายของหน้าซึ่งช่วยให้ลูกค้าสามารถดูเนื้อหาเพิ่มเติมที่อาจอยู่ด้านนอกของหน้าจอก่อนหน้านี้
สามารถรวมไทล์ทั้งหมดได้ถึง 10 ไทล์ ไทล์บางไทล์อาจแสดงอยู่นอกหน้าจอจนกว่าลูกค้าจะเลื่อนเพื่อเข้าถึงไทล์ดังกล่าว ทั้งนี้ขึ้นอยู่กับความกว้างของไทล์

ใช้ขนาดไทล์ต่อไปนี้เพื่อเลือกจำนวนรายการที่จะแสดงบนหน้าจอโดยไม่ต้องเลื่อน:
- รูปแบบ: PNG
- ขนาดไฟล์สูงสุด: ไม่จำกัด, สินทรัพย์จะถูกเข้ารหัสใหม่เป็น WebP
# ของไทล์ที่มองเห็นได้บนหน้าจอ | ขนาด |
2 | 920 x 512 พิกเซล |
3 | 627 x 512 พิกเซล |
4 | 475 x 512 พิกเซล |
5 | 380 x 512 พิกเซล |
6 | 319 x 512 พิกเซล |
ปุ่ม
ข้อความถูกจัดชิดซ้าย ภายในบริเวณปุ่ม เพื่อให้ตรงกับ UI ของระบบ Fire TV
- แต่ละปุ่มจะต้องเชื่อมโยงไปยัง ปลายทาง
- ข้อความป้ายปุ่มจะถูก จำกัด ไว้ที่ 26 ตัวอักษร
- ปุ่มอาจจะเรียงชิดไปทางด้านซ้ายหรือขวาของหน้าจอ
ตัวอย่าง: มุมมองเดียว ที่มีปุ่มชิดซ้ายและขวา, หน้าแรกของวิดีโอ

คุณลักษณะต่อไปนี้สามารถปรับเปลี่ยนได้:
- สีพื้นหลังของสถานะที่เลือก (ใด ๆ)
- สีข้อความสถานะที่เลือก (สีดำ/ขาว)
- สถานะที่ไม่ได้เลือก (แสง/มืด)
- การจัดตำแหน่งแถวของปุ่ม (ซ้าย/ขวา)
ข้อความ
ส่วนประกอบหลายอย่างมีความสามารถในการแสดงข้อความแบบคงที่
อุปกรณ์เสริมไทล์
เมื่อใช้แม่แบบ กริด และ Carousel ข้อความชื่อเรื่องและคำบรรยายอาจแสดงอยู่ด้านล่างแต่ละไทล์ ในขณะที่มีการเลือกไทล์

บล็อกข้อความ
เมื่อใช้แม่แบบ หน้าแรกวิดีโอ รูปแบบข้อความที่กำหนดไว้ล่วงหน้าหลายรูปแบบอาจถูกซ้อนกันเพื่อสร้างบล็อกข้อความ
รูปแบบต่อไปนี้สามารถใช้ได้:
รูปแบบ | ข้อกำหนด |
พาดหัวข่าว | 48px Ember ปกติ #EBEBEB (ทีวี-สีขาวเซฟ) |
หัวย่อย | 36px Ember อ่อน, #EBEBEB (ทีวี-สีขาวเซฟ) |
เนื้อความ | 36px Ember อ่อน, #AAAAAA (สีเทากลาง) |
- ข้อความของแต่ละรูปแบบอาจไหลไปยังบรรทัดเพิ่มเติม
- หลีกเลี่ยงการใส่ตัวอักษรมากกว่า 300 ตัว

เนื้อหาพื้นหลัง
ภาพพื้นหลังจะปรากฏอยู่เบื้องหลังเนื้อหาของหน้า ภาพนี้จะยังอยู่คงที่ การขึ้นพื้นที่เต็มหน้าจอ
- ต้องจัดให้ภาพเดียว
- ข้อความ เช่น ข้อสงวนสิทธิ์ทางกฎหมาย อาจถูกฝังอยู่ภายในรูปภาพเท่าที่จำเป็น
- พื้นหลังต้องอยู่ร่วมกันได้ดีกับ คำแนะนำทางออก แบบสว่างหรือมืดที่ซ้อนทับอยู่บนมุมขวาล่าง
รูปภาพ | การส่งผลงานที่มีคุณภาพสูง |
ขนาด | 1920 x 1080px |
รูปแบบ | PNG |
ขนาดแฟ้ม | ไม่จำกัด |
คำแนะนำทางออก
คำแนะนำจะแสดงอยู่ในด้านล่างมุมขวาของหน้าจอเพื่อให้มั่นใจว่าลูกค้ามีเส้นทางที่ชัดเจนในการออกจากโฆษณา
- คำแนะนำทางออกจะมีสองรูปแบบ คือแบบสว่างและมืดซึ่งจะใช้งานได้ในแม่แบบ PSD
- พื้นหลัง จะต้องแตกต่างอย่างเห็นได้ชัดเมื่อแสดงอยู่เบื้องหลังคำแนะนำ

ปลายทาง
สามารถใช้ปลายทางได้สูงสุดสองประเภทในกลุ่มของปุ่มหรือไทล์ ควรจะจัดกลุ่มไทล์เมื่อประเภทปลายทางแตกต่างกันไป ไทล์ทุกประเภทจะแสดงร่วมกัน (เช่น แอพแล้วเล่นวิดีโอ, ประเภทปลายทางที่แตกต่างกันจะไม่สลับกัน) ที่มีการรักษาภาพที่คล้ายกัน
ลูกค้าจะต้องสามารถระบุไทล์ได้อย่างง่ายดายที่นำไปสู่การเล่นวิดีโอ หรือเล่นซ้ำของวิดีโอ โดยขึ้นอยู่กับการรักษาภาพ
เมื่อลูกค้าไฮไลต์และเลือกไทล์เนื้อหาหรือปุ่มต่างๆ จุดหมายปลายทางต่างๆ อาจเป็นไปได้ดังนี้
หน้ารายละเอียดวิดีโอของ Amazon
- ลูกค้าสามารถดูหน้ารายละเอียดสำหรับชื่อเรื่อง แล้วเลือกที่จะรับชมหรือซื้อ ขณะนี้ยังไม่รองรับการเล่นเนื้อหาของ Amazon Video โดยตรง
หน้ารายละเอียดของ Amazon Appstore
- ลูกค้าสามารถดูหน้ารายละเอียดของแอป จากนั้นจึงเลือกซื้อและติดตั้ง ขณะนี้ยังไม่รองรับการติดตั้งแอปโดยตรง
หน้ารายละเอียดสินค้าของ Amazon
- ลูกค้าสามารถซื้อสินค้า (ผ่านทาง 1-Click หรือ Checkout) หรือสั่งซื้อล่วงหน้า เลือกตัวเลือก twister เพิ่มสินค้าลงในรายการ อ่านคุณลักษณะของสินค้า ดูภาพสินค้าเพิ่มเติม และอ่านรีวิวจากลูกค้า
Deep Link ของเนื้อหา
- การเลือกไทล์หรือปุ่มจะเปิดแอปและโหลดเนื้อหาที่โฆษณาโดยอัตโนมัติ หากลูกค้าได้ติดตั้งแอปไว้แล้ว หากไม่ได้ติดตั้งแอพ ลูกค้าจะถูกนำไปยังหน้ารายละเอียดของ Appstore จากนั้นจึงเลือกซื้อและติดตั้ง หลังจากติดตั้งและเปิดแอพ ระบบจะนำลูกค้าไปยังเนื้อหาโดยอัตโนมัติ การใช้ลิงก์ลึกในแคมเปญของคุณต้องใช้ขั้นตอนการออนบอร์ด โปรดดูที่ เว็บไซต์ Amazon Appstore และติดต่อตัวแทนบัญชีของคุณเพื่อเริ่มต้น
การเล่นวิดีโอ
- ลูกค้าสามารถดูวิดีโอแบบเต็มหน้าจอสั้นๆ และสามารถใช้ปุ่มเล่นสื่อมาตรฐานเพื่อนำทางภายในวิดีโอได้
วิดีโอ | การส่งผลงานที่มีคุณภาพสูง |
ตัวแปลงสัญญาณ | MPEG, แอปเปิล โพรเรส, H.264 |
ความละเอียด | 1280x720px (720p) หรือสูงกว่า, 1920x1080px (1080p) ที่ต้องการ |
บิตเรต | 15mbps หรือสูงกว่า |
รูปแบบไฟล์ | .mov, .mp4 |
อัตราเฟรม | 30fps หรือต่ำกว่า |
ระยะเวลาสูงสุด | 10 นาที |
ขนาดไฟล์สูงสุด | 500 เมกะไบต์ |
รูปแบบที่นิยมที่จะไม่แสดง letterboxing ในวิดีโอ (แถบสีดำด้านบนและด้านล่าง) อย่างไรก็ตาม หากเนื้อหาที่กำลังโปรโมตใช้ letterboxing ในวิดีโอแบบเต็มความยาว ตัวอย่างอาจมี letterboxing เช่นกัน
เสียง | การส่งผลงานที่มีคุณภาพสูง |
ตัวแปลงสัญญาณ | AAC |
อัตราการสุ่มตัวอย่างเสียง | 48,000HZ |
บิตเรต | 192kbps หรือสูงกว่า |
ภาพเต็มจอ
- ภาพเต็มหน้าจอจะแสดงหลังจากการนำทางจะถูกเรียกโดยกระเบื้องหรือปุ่ม
- เนื้อหาภาพต้องเคารพสีแดง “คู่มือพื้นที่ปลอดภัย” ที่พบใน PSD แม่แบบหน้าแรก
- ข้อความเนื้อหาต้องไม่เล็กกว่า 26px
- เนื้อหาภาพอาจไม่ใช่ “การตะโกน” ควรหลีกเลี่ยงข้อความโฆษณาตัวพิมพ์ใหม่และเครื่องหมายอัศเจรีย์ทั้งหมด
รูปภาพ | การส่งผลงานที่มีคุณภาพสูง |
ขนาด | 1920 x 1080px |
รูปแบบ | PNG |
ขนาดแฟ้ม | ไม่จำกัด |
ทำซ้ำวิดีโอคั่นระหว่างหน้า
- ตัวเลือกนี้จะใช้ได้เฉพาะเมื่อมีการกำหนดค่า วิดีโอคั่นระหว่าง หน้าเป็นส่วนหนึ่งของหน้าเท่านั้น
ส่งให้ฉันเพิ่มเติม
- ตัวเลือกนี้จะใช้ได้เฉพาะใน หน้าแรกของวิดีโอเท่านั้น
- หลังจากดูวิดีโอแล้ว ลูกค้าสามารถขอข้อมูลเพิ่มเติมเพื่อส่งผ่านทางอีเมลหรือข้อความ SMS ตามข้อมูลติดต่อที่เกี่ยวข้องกับการเข้าสู่ระบบ Fire TV Amazon
คุณสมบัติเพิ่มเติม
วิดีโอคั่นระหว่างหน้า
เมื่อเพิ่มวิดีโอจะแสดงและสรุปก่อนที่ลูกค้าจะถูกนำไปยังหน้าแรก ลูกค้าจะต้องสามารถเข้าถึงวิดีโอคั่นระหว่างหน้าได้โดยตรงจากหน้าแรก
- หากรวมวิดีโอคั่นระหว่างหน้า จะต้องรวมปุ่มหรือไทล์ ซึ่งกำหนด ปลายทาง ไว้เป็น “วิดีโอคั่นระหว่างหน้าซ้ำ”
วิดีโอ | การส่งผลงานที่มีคุณภาพสูง |
ตัวแปลงสัญญาณ | MPEG, แอปเปิล โพรเรส, H.264 |
ความละเอียด | 1280x720px (720p) หรือสูงกว่า, 1920x1080px (1080p) ที่ต้องการ |
บิตเรต | 15mbps หรือสูงกว่า |
รูปแบบไฟล์ | .mov, .mp4 |
อัตราเฟรม | 30fps หรือต่ำกว่า |
ระยะเวลาสูงสุด | 10 นาที |
ขนาดไฟล์สูงสุด | 500 เมกะไบต์ |
เสียง | การส่งผลงานที่มีคุณภาพสูง |
ตัวแปลงสัญญาณ | AAC |
อัตราการสุ่มตัวอย่างเสียง | 48,000HZ |
บิตเรต | 192kbps หรือสูงกว่า |
ส่งให้ฉันเพิ่มเติม
ปุ่ม Send Me More CTA ซึ่งมีอยู่บน หน้าแรกของวิดีโอช่วยให้ผู้บริโภคสามารถขอข้อมูลเพิ่มเติมหลังจากดูวิดีโอได้ ข้อมูลเพิ่มเติมจะถูกส่งผ่านทางอีเมลหรือข้อความ SMS ตามข้อมูลการติดต่อที่เกี่ยวข้องกับการเข้าสู่ระบบ Fire TV Amazon ของพวกเขา.
- อีเมลเป็นแม่แบบและจะรวมถึงรูปหลักของสินค้า ข้อความเนื้อความ และปุ่ม หากมีข้อความอยู่ในภาพนั้น ข้อความนั้นจะต้องไม่เกิน 12 คำและขนาดตัวอักษรต่ำสุดคือ 24pt
- SMS จะถูกสร้างขึ้นโดยอัตโนมัติตาม URL ที่ป้อนในอีเมล ไม่จำเป็นต้องมีงานออกแบบหรือสินทรัพย์

รูปหลักของสินค้า | |
มิติข้อมูล | 640 x 320 พิกเซล |
รูปแบบ | JPG |
ขนาดแฟ้ม | 60 กิโลไบต์ |
ขนาดฟอนต์ต่ำสุด | 24 จุด |
จำนวนคำสูงสุด | 12 คำ |
ข้อความ Alt | 1~2 ประโยค ใช้โดยโปรแกรมอ่านหน้าจอสำหรับผู้อ่านที่มีความบกพร่องทางสายตา และผู้ใช้จะมองเห็นได้เมื่อไม่สามารถแสดงภาพในอีเมล |
ข้อความเนื้อหา | |
จำนวนอักขระ | ต่ำกว่า 450 อักขระ ไม่รวมตัวแบ่งบรรทัด |
ปุ่ม | |
จำนวนอักขระข้อความ | อักขระสูงสุด 25 ตัว |
URL | ได้ถึง 70 ตัวอักษร ได้ถึง 70 ตัวอักษร หากเกินขีด จำกัด ผู้โฆษณาควรให้ URL แบบสั้นที่เปลี่ยนเส้นทาง |
ข้อสงวนสิทธิ์ของผู้โฆษณา | |
จำนวนอักขระ | ฟิลด์ตัวเลือก ไม่มีขีดจำกัด |
รายการตรวจสอบสินทรัพย์
- ไฟล์ .PSD แบบเลเยอร์ที่มีความละเอียดสูง (ภาพสินค้าและ/หรือรูปภาพไลฟ์สไตล์)
- โลโก้ (รูปแบบเวกเตอร์ .ai หรือ .eps)
- พื้นหลังหรือคีย์อาร์ตใด ๆ
- ฟอนต์ (.otf หรือ .ttf)
- ข้อความโฆษณา
- แนวทางของแบรนด์
- ไฟล์วิดีโอ (ดู รายละเอียด)
หน้าแรกของแคมเปญ
หน้าแรกของ Fire TV ได้รับการปรับแต่งเพื่อให้ใช้ประโยชน์สูงสุดจากเมนูและหน้าจอทีวี
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับหน้าแรกที่สามารถเข้าถึงได้จากเว็บไซต์ของ Amazon, แอพมือถือ และอุปกรณ์แท็บเลต โปรดดูหน้าแรกของแคมเปญ