Table of Contents

ออกแบบระบบนําทางแบบไลออนใน OS Apps

การนําร่องแบบไลม์ (Praphy-sup Profile) ได้กลายเป็นจุดเด่นของการออกแบบโปรแกรมไอเอสเอเอสสมัยใหม่ การเปิดใช้งานของของเหลว ปฏิสัมพันธ์ตามสัญชาตญาณที่รู้สึกเกือบจะเป็นทางกายภาพได้ โดยการลดความพึ่งพาในปุ่มและเมนูที่มองเห็นได้ การลดท่าทางบนจอภาพที่อิสระในการใช้งานจริง และสร้างประสบการณ์ที่ผู้ใช้สามารถใช้งานได้มากขึ้น แอปเปิลให้ผู้ใช้จดจําท่าทางได้อย่างรัดกุม แต่การออกแบบระบบนําทางที่มีประสิทธิภาพนั้นต้องใช้การวางแผนอย่างรอบคอบ แนวทางการนําร่องของมนุษย์ และการทดสอบอย่างเข้มงวด บทความนี้สามารถทําการสร้างระบบนําร่อง

เหตุ ใด การ ชี้ นํา ที่ ถูก ละเลย

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

รูปแบบการลากเมาส์ใน OSD

การ เลี่ยง การ พูด คุย แบบ ที่ ผู้ ใช้ คุ้น เคย กัน เหล่า นี้ ช่วย ผู้ ใช้ รู้สึก ได้ ว่า อยู่ ที่ บ้าน.

แปรงทาสี

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

ก๊อก

การเคาะแบบง่าย ๆ คือรากฐานของการเลือก ในบริบทการนําทาง การเคาะแบบดับเบิลเบิล สามารถทําได้ลึกลงในลําดับ (เช่น การเคาะแถวในมุมมองตาราง) หรือการกระตุ้นการกระทํา เช่น การเปิดแผ่นด้านล่าง การเคาะคู่นั้นธรรมดาสําหรับการนําร่อง แต่สามารถขยายเนื้อหาได้

นิ้ว

การ ใช้ ท่า ทาง แบบ บิด เบี้ยว เป็น ส่วน ใหญ่ แล้ว ใช้ เพื่อ ขยาย รูป แผนที่, ภาพ, และ เอกสาร.

พิมพ์ยาว

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

แปรงทาสี

การย้ายจากขอบจอ (ซ้าย) เป็นท่าทางที่ใช้ในการย้อนกลับ, ด้านขวาสําหรับแอบ/ ป๊อปอัพบน iPad) เป็นท่าทางของระบบที่โปรแกรมควรเคารพจนกว่ามันมีเหตุผลที่แข็งแกร่งที่จะแทนที่มัน หลีกเลี่ยงการขัดแย้งกับท่าทางของระบบเพื่อป้องกันความสับสนของผู้ใช้

หลักการการออกแบบสําหรับการนําทางแบบไร้คาเฟอีน

การนําทางท่าทางที่ประสบความสําเร็จไม่ได้เกี่ยวกับ แค่การแนบตัวตรวจจับ -- มันต้องใช้วิธีการออกแบบแบบโฮลีส

การค้นพบ

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

ความต่อเนื่อง

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

แหล่งป้อน

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

การช่วยใช้งาน

ไม่ใช่ผู้ใช้ทั้งหมดจะสามารถทําท่าทางได้แม่นยํา โดยวิธีทางเลือกอื่น ๆ สําหรับนําร่อง: ปุ่ม, แป้นพิมพ์ลัด (บนแป้นพิมพ์), แป้นพิมพ์, การกระทําที่ปรับแต่งเอง, และเปลี่ยนการควบคุม การทําท่าทางเฉพาะตัวไม่ใช่วิธีเดียวที่จะทําการกระทําที่มีนัยสําคัญ

หลีก เลี่ยง ความ ขัด แย้ง

เมื่อตัวตรวจจับท่าทางหลายตัว ถูกแนบเข้ากับมุมมองเดียวกัน (หรือมุมมองของผู้ปกครอง) ความขัดแย้งอาจเกิดขึ้น ตัวอย่างเช่น การเรียกไพ่จากการละทิ้ง อาจขัดแย้งกับการเรียกดูการเลื่อนในการ์ด การจัดท่าทางโดยใช้วิธีการแสดงแบบแสดงแทนอย่างระวัง เช่น [FLT: 0] หรือตั้งค่าความขึ้นต่อกันของตัวระบุท่าทาง

