แนวทางปฏิบัติแนะนำเกี่ยวกับ UX สําหรับแอปใน Google Play Instant

Google Play Instant เป็นช่องทางใหม่สำหรับผู้ใช้ในการบริโภคแอป แอปเหล่านี้เรียกว่า Instant App เป็นแอป Android ดั้งเดิม แต่ทํางานได้โดยไม่ต้องติดตั้งในอุปกรณ์ แอปด่วนแต่ละแอปจะมีเวอร์ชันที่สอดคล้องกันที่ผู้ใช้เลือกติดตั้งได้

แอปด่วนควรปฏิบัติตามแนวทางปฏิบัติบางอย่างที่เฉพาะเจาะจงเกี่ยวกับประสบการณ์ของผู้ใช้ เนื่องจากเป็นวิธีที่ผู้ใช้โต้ตอบกับแอปในลักษณะที่ไม่เหมือนใคร คู่มือนี้จะแสดงหลักเกณฑ์ในการสร้างประสบการณ์การใช้งานในเชิงบวกสำหรับผู้ใช้แอปด่วน

เราขอแนะนำอย่างยิ่งให้คุณใช้หลักการของการออกแบบมาเทเรียลเมื่อออกแบบแอปด่วน ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้การออกแบบมาเทเรียลในแอปได้ที่การออกแบบมาเทเรียลสําหรับ Android

นอกจากนี้ เรายังมีหลักเกณฑ์เพิ่มเติมสำหรับแอปเล่นเกมโดยเฉพาะ ดูข้อมูลเพิ่มเติมได้ที่แนวทางปฏิบัติแนะนำเกี่ยวกับ UX สำหรับเกมใน Google Play Instant

 

มีหน้า Landing Page ที่ให้ข้อมูลที่มีความหมายสำหรับแอป

รูปที่ 1 ปุ่ม "ลองเลย" ที่แสดงสำหรับแอปด่วน

แอปหรือเกมต้องมีกิจกรรมหลักเริ่มต้นจึงจะมีปุ่มลองเลยใน Play Store หรือปรากฏใน Launcher ของ Android

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

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

 

ระบุปลายทางสำรองสำหรับลิงก์

รูปที่ 2 แบนเนอร์เว็บไซต์ที่นําผู้ใช้ไปยัง Instant App

ลิงก์ไปยังแอปและเกมใน Google Play Instant จะเปิดขึ้นทันทีเมื่อเป็นไปได้ ไม่เช่นนั้น ลิงก์เหล่านี้จะเปิดในเบราว์เซอร์

เมื่อลิงก์กับ Google Play คุณจะสามารถเปลี่ยนสถานการณ์สำรองเพื่อไปที่ Play Store แทนได้ กลยุทธ์นี้มีประโยชน์หากคุณต้องการนำผู้ใช้ไปยังการดาวน์โหลดแอปในกรณีที่ผู้ใช้เปิดแอปไม่ได้ทันทีและคุณไม่ต้องการให้ผู้ใช้ใช้แอปบนเว็บ

อีกทางเลือกหนึ่งคือการใช้แบนเนอร์ในเว็บไซต์เพื่อเปิดแอปโดยตรงแทนที่จะต้องส่งผู้ใช้ไปยัง Play Store ก่อน กลยุทธ์นี้แสดงในรูปที่ 2

อนุญาตให้ผู้ใช้ทำงานให้เสร็จ

เมื่อโฆษณาฟีเจอร์ให้ผู้ใช้ทราบในแอป Instant โปรดตรวจสอบว่าผู้ใช้สามารถใช้ฟีเจอร์ดังกล่าวได้โดยไม่ต้องติดตั้งแอป

หลีกเลี่ยงการขอให้ผู้ใช้ติดตั้งแอปเพื่อให้ผู้ใช้ทําสิ่งที่ต้องการได้ การดำเนินการหลักในการคลิกผ่านของหน้าในแอปไม่ควรทริกเกอร์ข้อความแจ้งให้ติดตั้ง

รูปที่ 3 อนุญาตให้ผู้ใช้ทำบางงานให้เสร็จสิ้นโดยไม่ต้องแจ้งให้ติดตั้งแอป

 

