รูปแบบโครงสร้างของเว็บไซต์

รูปแบบโครงสร้างของเว็บไซต์

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

รูปแบบของลินช์และฮอร์ตัน (Lynch and Horton. 1999 : 27 – 30) แห่งศูนย์สื่อการเรียนการสอนระดับสูง มหาวิทยาลัยเยล (Yale University) ซึ่งมีชื่อเสียงในด้านการออกแบบเว็บ มีความชัดเจนและครอบคลุมมากที่สุด ซึ่งสามารถสรุปโครงสร้างของเว็บออกเป็น 4 รูปแบบใหญ่ ๆ ดังนี้

1.เว็บที่มีโครงสร้างแบบเรียงลำดับ (Sequential Structure)

เว็บที่มีโครงสร้างแบบเรียงลำดับ (Sequential Structure)

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

2.เว็บที่มีโครงสร้างแบบลำดับขั้น(Hiereachy Structure)

เว็บที่มีโครงสร้างแบบลำดับขั้น(Hiereachy Structure)

ลักษณะโครงสร้างแบบนี้เป็นพื้นฐานของโครงสร้างระบบข้อมูลที่ดีที่สุด ซึ่งโดยส่วนใหญ่เว็บไซต์จะจัดอยู่รูปแบบลำดับชั้น เนื่องจากจะมีการแบ่งแยกกลุ่มของเนื้อหาอย่างชัดเจน โดยแบ่งออกเป็นส่วนต่างๆ และมีรายละเอียดย่อยลดหลั่นกันมา และมีความสัมพันธืระหว่างชั้นข้อมูลซึ่งไม่ยากเกินจะเข้าใจ เพราะอยู่ในลักษณะแนวเดียวกับแผนภูมิองค์กร และถือเป็นลักษณะเด่นเฉพาะของเว็บประเภทนี้ที่มีจุดเริ่มต้นที่จุดเดียว นั่นคือ โฮมเพจ(Homepage) และเชื่อมโยงไปสู๋เนื้อหา ในลักษณะเป็นลำดับจากบนลงล่าง
เว็บที่มีโครงสร้างประเภทนี้ เป็นรูปแบบที่ง่ายต่อการใช้งาน ลักษณะโครงสร้างคล้ายกับต้นไม้ที่มีการแตกกิ่งออกเป็นกิ่งใหญ่ ดอกและผล
ข้อดีของโครงสร้างรูปแบบนี้ คือ ง่ายต่อการแยกแยะเนื้อหาของผู้ใช้และจัดรบบข้อมูลของผู้ออกแบบ
เข้าถึงเนื้อหาได้อย่างรวดเร็ว

 

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

3.โครงสร้างแบบตาราง (Grid Structure)

โครงสร้างแบบตาราง (Grid Structure)

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

 

4. โครงสร้างแบบใยแมงมุม (Web Structure)

โครงสร้างแบบใยแมงมุม (Web Structure)

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

Follow by Email
Facebook
GOOGLE
TWITTER
YOUTUBE