ประสิทธิภาพ

การจัดการแบบพกพาต้องเป็นของเหลว การคิดคํานวณแบบหนา หรือแบบประสานอาจทําให้ท่าทางของตัวช่วยทํางานล่าช้าหรือติดอ่างได้ ใช้ [FLT: 1) และตัวตรวจจับท่าทางภายในสําหรับการแทนที่มาตรฐาน สําหรับท่าทางที่กําหนดเอง ให้รักษาวิธีการจัดการอย่างเบาและพิจารณาใช้ สําหรับภาพเคลื่อนไหวเรียบ

การ ลด ความ หนัก ของ การ สังเกต เห็น ของ โพสต์ ดิสก์ ใน OS

ไอ โอเอส ให้ ชุด ของ เครื่อง สังเกต ท่า ทาง ที่ คอนกรีต ใต้ [FLT: 3]. นี่คือ วิธี ใช้ ระบบ นํา ร่อง ทั่ว ไป.

ตั้งค่าพื้นฐาน

ปรับค่าการเคลื่อนไหว ให้ตั้งค่าเป้าหมายและการกระทํา, ปรับแต่งคุณสมบัติ (ทิศทาง, จํานวนของแท็บ เป็นต้น) และแนบมันเข้ากับมุมมอง ตัวอย่างการเรียกดู:

let swipeBack = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipeBack))
swipeBack.direction = .right
view.addGestureRecognizer(swipeBack)

การปรับแต่งขั้นสูง

สําหรับการควบคุมแบบหนากว่านี้ ให้ใช้โพรโทคอลตัวแสดงแทน ตัวอย่างเช่น อนุญาตให้การดึงรูปแบบการเคลื่อนเมาส์มาใช้ได้เฉพาะเมื่อนิ้วเริ่มเข้าใกล้ขอบซ้าย (ระยะเยื้อง) เท่านั้น:

func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
 guard let swipe = gestureRecognizer as? UISwipeGestureRecognizer else { return false }
 let location = swipe.location(in: view)
 return location.x < 30
}

การ ใช้ มือ แบบ ที่ มี ความ หมาย

เมื่อ มี การ ทํา ท่า ทาง หรือ มุม มอง ใน การ อนุ สัญญา คุณ อาจ ต้อง ทํา งาน ด้วย กัน.

การแปลงเอง

สําหรับระบบนําทางแบบแสดงท่าทางเต็มรูปแบบ ตัวตรวจจับท่าทางที่มีการเปลี่ยนมุมมองเอง ตัวอย่างเช่น ใช้การเปลี่ยนแปลงแบบป๊อปแบบโต้ตอบที่ทําตามนิ้วของผู้ใช้ คล้ายกับการแสดงกลับแบบ OS โดยปริยาย ซึ่งเกี่ยวข้องกับ [FLT: 9] และเชื่อมโยงไปยังกระทะหรือการแอบแสดงท่าทางในตัวแทนของตัวควบคุมการนําทาง

ออกแบบการนําทางเมนูด้วยเมาส์ (เพิ่มเสียง)

โปรแกรม ISOS รุ่นสมัยใหม่จํานวนมาก ใช้เมนูแฮมเบอร์เกอร์ที่เลื่อนมาจากด้านซ้าย ตัวเลือกที่ใช้แสดงท่าทางอาจเป็นการฉกจากขอบเพื่อเปิดเผยแผงด้านข้าง (เช่นมุมมองแยก iPad ของ) เพื่อสร้างนี้:

  1. แนบตัวตรวจจับแถบสีกับมุมมองหลัก (มีขอบ: . ซ้าย)
  2. เมื่อเริ่มการทําท่าทาง ให้เพิ่มมุมมองเมนูปิดหน้าจอด้านซ้าย; เมื่อมีการเปลี่ยนแปลง ให้ปรับปรุงตําแหน่ง x ของมันตามสัดส่วน; เมื่อสิ้นสุดการทํางาน ให้แสดงมุมมองแบบเปิดหรือปิดเต็มที่ โดยขึ้นอยู่กับความเร็ว/ ตําแหน่ง
  3. ให้ปุ่มผู้ใช้ที่ไม่สามารถขโมยได้
  4. ใช้ [FLT: 10] สําหรับแอนิเมชันแบบโต้ตอบ เพื่ออนุญาตให้การย้อนกลับกลาง