ขอให้ผู้ใช้ลงชื่อเข้าใช้ในเวลาที่เหมาะสม

มอบฟังก์ชันการทำงานให้มากที่สุดโดยไม่ต้องให้ผู้ใช้ลงชื่อเข้าใช้หรือลงทะเบียนใช้บริการที่เชื่อมโยงกับแอป

รอจนกว่าผู้ใช้จะพยายามใช้ฟีเจอร์ที่ต้องมีการตรวจสอบสิทธิ์ก่อนแจ้งให้ผู้ใช้ลงชื่อเข้าใช้ ผู้ใช้จะรู้สึกว่าข้อความแจ้งให้ลงชื่อเข้าใช้รบกวนน้อยลงหากเห็นประโยชน์ของการลงชื่อเข้าใช้ทันที

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

รูปที่ 4 หลีกเลี่ยงข้อความแจ้งให้ลงชื่อเข้าใช้ที่ไม่จำเป็น

 

เก็บสถานะผู้ใช้ไว้หลังจากติดตั้งแอป

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

รูปที่ 5 กู้คืนสถานะผู้ใช้หลังจากการติดตั้ง
 

อย่าสร้างหน้าจอเริ่มต้นเพิ่มเติม

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

รูปที่ 6 เฟรมเวิร์ก Google Play Instant มอบประสบการณ์การเปิดแอป

 

ลูกศรขึ้นเทียบกับระบบย้อนกลับ

ปุ่มขึ้นจะไปยังส่วนบนของกองการนำทางของแอปจนกว่าผู้ใช้จะไปถึงหน้าจอหลักของแอป ปุ่มกลับจะไปยังหน้าจอต่างๆ ตามลำดับเวลาย้อนกลับผ่านประวัติของหน้าจอที่ดูล่าสุด

แม้ว่าปุ่มขึ้นจะช่วยให้ผู้ใช้อยู่ในแอปของคุณได้ แต่ปุ่มย้อนกลับอาจนําผู้ใช้กลับไปยังหน้าจอล่าสุดนอกแอปของคุณ กล่าวคือ การกดปุ่มขึ้นไม่ควรออกจากแอป

ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีออกแบบการนําทางด้วยปุ่มย้อนกลับและขึ้นได้ที่การออกแบบการนําทางย้อนกลับและขึ้น

รูปที่ 7 การนำทางเป็นกุญแจสำคัญ

 

อย่าแยก UI

UI ของ Instant App ควรเหมือนกับ UI ของเวอร์ชันที่ติดตั้ง อย่าเปลี่ยนการออกแบบและ UI ในแอปด่วน

รูปที่ 8 ใช้ UI ที่สอดคล้องกันระหว่างแอปเวอร์ชันที่ติดตั้งและเวอร์ชัน Instant App
 

ใช้ Smart Lock สำหรับรหัสผ่านใน Android เพื่อระบุตัวตน

Smart Lock สำหรับรหัสผ่านใน Android เป็นเครื่องมือจัดการรหัสผ่านใน Chrome และ Android นอกจากนี้ Smart Lock จะลงชื่อเข้าใช้ให้ผู้ใช้โดยอัตโนมัติเมื่อเข้าชมครั้งต่อๆ ไป รองรับ Google Smart Lock ใน Instant App เพื่อให้ผู้ใช้ตรวจสอบสิทธิ์ได้ง่ายขึ้น

รูปที่ 9 ใช้ Smart Lock สำหรับการตรวจสอบสิทธิ์

 

แสดงข้อความแจ้งให้ติดตั้งอย่างชัดเจน

ใช้ปุ่มติดตั้งอย่างมีกลยุทธ์โดยทำให้เป็นส่วนหนึ่งของอินเทอร์เฟซผู้ใช้ของแอป ใช้ไอคอน "ติดตั้งแอป" ที่ใช้ Material Design และป้ายกำกับ INSTALL ที่ปุ่มติดตั้ง

