สร้างประสบการณ์การตั้งค่าระยะไกล

ขั้นตอนเหล่านี้จะช่วยให้คุณเข้าใจว่าคุณต้องสร้างและปรับแต่งหน้าจอใดบ้างเพื่อรองรับการตั้งค่าระยะไกลและการถ่ายโอนบัญชีจากโทรศัพท์ไปยังรถยนต์

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

  1. สร้างจุดเข้าใช้งานในแอปของคุณ
  2. ออกแบบหน้าเว็บสำหรับใช้งานภายในรถยนต์
  3. รองรับการสแกนคิวอาร์โค้ด
  4. ออกแบบหน้าจอโหลด
  5. ดำเนินการตามขั้นตอนให้เสร็จสมบูรณ์และเบี่ยงเบนความสนใจของผู้ใช้
  6. อัปเดตจุดเข้าใช้งาน
  7. ระบุแอปที่ไม่เข้ากัน

นอกเหนือจากแนวทางปฏิบัติที่ดีที่สุดที่แสดงไว้ในที่นี้แล้ว โปรดดูรายการ ข้อกำหนด UX ทั่วไป ฉบับเต็มด้วย

บทบาทและหน้าที่ความรับผิดชอบ

ทั้งคุณและ Google มีบทบาทในการออกแบบขั้นตอนการตั้งค่าระยะไกล ต่อไปนี้คือการแบ่งงานโดยละเอียด

บทบาทของคุณ บทบาทของ Google
เพื่อให้การทำงานร่วมกันเป็นไปอย่างราบรื่น คุณมีหน้าที่รับผิดชอบดังต่อไปนี้:
  • การสร้างจุดเริ่มต้นที่เหมาะสมสำหรับขั้นตอนการตั้งค่าในแอปพลิเคชันที่ใช้งานร่วมกัน: จุดเริ่มต้นเหล่านี้อาจเป็นขั้นตอนการตั้งค่าระยะไกลที่กว้างขึ้น รวมถึงข้อความแจ้งเตือนเมื่อใช้งานครั้งแรก ขั้นตอนหนึ่งในขั้นตอนการเริ่มต้นใช้งานของแอป หรือตัวเลือกในการตั้งค่าของแอป หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการสร้างจุดเริ่มต้น โปรดดูที่ หัวข้อ สร้างจุดเริ่มต้นในแอปของคุณ
  • ออกแบบและปรับแต่งหน้าจอการตั้งค่าในรถยนต์ที่ Google จัดเตรียมไว้ให้ หรือใช้หน้าจอของคุณเอง สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการออกแบบหน้าจอเหล่านี้ โปรดดูที่ หัวข้อ ออกแบบหน้า Landing Page ในรถยนต์
  • จัดการขั้นตอนการโอนย้ายบัญชีอย่างเป็นระบบ โดยมีหน้าจอแนะนำและหน้าจอสรุปตามความจำเป็น: สร้างหน้าจอเปลี่ยนผ่านที่เชื่อมโยงการเชื่อมต่อแอปและขั้นตอนการโอนย้ายบัญชี ดูข้อมูลเพิ่มเติมเกี่ยวกับ การสแกนคิวอาร์โค้ดในส่วนการสนับสนุน
  • การตัดสินใจว่าจะทำอย่างไรเมื่อการตั้งค่าเสร็จสิ้น: ตัวอย่างเช่น คุณสามารถลบจุดเริ่มต้นการตั้งค่าออกจากทั้งแอปและหน้าจอรถยนต์ได้ ดูข้อมูลเพิ่มเติมได้ที่ หัวข้อ การอัปเดตจุดเริ่มต้นการตั้งค่า
เพื่อสนับสนุนการตั้งค่าระยะไกลสำหรับผู้ใช้ Google มีหน้าที่รับผิดชอบดังต่อไปนี้:
  • ขั้นตอนการตั้งค่าระยะไกล: Google มีขั้นตอนและฟังก์ชันการตั้งค่าเว็บวิวระยะไกลที่สมบูรณ์แบบ รวมถึงการลงชื่อเข้าใช้และการให้ความยินยอมต่อบริการของ Google
  • ขั้นตอนการโอนบัญชี: Google มีฟังก์ชันการโอนบัญชี Google Account ให้ใช้งานได้
  • ส่วนประกอบ UI: Google มีไลบรารีส่วนประกอบ UI ที่คุณสามารถนำไปใช้หรือปรับแต่งได้

สร้างจุดเข้าใช้งานในแอปของคุณ

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

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

ออกแบบหน้าเว็บสำหรับใช้งานภายในรถยนต์

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

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

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

Example of in-car landing page

ตัวอย่างการใช้ปุ่มเพื่อนำผู้ใช้ไปยังการตั้งค่าในรถยนต์

รองรับการสแกนคิวอาร์โค้ด

เนื่องจากผู้ใช้อาจไม่แน่ใจว่าจะเปลี่ยนจากหน้าจอในรถไปยังหน้าจอโทรศัพท์ได้อย่างไร จึงเป็นสิ่งสำคัญที่จะต้องสร้างขั้นตอนการสแกน QR Code ที่ชัดเจนและใช้งานง่าย เพื่อช่วยให้ผู้ใช้ดำเนินการได้ง่ายขึ้น

นำขั้นตอนการสแกน QR Code มาใช้โดยอิงตามรูปแบบที่คุ้นเคย รวมถึงการเข้าถึงกล้องและการสแกน

ให้สิทธิ์การเข้าถึงกล้องและแจ้งเตือนให้สแกนคิวอาร์โค้ด

ออกแบบหน้าจอโหลด

ออกแบบหน้าจอเปลี่ยนผ่านที่แสดงภาพโทรศัพท์กำลังเชื่อมต่อกับรถยนต์ พร้อมทั้งเตรียมพร้อมสำหรับการลงชื่อเข้าใช้ Google

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

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

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

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

กำลังซิงค์การตั้งค่ากับรถยนต์

อัปเดตจุดเข้าใช้งาน

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

ระบุแอปที่ไม่เข้ากัน

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

ตัวอย่างแสดงแอปพลิเคชันที่ไม่เข้ากัน