Page 15 - การสร้างเว็บไซต์

่
่
้
่
่ ้
็
ั
1.4.4 ก�ำหนดรำยละเอียดให้กับโครงสร ้ำง ซึงพิจำรณำจำกวัตถุประสงค์ทีตังไว้ โดย ลักษณะกำรเชือมโยงในเวบนนสำมำรถใช ้ลักษณะกำรเชือมโยงจำกรำยกำรที ่
่
่
่
้
้
้
ี
ื
ตังเกณฑ์ในกำรใช ้ เช่น ผ้ใช ้ควรท�ำอะไรบ้ำง จ�ำนวนหน้ำควรมีเท่ำใด มีกำรเขีอมโยงมำกน้อยเพียง รวบรวมชือหรือหัวข้อของเนอหำเเต่ละหน้ำไว้ซึงรำยกำรนจะปรำกฏอยูบริเวณใดบริเวณหนงใน
ึ
ู
่
่
่
่
่
่
ใด หน้ำจอผ้ใช ้สำมำรถคลิกทีหัวข้อใดหัวข้อหนงในรำยกำรเพือเลือกทีจะเข้ำไปสูหน้ำใดๆ กได้ตำม
ู
ึ
็
้
่
่
ู
ี
็
็
1.4.5 สร ้ำงเวบไชด์แถ้วนำไปทดลองเพือหำชัอผิดพลำดและแก้ไขปรับปรุง แล้วจึง ควำมต้องกำร ข้อดีของรูปเเบบน คือง่ำยต่อผ้ใช ้ในกำรท่องเทียวบนเวบ โดยผ้ใช ้สำมำรก�ำหนด
�
ู
้
่
้
้
่
็
็
ื
่
นำเข้ำเครือข่ำยอินเทอร ์เนดเปนขันสุดท้ำย ทิศทำงกำรเข้ำสูเนอหำได้ด้วยตนเอง เเต่ข้อเสียคือ ถ้ำมีกำรเพิมเนอหำใหมๆ อยูเสมอจะเปนกำร
ื
่
�
็
่
้
้
่
้
ู
ยำกในกำรปรับปรุง นอกจำกนกำรเชือมโยงระหว่ำงข้อมลทีมีมำกมำยนน อำจท�ำให้ผ้ใช ้นนเกิด
ี
ั
ั
ู
็
ั
1.5 โดรงสร ้ำงของเวบไซด์ มีดังน ี ้ ควำมสับสนเเละเกิดปญหำกำรค้ำงของหัวข้อ (Cognitive Overhead)ได้
่
็
1.5.1 เวบทีมีโครงสร ้ำงแบบเรียงล�ำดับ (Seqaential Sracure) เปนโครงสร ้ำงที ่ 1.6องค์ประกอบของกำรออกเเบบเวบไซต์ มีดังน ี ้
็
็
่
่
่
่
้
ี
ใช ้กันมำกทีสุดเนองจำกงำยต่อกำรจัดระบบข้อมข้อมลทีจัดตัวยโครงสร ้ำงแบบนเปนชัอมลทีมี 1.6.1 ควำมเรียบงำย (simplicity) หมำยถึงกำรก�ำจัดองค์ประกอบเสริมให้เหลือเฉพำะ
ู
ู
ู
่
่
ื
็
่
้
่ ่
้
้
่
่
ลักษณะเปนเรืองรำวตำมล�ำดับ เหมำะกับเวบไซต์ทีมีชนำดเลก เนอหำไมชับซ ้อน ใช ้กำรลิงก์ link องค์ประกอบหลัก กล่ำวคือในกำรสือสำรเนอหำกับผ้ใช ้นน เรำต้องเสนอสิงทีเรำต้องกำรนำเสนอ
ื
็
ู
ื
็
ั
�
็
่
้
่
ื
็
่
็
ิ
ไปทีละหน้ำ ทิศทำงของกำรเข้ำสูเนอหำ (vigaitea)อำจจะเปนรูปลูกศรเดินหน้ำ-ถอยหลังเปน จริงๆ ออกมำในส่วนของกรำฟก สีสัน ตัวอักษรเเละภำพเคลือนไหว ต้องเลือกให้พอเหมำะ ถ้ำหำก
้
่
ู
เครืองมือหลักในกำรก�ำหนดทิศทำงข้อเสียของโครงสร ้ำงระบบน คือ ผ้ใช ้ไมสมำรถก�ำหนดทิศทำง มีมำกเกินไปจะรบกวนสำยตำเเละสร ้ำงควำมร�ำคำญต่อผ้ใช ้
ู
ี
่
้
้
่
้
่
้
ื
ื
�
�
กำรเข้ำสูเนอหำของตนเองได้ตำมต้องกำรท�ำให้เสียเวลำข้ำสูเนอหำตำมล�ำดับของกำรลิงก์ 1.6.2 ควำมสมำเสมอ (Consistency) หมำยถึงกำรสร ้ำงควำมสมำเสมอให้เกิดขึน
่
่
้
้
่
้
1.5.2 เวบทีมีโครงสร ้ำงแบบล�ำคับชัน (Werarhkcal Spvour ) เปนวิธีกำรจัดระบบ ตลอดทังเวบไซต์โดยอำจเลือกใช ้รูปเเบบเดียวกันตลอดทังเวบไซต์เพรำะถ้ำหำกเเต่ละหน้ำใน
็
็
็
็
้
้
่
ั
ุ
โครงสร ้ำงทีชัอมลมีควำมขับช ้อนไมมำกเท่ำไร โดยแบ่งเนอหำเปนส่วนต่ำงๆ และมีรำยละเอียด เวบไซต์นนมีควำมเเตกต่ำงกันมำกเกินไปอำจท�ำให้ผ้ใช ้เกิดควำมสับสนเเละไมเเนใจว่ำก�ำลังอยู ่
็
่
ื
ู
็
่
่
่
้
บ่อยๆ ในแต่ละส่วนซึงมิลักษณะแบบเดียวกับแผนภูมิองค์กร ลักษณะเดนเฉพำะของเวบประเกทน ้ ในเวบไซต์เดิมหรือไมเพรำะฉะนนกำรออกเเบบเวบไซต์เเต่ละหน้ำควรจะมีรูปเเบบสไตล์ของกรำฟก
ี
่
็
็
ั
ิ
็
่
้
่
่
่
้
่
่
ั
ื
คือ กำรมีจุดเริมดันทีจุดร่วมจุดเดียว นนคือ โฮมเพจ (Homxpag) และเชือมโยงไปดูเนอหำ ใน ระบบเนวิเกชันเเละโทนสีทีมีควำมคล้ำยคลึงกันตลอดทังเวบไซต์
็
็
็
ึ
็
ลักษณะเปนล�ำดับจำกบนลงล่ำง 1.6.3 ควำมเปนเอกลักษณ์ ( ldentity) ในกำรออกเเบบเวบไซต์ต้องค�ำนงถึงลักษณะ
้
่
่
้
็
็
็
1.5.3 เวบทีมีโครงสร ้ำงแบบตำรำง (Gnd Structure) โครงสร ้ำงรูปแบบนมีควำม ขององค์กำรเปนหลัก เนองจำกเวบไซต์จะสะท้อนถึงเอกลักษณ์เเละลักษณะขององค์กร กำรเลือก
ื
ี
่
้
่
็
่
ิ
่
ชับช ้อนมำกกว่ำรูปแบบทีผำนมำกำรออกแบบไต้เพิมควำมยึดหยุนให้แก่กำรเข้ำสูเนอหำของผ้ ู ใช ้ตัวอักษรชุดสี รูปภำพหรือกรำฟก จะส่งผลต่อรูปเเบบเวบไซต์เปนอย่ำงมำก
ื
่
็
้
่
่
่
่
้
่
่
้
็
ื
ใชั โดยเพิมกำรเชือมโยงซึงกันและกันระหว่ำงเนอหำแต่ละส่วน ผ้ใช ้ตมำรถเปลียนทิศทำงกำรข้ำ 1.6.4 เนอหำ (Useful Content) ถือเปนสิงส�ำคัญทีสุดในเวบไซต์ เนอหำในเวบไซต์
็
ู
็
ื
ื
่
้
้
้
้
�
ื
ื
่
ู
ี
ู
ื
สูเนอหำของตนเองได้ ในกำรจัดระบบโครงสร ้ำงแบบน เนอหำทีนำมำใช ้แต่ละส่วนควรมีลักษณะ ต้องสมบูรณ์เเละได้รับกำรปรับปรุงพัฒนำให้ทันสมัยอยูเสมอ ผ้พัฒนำต้องเตรียมข้อมลเเละเนอหำ
่
่
่
้
้
่
่
่
้
้
ู
ทีเหมือนกันและสำมำรถใช ้รูปแบบร่วมกัน หลักกำรออกแบบ คือ นำหัวข้อทังหมดมำบรรจุลงใน ทีผ้ใช ้ต้องกำรให้ถูกต้องเเละสมบูรณ์ เนอหำทีส�ำคัญทีสุด คือเนอหำทีมีผ้พัฒนำสร ้ำงสรรค์ขึนมำ
�
ู
ื
ื
่
่
้
่
่
่
็
็
ทีเดียวกัน ซึงโดยทัวไปจะเปนหน้ำแผนภำพ (Map Fage) ทีแสดงในลักษณะเดียวกับโครงสร ้ำง เองเเละไท่ไปซ�ำกับเวบอืน
้
่
่
่
่
ู
่
็
็
็
ื
ของเวบ เมือผ้ใช ้คลิกเลือกหัวข้อใดกจะเข้ำไปสูหน้ำเนอหำ (Toplc Page) ทีแสคงรำยละเอียด 1.6.5 ระบบเนวิเกชัน (User friendly Navigation) เปนส่วนประกอบทีมีควำมส�ำคัญ
่
้
้
่
่
่
่
่
ั
ของหัวข้อนนๆ และภำยในหน้ำนนกจะมีกำรเชือมโยงไปยังหน้ำรำยละเอียดของหัวข้ออืนทีเปนเรือง ต่อเวบไซต์มำกเพรำะจะช่วยไมให้ผ้ใช ้เกิดควำมสับสนระหว่ำงดูเวบไซต์ระบบเนวิเกชันจึงเปรียบ
็
็
ั
ู
็
็
้
่
้
้
เดียวกัน นอกจำกนยังสำมำรถนำโครงสร ้ำงแบบเชียงล�ำดับและแบบล�ำดับขึนมำใช ้ร่วมกันได้อีก เสมือนปำยบอกทำง ดังนนกำรออกเเบบเนวิเกชันจึงควรให้เข้ำใจง่ำยใช ้งำนได้สะดวกถ้ำมีกำรใช ้
ี
ั
�
้
่
่
่
้
่
ิ
ิ
ั
็
�
็
่
ตัวย ถึงม้โครงสร ้ำงแบบนอำจระสร ้ำงควำมยุงยำกในกำรเข้ำใจได้ และอำจเกิดปญหำกำรค้ำงของ กรำฟกกควรสือควำมหมำยต�ำเเหนงกำรวำงเนเกชันกคสรวำงให้สมำเสมอเช่นอยูต�ำเเหนงบนสุด
่
ี
่
่
่
หัวข้อ (Cogative Overhead) ได้ แต่จะเปนประโยชน์ทีสุดเมือผ้ใช ้ได้เข้ำใจถึงควำมสัมพันธ์ ของทุกหน้ำ เปนต้น
ู
็
็
่
่
้
่
่ ่
็
็
ื
ระหว่ำงเนอหำ ในส่วนของกำรออกแบบจ�ำเปนจะต้องมีกำรวำงแผนทีดีเนองจำกมีกำรเขือมโยงที ่ 1.6.6 คุณภำพของสิงทีปรำกฏให้เหนในเวบไซต์ (Visual Appeal) ลักษณะทีนำสนใจ
ื
็
่
่
้
่
้
้
่
้
้
็
่
็
ื
็
่
ั
เกิดขึนได้หลำยทิศทำง นอกจำกนกำรปรับปรุงแก้ใขอำจเกิดควำมยุงยำกเมือต้องเพิมเนอหำใน ของเวบไซต์นนขึนอยูกับควำมชอบส่วนบุคคลเปนส�ำคัญ เเต่โดยรวมกสรุปได้ว่ำเวบไซต์ทีนำสนใจ
ี
่
็
้
้
ั
ภำยหลัง นนส่วนประกอบต่ำงๆ ควรมีคุณภำพ เช่น ภำพกรำฟกควรสมบูรณ์ไมมีรอยหรือขอบชันบันได
ิ
่
้
่
่
่
ี
ุ
่
ิ
1.5.4 เวบทีมีโครงสร ้ำงแบบใยแมงมม (Web Stucure) โครงสร ้ำงประเภทนจะมี ให้เหนชนดตัวอักษรอ่ำนงำยสบำยตำ มีกำรเลือกใช ้สีโทนทีเข้ำกันอย่ำงสวยงำมทีต้องใช ้งำนด้ำน
็
็
่
่
็
็
็
ควำมยืดหยุนมำกทีสุด ทุกหน้ำในเวบสำมำรถจะเชือมโยงไปถึงกันได้หมด เปนกำรสร ้ำงรูปแบบกำร ศิลปะเข้ำมำช่วยในกำรท�ำให้เกิดควำมสวยงำม เปนต้น
้
้
่
่
็
ื
ู
่
ื
เข้ำสูเนอหำทีเปนอิสระ ผ้ใช ้สมำรถก�ำหนดวิธีกำรเข้ำสูเนอหำได้ด้วยตนเอง โครงสร ้ำงลักษณะน ี ้ 1.6.7 ควำมสะดวกของกำรใช ้ในสภำพต่ำงๆ (Compatibility) กำรใช ้งำนของเวบไซต์
็
่
้
่
้
่
่
่
ั
ี
่
จัดเปนรูปแบบทีไมมีโครงสว้ำงทีแนนอน (Unstructutured) นอกจำกนกำรเชือมโยงไมได้จ�ำกัด นนไมควรมีขอบจ�ำกัด กล่ำวคือต้องสำมำรถใช ้งำนได้ดีในสภำพเเวดล้อมทีหลำกหลำย ไมมีกำร
่
่
็
่
่
้
้
้
้
่
่
เองหวะเนอหำำยในเวีบนนๆแต่สำมำรถเชือมโยงออกไปสูเนอหำจำกเวบภำยนอกได้ บังคับให้ผ้ใช ้ต้องติดตังโปรเเกรมอืนใดเพิมเติมนอกเหนอจำกเวบเบรำเซอร ์ ควรเปนเวบทีเเสดง
ื
็
่
ื
ู
็
ั
็
ื
็
้
ผลได้ดีในทุกระบบปฎิบัติกำร
้
่
1.6.8 ควำมคงทีในกำรออกแบบ (Design Stability) ถ�ำต้องกำรให้ผ้ใช ้งะบุรู้สึกว่ำ
ู
่
็
็
เวบไซตัมีคุณภำพ ถูกต้อง และเชือถือได้ ควรให้ควำมส�ำคัญกันคำรยอกแบบเวบไซด์เปนอย่ำงมำก
็
ต้องออกแบบ

14 15