Lecture5


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

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

  • เนวิเกชั่นที่ดี จะต้องบรรลุวัตถุประสงค์ต่อไปนี้
              1.ผู้ชมกำลังอยู่ในส่วนใดของเว็บ
              2.สามารถเข้าถึงข้อมูลได้อย่างไร
              3. สามารถกลับไปยังหน้าเดิมได้อย่างไร
              4. หน้าเว็บเพจใดที่ได้เยี่ยมชมข้อมูลเเล้ว

  • รูปแบบของระบบเนวิเกชั่น เเบ่งออกเป็น 4รูปแบบ
              1.ระบบเนวิเกชั่นเเบบลำดับขั้น
                   เป็นเเบบพื้นฐาน คือ มีหน้าโฮมเพจหนึ่งหน่าเเละมีลิงค์ไปยังหน้าอื่นๆ ภายในเว็บถือเป็บลำดับขั้นอย่างหนึง่เเล้ว

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

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

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



  • องค์ประกอบของระบบเนวิเกชั่นหลัก 

               ระบบเนวิเกชั่นที่สำคัญเเละพบมากที่สุด คือเนวิเกชั่นที่อยู่หน้าเีดียวกับเนื้อหา ไม่ใช่เนวิเกชั่นที่อยู่ภายในเว็บ ซึ่งได้แก่    เนวิเกชั่นบาร์  เนวิเกชั่นระบบเฟรม
                             
                          pull down
                          pop up menu
                          image map
                          searchbox



  • เนวิเกชั่นบาร์

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

  • วิเกชั่นระบบเฟรม

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


  • pull downmenu

               เป็นส่วนประกอบของฟอร์มที่มีลักษณะเด่น คือ มีรายการให้เลือกมากมาย ใช้พื้นที่น้อย
เหมาะสำหรับข้อมูลที่มีข้อมูลประเภทเดียวกัน


  • pop up menu
               เป็นเมนูอีกรูปแแบหนึ่งที่มีลักษณะคล้าย pull down menu เเต่รายการย่อยของเมนูจะปรากฎ
ขึ้นเองเมื่อผู้ใช้นำเมาส์ไปวาง ข้อดี ช่วยให้หน้าเวบไม่รกจนเกินไป

  • image Map

               การใช้รูปกราฟิกเป็นลิงค์ในเเบบ image map ได้รับความนิยมนำมาใช้กับระบบเนวิเกชั่นมากขึ้น โดยบางบริเวณสามารถลิ้งได้ด้วย ข้อเสีย คือ ไม่ควรใช้มากจนเกินไป เพราะผู้ใช้อาจไม่รู้ว่าภาพเหล่านั้นสามารถลิ้งค์ได้



  •  search Box 

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

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


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


               เนวิเกชั่นเเบบกราฟิกพร้อมคำอธิบาย
                         เนวิเกชั่นเเบบกราฟิกหรือไอคอนเพื่อเพิ่มความน่าสนใจของลิงค์ ควรใส่คำอธิบายควบคู่
กับกราฟฟิกด้วย


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

               เพิ่มความคล่องตัวในการเคลื่อนที่
                         สามารถเข้าถึงได้ในทุกๆหน้า ควรจะมีลิงค์อย่างน้อยที่สุด 1 ลิงค์เพื่อกลับไปยังหน้า Home  เเละป้องกันปัญหาการเกิดหน้าทางตันที่ไม่มีลิงค์ไปสู่ส่วนใดๆ ในเว็บฅ



  • ระบบเนวิเกชั่นที่มีประสิทธิภาพ ควรมีคุณสมบัติ ดังนี้

                         1. เข้าใจง่าย
                         2. มีความสม่ำเสมอ
                         3. มีการตอบสนองต่อผู้ใช้
                         4. มีความพร้อมเเละเหมาะสมต่อการใช้งาน
                         5. นำเสนอหลายทางเลือก
                         6. มีขั้นตอนสั้นเเละประหยัดเวลา
                         7. มีรูปแบบที่สื่อความหมาย
                         8. มีคำอธิบายที่ชัดเจนเเละเข้าใจได้ง่าย
                         9. เหมาะสมกับวัตถุประสงค์ของเว็บ
                         10. สนับสนุนเป้าหมายเเละพฤติกรรมของผู้ใช้






ไม่มีความคิดเห็น:

แสดงความคิดเห็น