Page 17 - การพัฒนาหนังสืออิเล็กทรอนิกส์เพื่อการศึกษา เรื่อง การสร้างเว็บไซต์

่ ้
่
1.4.4 ก�าหนดรายละเอียดให้กับโครงสร ้าง ซึงพิจารณาจากวัตถุประสงค์ทีตังไว้ โดย
่
็
1.3 การออกแบบเวบไชด์ทีดี ควรมีลักษณะดังต่อไปน ี ้ ตังเกณฑ์ในการใช ้ เช่น ผ้ใช ้ควรท�าอะไรบ้าง จ�านวนหน้าควรมีเท่าใด มีการเขีอมโยงมากน้อยเพียง
้
ู
่
ู
็
ู
1.3.1โครงสร ้างทีชัดเจน ผ้ออกแบบเวบไชด์ควรจัดโครงสร ้างหรือจัตระเบียบของข้อมล ใด
้
่
ื
็
ทีชัดเจบแยกอยเนอหาออกเปนส่วนต่างๆ 1.4.5 สร ้างเวบไชด์แถ้วนาไปทดลองเพือหาชัอผิดพลาดและแก้ไขปรับปรุง แล้วจึง
่
�
็
่
่
1.3.2 การใช ้งานทีง่าย ลักษณะของเวบทีมีการใช ้งานง่าย จะช่วยให้ผ้ใช ้รู้สึกสบาย ต่อ นาเข้าเครือข่ายอินเทอร ์เนดเปนขันสุดท้าย
็
ู
้
็
�
็
่
้
่
การอ่านและสามารถท�าความข้าใจกับเนอหาได้อย่างเตมที ผ้ออกแบบควรก�าหนดปุมการใช ้งานที ่
ู
ื
็
้
่
็
่
ื
ชัดเจนเหมาะสมโดยเฉพาะปุมควบคุมเส้นทางการเข้าสูเนอหา (Navigaloa) ไมว่าจะเปนเดินหน้า 1.5 โดรงสร ้างของเวบไซด์ มีดังน ี ้
่
็
่
็
็
็
็
หรือถอยหลัง หากเปนเวบไชทีมีเวบเพจจ�านวนมากควรจะจัดท�าแผนผังของเวบไซต์ 1.5.1 เวบทีมีโครงสร ้างแบบเรียงล�าดับ (Seqaential Sracure) เปนโครงสร ้างที ่
่
็
็
่
่
่
่
่
1.3.3 การเชือมโยง link ครจัดอยูในรูปแบทีเปนมาตรฐานทัวไป การเชือมโยงมากและ ใช ้กันมากทีสุดเนองจากง่ายต่อการจัดระบบข้อมข้อมลทีจัดตัวยโครงสร ้างแบบนเปนชัอมลทีมี
็
่
่
่
้
่
ี
ู
็
ู
ู
ื
่
่
่
กระจัดกระจายอยูทัวไปอาจก่อให้เกิดความสับสนค�าทีใช ้ส�าหรับการเชือมโยงจะต้องเข้าใจงายมี ลักษณะเปนเรืองราวตามล�าดับ เหมาะกับเวบไซต์ทีมีชนาดเลก เนอหาไมชับซ ้อน ใช ้การลิงก์ link
่
่
้
่
่
่
็
็
็
ื
้
่
้
่
้
ความชัดเจนและไมสันจนเกินไปนอกจากนในเเต่ละเวบเพจทีสร ้างขึนมาควรมีจุดเชือมโยงกลับ ไปทีละหน้า ทิศทางของการเข้าสูเนอหา (vigaitea)อาจจะเปนรูปลูกศรเดินหน้า-ถอยหลังเปน
่
ี
็
้
็
็
ื
่
้ ่
่
้
มายังหน้าแรกของเวบไซต์ทีก�าลังใช ้งานอยูด้วยทังนเผือว่าผ้ใช ้เกิดหลงทางและไมทราบว่าจะท�า เครืองมือหลักในการก�าหนดทิศทางข้อเสียของโครงสร ้างระบบน คือ ผ้ใช ้ไมสมารถก�าหนดทิศทาง
่
ู
ี
็
่
้
่
ี
่
ู
่
อย่างไรต่อไป จะได้มีหนทางกลับมาสูจุดเริมตันใหม ่ การเข้าสูเนอหาของตนเองได้ตามต้องการท�าให้เสียเวลาข้าสูเนอหาตามล�าดับของการลิงก์
้
้
ื
่
่
ื
้
่
้
ื
�
1.3.4 ความเหมาะสมในหน้าจอ เนอหาทีนาเสนอในแต่ละหน้าจอควรสัน กระชับ และทันมัย 1.5.2 เวบทีมีโครงสร ้างแบบล�าคับชัน (Werarhkcal Spvour ) เปนวิธีการจัดระบบ
้
่
็
็
้
่
่
่
็
ู
หลีกเลียงการใช ้หน้าจอทีมีลักษณะการเสือนขึนลง Saollang) แต่ถ้าจ�าเปนต้องมีควรจะให้ข้อมล โครงสร ้างทีชัอมลมีความขับช ้อนไมมากเท่าไร โดยแบ่งเนอหาเปนส่วนต่างๆ และมีรายละเอียด
่
้
่
ู
็
ื
่
่
ทีมีความส�าคัญอยูบริเวณด้านบนสุดของหน้าจอหลีกเสียงการใช ้กราพิกด้านบนของหน้าจอเพราะ บ่อยๆ ในแต่ละส่วนซึงมิลักษณะแบบเดียวกับแผนภูมิองค์กร ลักษณะเดนเฉพาะของเวบประเกทน ี ้
่
่
็
่
ู
ู
ถึงแม้จะดูสวยงามแต่จะท�าให้ผ้ใช ้เสียเวลาในการได้รับข้อมลทีต้องการ คือ การมีจุดเริมดันทีจุดร่วมจุดเดียว นนคือ โฮมเพจ (Homxpag) และเชือมโยงไปดูเนอหา ใน
้
่
่
่
่
ื
ั
่
้
่
็
ั
่
1.3.5 การใช ้รูปภาพเพือเปนพืนหลัง (Badground) ไมควรเน้นสีสันทีฉดฉาดมากนก ลักษณะเปนล�าดับจากบนลงล่าง
ู
็
้
่
เพราะอาจจะไปลดความเด่นชัดของเนอหาลง ควรใช ้ภาพทีมีสีอ่อนๆ ไมสว่างจนเกินไป ส่วนการ 1.5.3 เวบทีมีโครงสร ้างแบบตาราง (Gnd Structure) โครงสร ้างรูปแบบนมีความ
ื
่
่
้
็
ี
่
่
่
ิ
ใช ้เทคนคต่างๆเช่น ภาพเคลือนไหวหรือตัวอักษวิง (Maqure) ซึงอาจจะเกิดการรบกวนการอ่านได้ ชับช ้อนมากกว่ารูปแบบทีผานมาการออกแบบไต้เพิมความยึดหยุนให้แก่การเข้าสูเนอหาของผ้ ู
่
้
่
่
่
ื
่
่
้
ั
็
ควรใช ้เฉพาะทีจ�าเปนจริงๆ เท่านน ใชั โดยเพิมการเชือมโยงซึงกันและกันระหว่างเนอหาแต่ละส่วน ผ้ใช ้ตมารถเปลียนทิศทางการข้า
่
่
้
่
่
ื
ู
่
่
่
่
็
ู
ู
1.3.6 ความรวดเร็ว เปนสิงส�าคัญส�าหรับผ้ใช ้ ซึงผ้ใช ้อาจจะเกิดอาการเบือหนายและหมด สูเนอหาของตนเองได้ ในการจัดระบบโครงสร ้างแบบน เนอหาทีนามาใช ้แต่ละส่วนควรมีลักษณะ
้
้
่
้
ื
่
ี
ื
�
่
่
ความสนใจเวบทีใช ้เวลาในการแสดงนาน สาเหตุส�าคัญทีจะท�าให้กรแสดงผลนาน คือ การใช ้ภาพ ทีเหมือนกันและสามารถใช ้รูปแบบร่วมกัน หลักการออกแบบ คือ นาหัวข้อทังหมดมาบรรจุลงในที ่
็
่
้
�
่
่
ิ
กราฟกหรือภาพเคลือนไหวทีขนาดใหญ่เเละมีมากเกินไป เดียวกัน
้
็
ื
็
1.4 การออกแบบโรงสร ้างเวบไชด์ คือ การวางแผนการจัดล�าดับเนอหาสาระของเวบไซด์ 1.5.4 เวบทีมีโครงสร ้างแบบใยแมงมม (Web Stucure) โครงสร ้างประเภทนจะมี
่
้
ุ
็
ี
่
่
้
็
็
ออกเปนหมวดหม ่ ู เพือจัดท�าเปนโครงสร ้างในการจัดวางหน้าเวบเพจทังหมดท�าให้ผ้เข้าเยียมชม ความยืดหยุนมากทีสุด ทุกหน้าในเวบสามารถจะเชือมโยงไปถึงกันได้หมด เปนการสร ้างรูปแบบการ
ู
็
่
่
็
็
่
่
้
ู
็
สามารถคันหาข้อมลในเวบเพจได้อย่างเปนระบบ ซึงถือว่าเปนชันตอนทีส�าคัญของการออกแบบ เข้าสูเนอหาทีเปนอิสระ ผ้ใช ้สมารถก�าหนดวิธีการเข้าสูเนอหาได้ด้วยตนเอง โครงสร ้างลักษณะน ี ้
็
็
่
้
้
ื
่
ื
่
ู
็
่
่
้
ู
ื
็
โครงสร ้างหรือจัดระเบียบของข้อมลทีชัดน แยกย่อยเนอหาออกเปนส่วนต่างๆ ทีมีความสัมพันธ์กัน จัดเปนรูปแบบทีไมมีโครงสว้างทีแนนอน (Unstructutured) นอกจากนการเชือมโยงไมได้จ�ากัด
่
่
้
่
็
ี
่
่
จะช่วยให้นาใช ้งานและง่ายต่อการเข้าใช ้งานเวบไซต์ ้ ้ ่ ้
็
่
ื
เองหวะเนอหาายในเวีบนนๆแต่สามารถเชือมโยงออกไปสูเนอหาจากเวบภายนอกได้
ั
็
ื
่
็
1.6องค์ประกอบของการออกเเบบเวบไซต์ มีดังน ี ้
1.6.1 ความเรียบง่าย (simplicity) หมายถึงการก�าจัดองค์ประกอบเสริมให้เหลือเฉพาะ
้
่
่ ่
้
ั
องค์ประกอบหลัก กล่าวคือในการสือสารเนอหากับผ้ใช ้นน เราต้องเสนอสิงทีเราต้องการนาเสนอ
�
ู
ื
่
จริงๆ ออกมาในส่วนของกราฟก สีสัน ตัวอักษรเเละภาพเคลือนไหว ต้องเลือกให้พอเหมาะ ถ้าหาก
ิ
ู
มีมากเกินไปจะรบกวนสายตาเเละสร ้างความร�าคาญต่อผ้ใช ้
้
้
่
่
�
�
1.6.2 ความสมาเสมอ (Consistency) หมายถึงการสร ้างความสมาเสมอให้เกิดขึน
้
้
็
ตลอดทังเวบไซต์โดยอาจเลือกใช ้รูปเเบบเดียวกันตลอดทังเวบไซต์เพราะถ้าหากเเต่ละหน้าใน
็
้
็
ั
่
่
ุ
เวบไซต์นนมีความเเตกต่างกันมากเกินไปอาจท�าให้ผ้ใช ้เกิดความสับสนเเละไมเเนใจว่าก�าลังอยู ่
้
ั
็
็
ในเวบไซต์เดิมหรือไมเพราะฉะนนการออกเเบบเวบไซต์เเต่ละหน้าควรจะมีรูปเเบบสไตล์ของกราฟก
ิ
่
่
้
่
็
ระบบเนวิเกชันเเละโทนสีทีมีความคล้ายคลึงกันตลอดทังเวบไซต์
12 13