รูปแบบการนำทางสำหรับโครงสร้างแอป iOS
- แอป iOS มีโครงสร้างลำดับชั้นที่คงที่ ทำให้ผู้ใช้สามารถคาดเดาตัวเลือกการนำทางได้
- รูปแบบการนำทางช่วยให้ผู้ใช้รับรู้ตำแหน่งปัจจุบันและตำแหน่งก่อนหน้า และเข้าใจวิธีกลับไปยังจุดเดิม
การนำทางแบบ Drill-down
- Drill-down เป็นรูปแบบการสำรวจโครงสร้างต้นไม้ของข้อมูลทีละขั้น โดยใช้แอนิเมชันการเปลี่ยนหน้าจอในแนวนอน
- รูปแบบนี้ไม่เก็บสถานะไว้ และแถบนำทางจะแสดงชื่อของหน้าจอปัจจุบัน
- เครื่องหมายเปิดเผยในแถวรายการบ่งบอกว่าสามารถ drill down ลึกลงไปในลำดับชั้นได้
การนำทางแบบ Flat
- การนำทางแบบ Flat แบ่งลำดับชั้นออกที่ระดับราก และแสดงผ่าน tab bar
- รายการใน tab bar ถูกจัดตามฟังก์ชันหลักของแอป และช่วยสร้างความคาดหวังของผู้ใช้รวมถึง mental model ที่มีต่อแอป
- tab bar จะแสดงอยู่เสมอบนทุกหน้าจอของแอป เว้นแต่จะถูกบังชั่วคราวด้วย modal sheet
รูปแบบพีระมิด
- รูปแบบพีระมิดช่วยให้ย้ายไปมาระหว่างมุมมองพี่น้องในระดับลำดับชั้นเดียวกันได้อย่างรวดเร็ว โดยไม่ต้องย้อนกลับไปยังหน้าจอแม่
- สามารถใช้ท่าทางปัดในแนวนอนหรือปุ่มเพื่อย้ายระหว่างมุมมองพี่น้องภายในแอปสื่อได้
รูปแบบ Hub and Spoke
- รูปแบบ Hub and Spoke เหมาะกับคอลเลกชันขนาดใหญ่ของรายการที่ไม่เกี่ยวข้องกัน ซึ่งอยู่บนสุดของลำดับชั้น
- หน้าจอโฮมของ iOS ทำหน้าที่เป็น hub โดยมอบ “สถานะกลาง” ที่เชื่อถือได้ของระบบปฏิบัติการ
การนำทางแบบ Overlay
- Overlay ต้องการความสนใจจากผู้ใช้ และ modal overlay ต้องอาศัยการกระทำจากผู้ใช้
- modal แบบเสียดทานสูงต้องการการตัดสินใจจากผู้ใช้ และมุ่งเน้นที่การทำงานเฉพาะให้เสร็จสิ้น
- modal แบบเสียดทานต่ำสามารถปิดได้ง่าย และควรหลีกเลี่ยงกล่องโต้ตอบแจ้งเตือนงานเดี่ยวหากเป็นไปได้
การนำทางแบบฝังในเนื้อหา
- รูปแบบการนำทางแบบฝังในเนื้อหาต้องให้ความสำคัญเป็นพิเศษกับโครงสร้างและโมเดลเชิงพื้นที่ที่เข้มงวดของ iOS
- การเปลี่ยนสถานะไม่ได้เปลี่ยนตำแหน่งในลำดับชั้น ดังนั้นควรยืนยันให้แน่ใจว่าเป็นเพียงการเปลี่ยนสถานะ ไม่ใช่ลำดับชั้นหรือ modal
การนำทางแบบเป็นขั้นตอน
- รูปแบบแบบเป็นขั้นตอนเชื่อมชุดของหน้าจอเข้าด้วยกันเป็นลำดับเชิงเส้น เช่น guided tour, ขั้นตอนการตั้งค่า และบทเรียน onboarding
- ลำดับแบบเป็นขั้นตอนควรถูกรวมอยู่ใน modal overlay และปิดท้ายลำดับด้วยปุ่มเสร็จสิ้นหรือปุ่มปิด
การนำทางที่เน้นเนื้อหาเป็นศูนย์กลาง
- การนำทางที่เน้นเนื้อหาเป็นศูนย์กลางจะพาผู้ใช้กระโดดไปยังหน้าเว็บหรือมุมมองอื่นทันทีผ่านไฮเปอร์ลิงก์หรือปุ่ม
- ในแอป iOS ควรหลีกเลี่ยงรูปแบบนี้ ยกเว้นในกรณีของ hypertext, เกมแบบ immersive หรือคอนเทนต์ที่ไม่เป็นเชิงเส้น
ความเห็นของ GN⁺
- บทความนี้อาจเป็นประโยชน์อย่างมากต่อผู้พัฒนาแอป iOS และนำเสนอรูปแบบการนำทางสำคัญที่ช่วยยกระดับประสบการณ์ผู้ใช้
- รูปแบบการนำทางที่หลากหลาย เช่น Drill-down, Flat และพีระมิด มีส่วนช่วยเพิ่มทั้งการใช้งานและการเข้าถึงของแอป
- โดยเฉพาะอย่างยิ่ง การใช้ modal และการนำทางแบบ overlay อาจส่งผลอย่างมีนัยสำคัญต่อ workflow ของผู้ใช้ ดังนั้นนักพัฒนาควรพิจารณาอย่างรอบคอบ
2 ความคิดเห็น
สวัสดีครับ! ผมเองก็เพิ่งทราบตอนแชร์บทความนี้ให้เพื่อนร่วมงานเหมือนกันว่า ตามมาตรฐานการสะกดคำภาษาเกาหลี คำที่ถูกต้องคือ
내비게이션ไม่ใช่네비게이션ครับ ฮ่าๆ ถึงจะเป็นคำที่ถอดเสียงมาจากภาษาอังกฤษ เลยอาจจะกำกวมอยู่ว่าแบบไหนถึงจะเรียกว่าถูกต้องแน่ แต่เพราะเป็นพื้นที่ที่มีหลายคนเข้ามาอ่าน ผมเลยลองแอบคอมเมนต์ไว้เผื่อว่าจะได้ใช้ตามรูปแบบมาตรฐานกันครับบทความนี้เป็นเนื้อหาที่ GPT-4 สรุปไว้ โดยดูเหมือนว่า GPT จะใช้คำว่า "นำทาง" ได้ดีเป็นส่วนใหญ่ แต่บางครั้งก็ใช้ "เนวิเกชัน" ปะปนกันไปด้วย จึงได้แก้ไขไว้แล้วครับ ฮ่าๆ