ปรับแต่ง UI ของแป้นโทรศัพท์

คุณสามารถปรับแต่ง UI ของแอปโทรออกให้สะท้อนถึงแบรนด์ของคุณและเพื่อให้มั่นใจได้ว่าแอปต่างๆ มีรูปลักษณ์ที่สอดคล้องกัน

การปรับแต่งโปรแกรมโทรออกนั้นประกอบด้วยขั้นตอนสามอย่างดังต่อไปนี้:

งาน คำอธิบาย

1) ใช้การจัดรูปแบบทั่วโลก

ใช้การจัดรูปแบบทั่วโลกกับทุกมุมมองในส่วนติดต่อผู้ใช้ของโปรแกรมโทรออก

2) มุมมองของ Style Dialer

ปรับแต่งสไตล์เพิ่มเติมให้กับองค์ประกอบ UI ที่ปรากฏเฉพาะในมุมมอง Dialer บางมุมมองเท่านั้น

3) ปรับเปลี่ยนเค้าโครง

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

สำหรับคำแนะนำเกี่ยวกับ UX โปรดดู รายการตรวจสอบ Dialer

ใช้การจัดสไตล์แบบทั่วโลก

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

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

อะไรบ้างที่สามารถปรับแต่งสไตล์ได้ทั่วโลก

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

  • โทนสี
  • การจัดพิมพ์
  • การกำหนดขนาดรายการ
  • รูปร่างและขนาดของอวตาร
  • ลักษณะไอคอน
  • ลักษณะแถบแอป
  • ลักษณะของปุ่ม
  • ลักษณะการสนทนา

เมื่อทำการเปลี่ยนแปลงรูปแบบการจัดวาง โปรดคำนึงถึงหลักเกณฑ์ต่อไปนี้

แนวทางการจัดรูปแบบทั่วไป

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

สิ่งที่จำเป็น

ปฏิบัติตามข้อกำหนด UX ทั่วไปของเรา ซึ่งครอบคลุมถึง:

  • อัตราส่วนความคมชัด
  • ขนาดตัวอักษรและขนาดเป้าหมายการสัมผัสขั้นต่ำ
  • ธีมสีเข้ม
  • ระยะห่างระหว่างเป้าหมายการสัมผัส

ข้อกำหนดเหล่านี้ช่วยสร้าง UI ที่เหมาะสมกับยานพาหนะ อ่านง่าย และสม่ำเสมอ

มุมมองของ Style Dialer

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

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

อะไรบ้างที่สามารถปรับแต่งได้ในมุมมองเฉพาะต่างๆ

มุมมองทั้งสี่ของ Dialer มีองค์ประกอบเฉพาะมุมมอง ซึ่งผู้ผลิตรถยนต์อาจต้องการเพิ่มการออกแบบเฉพาะตัวเข้าไป

ดู องค์ประกอบที่สามารถปรับแต่งได้

ล่าสุด

ไอคอนประวัติการโทร

แป้นกดหมายเลข

ปุ่มกด

หน้าจอแสดงสถานะการโทร

ไอคอนแถบควบคุม

ภาพซ้อนขณะพักสาย

ไอคอนสวิตช์

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

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

ปรับเปลี่ยนเค้าโครง

ในบางกรณี ผู้ผลิตรถยนต์สามารถปรับเปลี่ยนรูปแบบของแป้นกดหมายเลขได้ตามต้องการ

ผู้ผลิตรถยนต์สามารถ:

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

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

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

ปรับเลย์เอาต์ให้พอดีกับขนาดหน้าจอ

หากรูปแบบการแสดงผลเริ่มต้นของโปรแกรมโทรออกไม่เหมาะสมกับขนาดหน้าจอของรถยนต์แต่ละคัน ผู้ผลิตรถยนต์สามารถปรับแต่งได้

การปรับเลย์เอาต์ให้พอดีกับขนาดหน้าจอประกอบด้วยสองขั้นตอน:

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

โปรดศึกษาหลักเกณฑ์การจัดรูปแบบทั่วไปสำหรับข้อควรพิจารณาเพิ่มเติมเกี่ยวกับการจัดรูปแบบที่อาจส่งผลต่อเค้าโครง

จัดเรียงองค์ประกอบเลย์เอาต์ใหม่

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

โปรดศึกษาหลักเกณฑ์การจัดรูปแบบทั่วไปสำหรับข้อควรพิจารณาเพิ่มเติมเกี่ยวกับการจัดรูปแบบที่อาจส่งผลต่อเค้าโครง

ปรับเปลี่ยนเค้าโครงเพื่อปิดใช้งานคุณสมบัติบางอย่าง

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

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

ข้อกำหนด UX

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

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

เมื่อทำการปรับแต่ง ตรวจสอบดู

การจัดรูปแบบ โดยรวม หรือ เฉพาะมุมมอง

การตกแต่งสไตล์เฉพาะตัว:

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

เค้าโครง

(ขนาด การจัดวาง หรือคุณลักษณะ)

รูปแบบที่แก้ไขแล้ว:

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