Android - รูปแบบ UI

ในบทนี้เราจะดูรูปแบบ UI ต่างๆที่ Android มีให้เพื่อออกแบบแอปที่ทำงานสอดคล้องกันและสามารถมองเห็นได้

องค์ประกอบรูปแบบ UI

แอปพลิเคชัน Android ที่ดีควรเป็นไปตามรูปแบบ UI ต่อไปนี้ -

  • แถบการกระทำ
  • การยืนยันและรับทราบ
  • Settings
  • Help
  • Selection

ตอนนี้เราจะพูดถึงรูปแบบ UI ที่กล่าวถึงข้างต้นโดยละเอียด

แถบการกระทำ

แถบการทำงานเป็นแถบเฉพาะที่ด้านบนของแต่ละหน้าจอซึ่งโดยทั่วไปจะคงอยู่ตลอดทั้งแอป มีฟังก์ชั่นหลักหลายอย่างซึ่งมีดังต่อไปนี้ -

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

ส่วนประกอบของแถบการดำเนินการ

Action Bar มีองค์ประกอบหลัก 4 ส่วนซึ่งสามารถเห็นได้ในภาพต่อไปนี้

ชื่อส่วนประกอบและฟังก์ชันการทำงานเหล่านี้จะกล่าวถึงด้านล่าง -

ซีเนียร์ No ส่วนประกอบของแถบการดำเนินการ
1

App Icon

ไอคอนแอปสร้างตัวตนของแอปของคุณ สามารถแทนที่ด้วยโลโก้หรือตราสินค้าอื่นได้หากต้องการ

2

View control

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

3

Action buttons

แสดงการทำงานที่สำคัญที่สุดของแอปของคุณในส่วนการทำงาน

4

Action overflow

ย้ายการกระทำที่ใช้น้อยไปยังการดำเนินการมากเกินไป

การยืนยันและรับทราบ

เมื่อผู้ใช้เรียกใช้การดำเนินการกับ UI ของแอปถือเป็นแนวทางปฏิบัติที่ดี confirm หรือ acknowledge การกระทำนั้นผ่านขนมปังปิ้งหรือกล่องโต้ตอบ

มีความแตกต่างระหว่างการยืนยันและรับทราบ

กำลังยืนยัน

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

รับทราบ

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

การตั้งค่า

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

  • Settings ช่วยให้ผู้ใช้กำหนดล่วงหน้าว่าจะเกิดอะไรขึ้นในบางสถานการณ์

  • การใช้ settings ในแอปของคุณช่วยให้ผู้ใช้รู้สึกว่าสามารถควบคุมได้

ตำแหน่งของการตั้งค่า

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

ช่วยด้วย

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

ตำแหน่งของความช่วยเหลือ

เช่นเดียวกับ "การตั้งค่า" การออกแบบมาตรฐานของการวางตัวเลือก "ความช่วยเหลือ" อยู่ใน action overflow. ให้เป็นรายการสุดท้ายในเมนูและติดป้ายกำกับว่า "Help" เสมอ แม้ว่าหน้าจอแอปของคุณจะไม่มีรายการอื่น ๆ ที่มากเกินไป "ความช่วยเหลือ" ก็ควรปรากฏที่นั่น ดังที่คุณเห็นในภาพต่อไปนี้ -

การเลือก

เวอร์ชัน Android 3.0 เปลี่ยนท่าทางการกดแบบยาวเป็นท่าทางทั่วโลกเพื่อเลือกข้อมูล ขณะนี้ท่าทางการกดแบบยาวถูกใช้เพื่อเลือกข้อมูลโดยรวมการกระทำตามบริบทและฟังก์ชันการจัดการการเลือกสำหรับข้อมูลที่เลือกไว้ในองค์ประกอบใหม่ที่เรียกว่าcontextual action bar (CAB).

การใช้ Contextual Action Bar (CAB)

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

จากแถบ CAB ผู้ใช้สามารถดำเนินการต่อไปนี้ -

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