อย่าใช้ป้ายกำกับอื่นๆ เช่น "ดาวน์โหลดแอป" "ติดตั้งแอปเวอร์ชันเต็ม" หรือ "อัปเกรด" อย่าใช้แบนเนอร์หรือเทคนิคอื่นๆ ที่เหมือนโฆษณาเพื่อนำเสนอข้อความแจ้งการติดตั้งแก่ผู้ใช้

รูปที่ 10 ใช้ปุ่มติดตั้งอย่างมีกลยุทธ์

 

มีข้อความแจ้งใน App ที่บอกเป็นนัยถึงการติดตั้งไม่เกิน 2-3 รายการ

ข้อความแจ้งใน Instant App ที่บอกเป็นนัยถึงการติดตั้งคือลิงก์ในแอปดังกล่าวที่ไม่ได้ทําสิ่งใดนอกจากเปิดข้อความแจ้งให้ติดตั้ง ข้อความแจ้งให้ติดตั้งโดยนัยเหล่านี้อาจปรากฏขึ้นเมื่อคุณมีฟังก์ชันการทำงานในแอปเวอร์ชันที่ติดตั้งไว้ซึ่งเวอร์ชัน Instant ไม่มี

มีข้อความแจ้งในแอปที่บอกเป็นนัยถึงการติดตั้งไม่เกิน 2-3 รายการ

เมื่อใช้ข้อความแจ้งให้ติดตั้งโดยนัย ให้ระบุบริบทและข้อมูลเกี่ยวกับฟีเจอร์ที่ทริกเกอร์ข้อความแจ้ง บอกเหตุผลที่ผู้ใช้อาจต้องการติดตั้งแอป

รูปที่ 11 จํากัดจํานวนข้อความแจ้งให้ติดตั้งโดยนัย

 

นำส่วนที่ไม่ทำงานของแอปออก

เมื่อแปลงแอปเป็น Instant App คุณอาจมี UI ของ Instant App บางส่วนที่ลิงก์กับโมดูลฟีเจอร์อื่นๆ ของแอป ให้นำส่วนดังกล่าวออกจาก Instant App

รูปที่ 12 นำส่วนที่ไม่ทำงานของแอปออก

 

การชำระเงินที่ง่ายขึ้น

หาก Google Play Billing ไม่รองรับการซื้อในแอป Instant ของคุณและคุณไม่มีข้อมูลการชำระเงินของผู้ใช้อยู่ในระบบ คุณสามารถใช้ API การชําระเงินอื่นได้ เช่น Google Pay API Google Pay API ช่วยให้คุณสามารถเสนอการชำระเงินแบบออฟไลน์ได้ เช่น การชำระเงินเมื่อนำส่ง และจัดเก็บบัตรของขวัญในแอป Instant

รูปที่ 13 เวิร์กโฟลว์การชำระเงินโดยใช้ Google Pay API

 

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

ข้อเสนอของคุณเองไม่ควรลิงก์ไปยังเบราว์เซอร์ แต่ควรอยู่ในแอป Instant โดยจะใช้ WebView ก็ได้หากจำเป็น การจราจรของข้อมูลในเครือข่ายทั้งหมดจากภายใน Instant App ต้องใช้โปรโตคอล HTTPS

ภายในแอปด่วน คุณควรระบุฟังก์ชันการทำงานที่แอปมีให้และฟังก์ชันการทำงานที่มาจากแหล่งที่มาภายนอกอย่างชัดเจน

รูปที่ 14 เปิดลิงก์ภายนอกที่คุณไม่ได้ควบคุมในเบราว์เซอร์

 

ระบุวิธีแชร์ URL ของแอปด่วน

เนื่องจาก Instant App ไม่มีแถบที่อยู่ให้ผู้ใช้คัดลอก URL ให้ระบุการดำเนินการ "แชร์" ภายในแอปที่อนุญาตให้ผู้ใช้แชร์ URL ของ Instant App

รูปที่ 15 ช่วยให้ผู้ใช้แชร์ Instant App ของคุณได้

แหล่งข้อมูลเพิ่มเติม

ดูข้อมูลเพิ่มเติมเกี่ยวกับการสร้างประสบการณ์การใช้งานทันทีที่มีคุณภาพสูงได้จากแหล่งข้อมูลต่อไปนี้

Codelabs