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

่
้
่
่
่ ้
ั
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