ออกแบบ Feature Graphic ของ Google Play ให้เปลี่ยนคนดูเป็นคนโหลด
หน้าลิสติ้งของ Play ให้พื้นที่แบนเนอร์กว้างหนึ่งชิ้นอยู่เหนือทุกอย่าง ทั้งบนเบราว์เซอร์มือถือและในแอป Play มันจะทอดยาวเต็มความกว้างก่อนถึงสกรีนช็อต ก่อนคำอธิบาย บ่อยครั้งก่อนที่จะต้องเลื่อนจอ มันคือชิ้นที่คนเห็นมากที่สุด และเป็นชิ้นที่นักพัฒนาส่วนใหญ่เอ็กซ์พอร์ตจากเทมเพลตโดยไม่คิดอะไรมาก ซึ่งนั่นแหละคือเหตุผลที่ชิ้นที่ผ่านการคิดมาจริงๆ จะโดดเด่นขึ้นมา
นี่คือครึ่งหนึ่งของเรื่องราวด้านดีไซน์และนโยบาย ส่วนขนาดที่แน่นอน รูปแบบไฟล์ และตำแหน่งที่กราฟิกจะปรากฏ อยู่ในบทความคู่กัน สรุปสั้นๆ ในบรรทัดเดียว คือมันต้องเป็น 1024 x 500 พิกเซล บันทึกเป็น JPEG หรือ PNG 24-bit ไม่มีช่องอัลฟา Play จะปฏิเสธทุกอย่างที่ผิดขนาดแม้แต่พิกเซลเดียว และจะเรนเดอร์ความโปร่งใสเป็นสีดำ เนื้อหาด้านล่างนี้สมมติว่าคุณมีแคนวาสนั้นอยู่แล้ว และต้องการให้มันคุ้มค่าพอที่จะทำให้คนแตะ
พูดเรื่องเดียว
Feature graphic ไม่ใช่โปสเตอร์ที่ต้องยัดฟีเจอร์ให้แน่น ที่ขนาดจริงตอนเรนเดอร์ ซึ่งมักจะกว้างแค่ไม่กี่ร้อยพิกเซลบนมือถือ คุณสื่อไอเดียได้แค่หนึ่งเดียว หรือไม่ได้เลย เลือกเหตุผลเดียวที่คนจะติดตั้งแอปของคุณ แล้วสร้างกรอบทั้งหมดรอบมัน แอปทำสมาธิควรแสดงความสงบ ไม่ใช่รายการฟีเจอร์ แอปจัดงบประมาณควรแสดงตัวเลขที่เพิ่มขึ้นอย่างสะอาดตา ไม่ใช่ไอคอนห้าตัว
วิธีทดสอบที่เร็วที่สุด คือย่อกราฟิกให้เล็กเท่าธัมบ์เนล แล้วมองแวบเดียวหนึ่งวินาที ถ้าคุณบอกได้ว่าแอปอยู่หมวดไหนและสัญญาหลักคืออะไร แปลว่ามันได้ผล ถ้าสายตาต้องเสาะหา แปลว่ามีเนื้อหาเยอะเกินไป
ระวังโซนปลอดภัยของปุ่มเล่น
ถ้าคุณแนบวิดีโอโปรโมทกับลิสติ้ง Play จะซ้อนปุ่มเล่นทับบน feature graphic เพื่อให้คนแตะดูได้ ปุ่มนั้นจะอยู่กึ่งกลางแบนเนอร์ และกราฟิกอาจถูกจัดกรอบหรือครอปต่างกันไปตามแพลตฟอร์มและอุปกรณ์ นี่คือผลที่ตามมาสองอย่างต่อการจัดวาง
- เก็บโลโก้และตัวอักษรใดๆ ให้พ้นจุดกึ่งกลางเป๊ะๆ ปุ่มเล่นที่ทับอยู่บนชื่อแบรนด์ของคุณจะดูเหมือนความผิดพลาด เอียงองค์ประกอบสำคัญออกจากกึ่งกลาง เช่น สามส่วนซ้ายหรือแถบล่าง เพื่อให้โอเวอร์เลย์ไม่ชนกับมันเลย
- เว้นระยะหายใจให้ขอบภาพ อย่าดันตัวอักษรหรือโลโก้ไปชิดขอบ ถ้าแพลตฟอร์มใดครอปกรอบภาพ เนื้อหาที่ขอบจะหายไปก่อนเป็นอันดับแรก ให้ถือว่าขอบนอกเป็นพื้นที่เผื่อตัด ไม่ใช่พื้นที่ใช้งานจริง
แม้วันนี้คุณยังไม่มีวิดีโอ ก็ควรออกแบบราวกับว่าปุ่มเล่นอาจปรากฏขึ้นได้ทุกเมื่อ มันช่วยเปิดทางเลือกไว้ และเป็นองค์ประกอบที่แข็งแรงกว่าอยู่แล้วโดยตัวมันเอง
เส้นที่ Play ไม่ให้ข้าม
กฎคุณภาพเนื้อหาของ Google Play มองว่ากราฟิกในหน้าร้านเป็นงานบรรณาธิการ ไม่ใช่โฆษณา feature graphic (รวมถึงชื่อและคำอธิบายสั้นของคุณ) ต้องไม่มีข้อความเชิงโปรโมทหรืออ้างผลลัพธ์ ถ้าละเมิดข้อใดข้อหนึ่งด้านล่าง การส่งจะถูกตีกลับหรือปฏิเสธ หมวดที่ถูกแบน ได้แก่
- การอ้างผลงานและอันดับ — "Best," "#1," "Top," "App of the Year," "Popular," "Best of Play"
- รางวัล เกียรติยศ และคำรับรอง — ตราถ้วยรางวัล "As seen in," คำคมที่ยกมา คะแนนดาว ภาพห้าดาว
- จำนวนดาวน์โหลดหรือผู้ใช้ — "1M+ downloads," "Join a million users"
- ราคาและโปรโมชั่น — "Free," "50% off," "Sale," "Limited time," "$50 cash back"
- คำกระตุ้นให้ทำ (Call to action) — "Download now," "Install now," "Play now," "Try now"
- ตราสัญลักษณ์และองค์ประกอบของ Play — ตรา "Get it on Google Play" หรือสิ่งใดที่คล้ายกับคอนโทรลของ UI Play รวมถึงปุ่มปลอม สวิตช์ หรือจุดแตะที่ฝังไว้ในภาพ
วิธีคิดใหม่ที่ปลอดภัย คือบรรยายว่าแอปคืออะไร ไม่ใช่อันดับอะไรหรือราคาเท่าไร "ติดตามการสมัครสมาชิกทุกอย่างในที่เดียว" ใช้ได้ ส่วน "แอปติดตามการสมัครสมาชิกอันดับ #1 — ฟรี!" คือการละเมิดสองข้อในบรรทัดเดียว
ทำให้อ่านง่ายในจุดที่มันเรนเดอร์จริง
ออกแบบที่ 1024 x 500 แต่ตัดสินที่ขนาดธัมบ์เนล นี่คือความผิดพลาดที่จะโผล่มาให้เห็นก็ต่อเมื่อแบนเนอร์ถูกย่อ
- คอนทราสต์ต่ำ ตัวอักษรสีอ่อนบนภาพถ่ายที่รก จะหายไปทันทีที่ถูกย่อขนาด วางตัวอักษรบนพื้นสีทึบหรือไล่เฉดอ่อนๆ และรักษาช่องว่างของค่าน้ำหนักสีระหว่างตัวอักษรกับพื้นหลังให้ชัดเจน
- ตัวอักษรเล็กหรือบางเกินไป น้ำหนักตัวบางและประโยคยาวจะกลายเป็นก้อนมัวๆ ถ้าจะใช้คำเลยก็ให้เหลือไม่กี่คำ ใหญ่ และหนัก
- รายละเอียดที่อ่านได้แค่ขนาดเต็ม UI ละเอียด ภาพสินค้าเล็กๆ และลวดลายหนาแน่น ล้วนพังทลายเมื่อย่อ เลือกรูปทรงหนักแน่นและจุดโฟกัสที่ชัดเจนแทน
และกับดักเฉพาะอีกอย่าง อย่าเปลืองพื้นที่แบนเนอร์กับการพิมพ์ชื่อแอปซ้ำ เพราะชื่อของคุณอยู่ข้างๆ มันแล้วในลิสติ้ง การใช้พาดหัวของกราฟิกกับข้อความที่ผู้ใช้อ่านได้อยู่แล้วห่างไปแค่สองเซนติเมตร คือการเสียข้อความไปเปล่าๆ ให้แสดงประโยชน์หรือตัวสินค้าแทน
ให้เข้ากับส่วนที่เหลือของลิสติ้ง
Feature graphic ไม่ใช่งานศิลป์ที่ยืนอยู่เดี่ยวๆ มันคือส่วนบนสุดของชุดหนึ่ง ไอคอนอยู่ใต้มัน สกรีนช็อตอยู่ใต้ไอคอน เมื่อสี ตัวอักษร และอารมณ์ ต่อเนื่องกันจากแบนเนอร์ไปถึงไอคอนไปถึงสกรีนช็อต ลิสติ้งจะให้ความรู้สึกเหมือนสินค้าชิ้นเดียวที่ทำโดยคนที่ใส่ใจ แต่เมื่อ feature graphic เป็นแค่เกรเดียนต์สำเร็จรูปที่ไม่มีอะไรเชื่อมกับสกรีนช็อตเลย มันจะดูเหมือนของแถมท้ายๆ และค่อยๆ บั่นทอนความน่าเชื่อถือ
ดึงชุดสีมาจากไอคอนหรือ UI จริงของแอป ใช้สีเน้นเดียวกันกับที่สกรีนช็อตใช้สำหรับคำบรรยาย ใช้ฟอนต์ตระกูลเดียวตลอดทั้งชุด ความสอดคล้องในจุดนี้ไม่ใช่แค่การตกแต่ง แต่คือสัญญาณว่าทั้งลิสติ้งถูกออกแบบมาอย่างตั้งใจ
Mokbi เข้ามาช่วยตรงไหน
Mokbi ออกแบบ feature graphic ขนาด 1024 x 500 ควบคู่ไปกับชุดสกรีนช็อตของคุณ ทำให้แบนเนอร์ แผงภาพ และคำบรรยาย ใช้ชุดสีเดียว ฟอนต์เดียว และข้อความเดียวกันได้ทันที ไม่ต้องใช้เครื่องมือแยก ไม่ต้องจับคู่สีด้วยมือ มันเอ็กซ์พอร์ตตามสเปกเป๊ะ (JPEG หรือ PNG 24-bit ไม่มีอัลฟา) เก็บองค์ประกอบสำคัญให้พ้นกึ่งกลางและขอบภาพ และแปลกราฟิกเป็นภาษาต่างๆ ได้ถึง 50 ภาษา เพื่อให้ทุกตลาดได้แบนเนอร์ที่เข้ากับตัวเอง ไม่ใช่ภาษาอังกฤษที่แค่ครอปมา
คุณยังคงเป็นคนตัดสินใจเรื่องข้อความและทิศทางศิลป์ เครื่องมือแค่ทำให้ทั้งลิสติ้ง รวมถึง feature graphic ด้วย ดูเหมือนเป็นชุดเดียวกันจริงๆ