รูปแบบนี้สามารถขยายไปยังแผ่นงานด้านล่าง, แผ่นด้านข้างด้านขวา หรือแท็บที่สามารถขโมยได้

การ นํา ทาง แบบ ลาดยาง และ การ ทํา งาน ให้ เสร็จ

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

เครื่องมือและวิธีการต่าง ๆ

  • [FLT: 0] Xcode December: ตรวจจับท่าทาง วิชวลไลซ์ (เป็นไปได้ว่า เริ่ม, เริ่ม, เปลี่ยน, สิ้นสุด, ยกเลิก, ล้มเหลว) โดยใช้บานแสดงมุมมองดีบั๊ก
  • [FLT: 0] ผู้ตรวจการการการการจุ [FLT: 1] ตรวจสอบว่าผู้ใช้เสียงผ่านเข้าใช้ทุกการกระทํา
  • [FLT: 0] ทดสอบผู้ใช้: สังเกตผู้ใช้จริง ๆ ที่แสดงท่าทาง; หมายเหตุความลังเล ไกปืน, หรือพยายามซ้ําอีกครั้ง
  • [FLT: 0] เฝ้าดู: Check rate from from percation offlement language.

หลุม พราง ทั่ว ไป

  • [FLT: 0] ตัวเร่งความเร็ว:[FLT: 1) การฉกที่จะกลับมาอาจผิดพลาดเมื่อผู้ใช้พยายามเลือกแถว การลากตัวแบบน้อยที่สุดหรือเริ่มขอบเฉพาะ (Proup)
  • [FLT: 0]. Systm Profiles: บนไอโฟนที่มี ID ของใบหน้า, ตัวบ่งชี้บ้านสามารถขัดแย้งกับท่าท่าแบบล่างสุด ใช้สมบัติ [FLT: 11] เพื่ออนุญาตให้ท่าทางของคุณก่อน แต่มักจะให้ผลกลับหลัง
  • [FLT: 0]. การค้นพบแบบ Pororconition: ถ้าผู้ใช้ไม่รู้จักท่าทางจริง, พวกเขาจะติดแหง่ง. ใช้ระบบ คําใบ้, หรือ chactive UI ที่เผยให้เห็นปุ่มหลังเวลาหมด

การ ช่วย ชีวิต และ การ ออก แบบ แบบ แบบ ไม่ มี การ แบ่ง แยก

การนําร่องแบบพกพา ต้องไม่แยกผู้ใช้ที่มีความผิดปกติของมอเตอร์ออกไป

  • [FLT: 0] ควบคุมการขยาย: การกระทําทุกท่าทางควรใช้ได้ผ่านทางปุ่มหรือปุ่มพิมพ์ลัด ตัวอย่างเช่น การกด ppb-to-dete อาจเป็นการกดยาวที่แสดงปุ่มลบได้
  • [FLT: 0] Off: ใช้[FT: 12] เปิดโปงการกระทําท่าทางที่มีชื่อเรียกตัวว่าการกระทํา ตัวอย่างเช่น "ถอยกลับ" สามารถกลายเป็นการกระทําที่กําหนดเองใน rockor
  • [FLT: 0]. Reducue Moation: เคารพ [FLT: 13] การตั้งค่า; แทนพาราแลก หรือเมนูสไลด์-อิน โดยการเปลี่ยนภาพแบบเรียบๆ เมื่อร้องขอ
  • [FLT: 0] Touch Ackommodesation: ใส่ใจของ AssistiveTouch และสัมผัส Ackommodesation ที่แก้ไขพฤติกรรมท่าทาง -- ไม่เคยสมมุติว่าจุดสัมผัสนั้นแม่นตรง

รูปแบบการวน

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

สําหรับการอ่านเพิ่มเติม ดูคู่มือของแอปเปิล [FLT: 0] กํากับการติดต่อกับ Human International on translations] ] สืบค้นเมื่อเทียบกับเอกสารการวินิจฉัย (FITIT) [FLTT: 3] บทความยอดเยี่ยม (FTIT: 4) สืบค้นเมื่อ Fluffyd Interdctions [FLT: 5] จาก WDCFFFF18. สําหรับการใช้งานที่ดีที่สุด ดูที่: [FTIFFIFIFFIFFFIFFFIFFIFFIFIFIFIFIFIFIFIIIIIIFIFIFIFIFIFIFIFIFUIFIFIFIFIFIFIFIFIFIFIFIFIFIIIFIFIFIFEEESTIIFESTIFESTIFESTIIIIIIIIIIIIIIIIIIIIGIII