หลักการออกแบบแอป

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

AI

โปรดคำนึงถึงหลักการต่อไปนี้เมื่อออกแบบแอป

  • มุ่งเน้น: มุ่งเน้นที่งานสำคัญเพื่อช่วยให้ผู้ใช้ได้งานภายในไม่กี่วินาที

  • เป็นลำดับชั้นแบบไม่ซับซ้อนและตรงไปตรงมา: หลีกเลี่ยงการสร้างลําดับชั้นที่ลึกเกิน 2 ระดับ พยายามแสดงเนื้อหาและการนำทางในบรรทัดเดียวกันเมื่อเป็นไปได้

  • การเลื่อน: แอปสามารถเลื่อนได้ ซึ่งเป็นท่าทางสัมผัสที่ผู้ใช้ทำเป็นปกติเพื่อดูเนื้อหาเพิ่มเติมบนนาฬิกา

หลักเกณฑ์

โปรดทำตามหลักเกณฑ์เหล่านี้เมื่อออกแบบแอป

เพิ่มประสิทธิภาพสำหรับเลย์เอาต์แนวตั้ง

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

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

แสดงเวลา

ผู้ใช้มีแนวโน้มที่จะใช้เวลาในแอปนานขึ้น จึงควรให้การเข้าถึงเวลาอย่างรวดเร็ว

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับการออกแบบและการใช้งานได้ที่ข้อความเวลา

จุดแรกเข้าในบรรทัดที่มีให้เข้าถึง

ตรวจสอบว่าการดำเนินการทั้งหมดแสดงในบรรทัดโดยใช้ไอคอนและป้ายกำกับที่ชัดเจนเพื่อรองรับการช่วยเหลือพิเศษ ซึ่งรวมถึงจุดแรกเข้าสำหรับการตั้งค่าและค่ากําหนด

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

ยกระดับการดําเนินการหลัก

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

ใช้ป้ายกำกับเพื่อบอกทิศทางแก่ผู้ใช้

สําหรับแอปที่ยาวขึ้น ให้ช่วยแนะนําผู้ใช้ด้วยป้ายกํากับขณะที่เลื่อนดูเนื้อหา

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

แสดงแถบเลื่อน

แสดงแถบเลื่อนหากมีการเลื่อนทั้งมุมมอง ดังที่แสดงในภาพต่อไปนี้ ดูข้อมูลเพิ่มเติมได้ที่ตัวบ่งชี้ตำแหน่ง

คอนเทนเนอร์เนื้อหา

ดูตัวอย่างคอนเทนเนอร์เนื้อหาต่อไปนี้

ตัวอย่างเลย์เอาต์แถวปุ่ม

รูปที่ 1 คอนเทนเนอร์ที่มีความสูงคงที่

ตัวอย่างเลย์เอาต์คอลัมน์ปุ่ม

รูปที่ 2 คอนเทนเนอร์ที่มีความสูงไม่เท่ากัน

ตัวอย่างเลย์เอาต์แถวปุ่ม

รูปที่ 3 คอนเทนเนอร์ที่มีความสูงและความกว้างมากกว่าวิวพอร์ต

ตัวอย่างเลย์เอาต์คอลัมน์ปุ่ม

รูปที่ 4 คอนเทนเนอร์แบบแบ่งหน้า

ตัวอย่างเลย์เอาต์แถวปุ่ม

รูปที่ 5ก หน้าเนื้อหาที่ใช้ขนาดเต็มของหน้าจอและแบ่งหน้าในแนวตั้ง