สรุปและทำแบบฝึกหัดท้ายบท

สรุปการออกแบบระบบเนวิเกชั่นสำหรับเว็บ

Designing Web Navigation

ความสำคัญของระบบเนวิเกชั่น

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

          ระบบเนวิเกชั่นนั้นอาจประกอบด้วยองค์ประกอบหลายๆ อย่าง เช่นเนวิเกชันบาร์ หรือ pop-up menu ซึ่งมักจะมีอยู่ในทุกๆ หน้าของเว็บเพจ และอาจอยู่ในหน้าเฉพาะที่มีรูปแบบป็นระบบสารบัญ ระบบดัชนี หรือ site map ที่สามารถให้ผู้ใช้คลิกผ่านโครงสร้างข้อมูลไปยังส่วนอื่นๆได้ การเข้าใจถึงรูปแบบและองค์ประกอบของระบบเนวิเกชั่นเหล่านี้ จะทำให้คุณออกแบบระบบเนวิเกชันด้วยองค์ประกอบที่เหมาะสมได้อย่างมีประสิทธิภาพ

รูปแบบของระบบเนวิเกชั่น      

          แบ่งเป็น 4 รูปแบบ

                    ระบบเนวิเกชั่นแบบลำดับชั้น (Hierarchical)

                    ระบบเนวิเกชั่นแบบโกลบอล (Global)

ระบบเนวิเกชั่นแบบโลคอล (Local)

                    ระบบเนวิเกชั่นเฉพาะที่ (Ad Hoc)

ระบบเนวิเกชั่นแบบลำดับชั้น (Hierarchical)

เป็นระบบเนวิเกชั้นพื้นฐาน

     มีการเชื่อมโยงตามลำดับชั้นของข้อมูล

               หัวข้อหลัก à หัวข้อย่อย à รายละเอียด

     มีข้อจำกัดในการเคลื่อนที่เฉเพาะแนวตั้ง

ระบบเนวิเกชั่นแบบโกลบอล (Global)

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

Global Navigation

                                       

ระบบเนวิเกชั่นแบบโกลบอล (Global)

จากผลการศึกษาพบว่าตำแหน่งที่ดีที่สุดสำหรับเนวิเกชั่นบาร์คือด้านบนสุดหรือล่างสุดของหน้าเว็บ

ระบบเนวิเกชั่นแบบโลคอล (Local)

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

ระบบเนวิเกชั่นแบบโลคอล (Local)

 ตอบคำถามต่อไปนี้

ความสำคัญของระบบเนวิเกชั่น?

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

          ระบบเนวิเกชั่นนั้นอาจประกอบด้วยองค์ประกอบหลายๆ อย่าง เช่นเนวิเกชันบาร์ หรือ pop-up menu ซึ่งมักจะมีอยู่ในทุก ๆ หน้าของเว็บเพจ และอาจอยู่ในหน้าเฉพาะที่มีรูปแบบป็นระบบสารบัญ ระบบดัชนี หรือ site map ที่สามารถให้ผู้ใช้คลิกผ่านโครงสร้างข้อมูลไปยังส่วนอื่น ๆได้ การเข้าใจถึงรูปแบบและองค์ประกอบของระบบเนวิเกชั่นเหล่านี้ จะทำให้คุณออกแบบระบบเนวิเกชันด้วยองค์ประกอบที่เหมาะสมได้อย่างมีประสิทธิภาพ

ระบบเนวิเกชั่นแบบลำดับชั่น?

เป็นระบบเนวิเกชั้นพื้นฐาน

 มีการเชื่อมโยงตามลำดับชั้นของข้อมูล

 หัวข้อหลัก à หัวข้อย่อย à รายละเอียด

 มีข้อจำกัดในการเคลื่อนที่เฉเพาะแนวตั้ง

ระบบเนวิเกชั่นแบบโกลบอล?

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

ระบบเนวิเกชั่นแบบโลบอล?

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

ระบบเนวิเกชั่นเฉพาะที่?

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

Navigation Bar?

       เป็นระบบเนวิเกชั่นพื้นฐานที่ใช้ได้หลายรูปแบบ ทั้งแบบลำดับชั้น, แบบโกลบอล และแบบโลคอล
โดย Navigation Bar จะประกอบด้วยกลุ่มของลิงค์ต่างๆ ที่อยู่รวมกันในบริเวณหนึ่งของหน้าเว็บไซท์

Frame Based?

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

Pull-Down Menu?

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

มีจุดเด่นคือ

- มีรายการให้เลือกมากแต่ใช้พื้นที่น้อย

- ช่วยให้ผู้ใช้เลือกรายการย่อยเข่าสู่เป้าหมายได้สะดวก

- เหมาะสำหรับข้อมูลประเภทเดียวกันที่มีจำนวนมากๆ

Pop-Up Menu?

    คือ หน้าต่าง window เล็ก ๆ ที่โดดขึ้นมา หรือผลุบโผล่ขึ้นมา เวลาเปิดหน้าเว็ปขึ้นมา อาจจะเป็นการโฆษณาขายสินค้า หรือข่าวสารต่างๆ

มีจุดเด่นคือ

 -หน้าเว็บเพจไม่รกจนเกินไปด้วยลิงค์จำนวนมาก

- ประหยัดพื้นที่ในการแสดงรายการย่อยของเมนู

Image Map?

-ใช้ภาพกราฟิกในการลิงค์ โดยกำหนดขอบเขตของพื้นที่ต่างๆ ที่สามารถลิงค์ได้บนภาพกราฟิกนั้น

-ควรมีคำอธิบายในส่วนของ ALT (Alternate Text)

-ไม่ควรใช้ระบบเนวิเกชั่นแบบ Image Map ทั้งเว็บไซท์

Search Box?

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