02การออกแบบเว็บ

ž การออกแบบเว็บ

โครงสร้างของเว็บ

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

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

• โครงสร้างแบบนี้ เหมาะกับเว็บที่มีขนาดเล็ก เนื้อหาไม่ซับซ้อน เหมือนการอ่านหนังสือเรียงลำดับไปทีละหน้า

2. โครงสร้างแบบลำดับขั้น (Hierarchical Structure)

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

• ลักษณะเด่นคือ คือ การมีจุดเริ่มต้นที่จุดร่วมจุดเดียว นั่นคือ โฮมเพจ (Homepage) และเชื่อมโยงไปสู่เนื้อหา ในลักษณะเป็นลำดับจากบนลงล่าง

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

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

• การเข้าสู่เนื้อหาของผู้ใช้จะไม่เป็นลักษณะเชิงเส้นตรง เนื่องจากผู้ใช้สามารถเปลี่ยนทิศทางการเข้าสู่เนื้อหาของตนเองได้

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

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

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

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

• การเชื่อมโยงเนื้อหาแต่ละหน้าอาศัยการโยงข้อความที่มี ความคิดรวบยอด (Concept) เหมือนกันของแต่ละหน้าในลักษณะของไฮเปอร์เท็กซ์หรือไฮเปอร์มีเดีย

• โครงสร้างลักษณะนี้จัดเป็นรูปแบบที่ไม่มีโครงสร้างที่แน่นนอนตายตัว (Unstructured) นอกจากนี้การเชื่อมโยงไม่ได้จำกัดเฉพาะเนื้อหาภายในเว็บนั้นๆ แต่สามารถเชื่อมโยงออกไปสู่เนื้อหาจากเว็บภายนอกได้