Page 19 - ชิ้นโครงงาน ซ้อม.pdf 1.52

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