1. นายสามารถ สมภักดี รหัสนักศึกษา 533410080548
2. นางสาวเขมนันท์ ทาโยธี รหัสนักศึกษา 533410080502
3. นางสาวชไมพร อุทัยแสน รหัสนักศึกษา 533410080508
4. นางสาวปัทมา ปะวะโข รหัสนักศึกษา 533410080515
สาขาวิชาคอมพิวเตอร์ศึกษา ชั้นปีที่ 4 หมู่ 5
สมาชิกในกลุ่ม
Title
เว็บไซต์ที่เลือก
UNIVERSITY OF AUCKLAND
จะออกแบบเว็บไซต์
ไงดี ????????
เพราะ เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการออกแบบเว็บไซต์ที่
ตรงตามองค์ประกอบหลัก ของการออกแบบเว็บไซต์ทางการศึกษา อย่างมี
ประสิทธิภาพ คือ
1. ความเรียบง่าย 7. การเข้าใช้งานได้ไม่จํากัด
2. ความสม่ําเสมอ 8. มีคุณภาพในการออกแบบ
3. ความเป็นเอกลักษณ์ 9. ระบบใช้งานได้ถูกต้อง
4. เนื้อหาที่มีประโยชน์
5. ระบบนําทางที่ใช้งานง่าย
6. มีลักษณะที่น่าสนใจ
และยังมีวิธีการใช้สีสันที่สดใส สวยงาม เรียบง่าย และบริสุทธิ์มองแล้วให้ความรู้สึก
สบายตา ตรงตามทฤษฎีสีที่ใช้ในการออกแบบเว็บไซต์ คือ หลักการใช้สีในงาน
กราฟิก โดยเลือกใช้ระบบสีแบบ RGB ที่สามารถดึงดูดความสนใจจากผู้ที่เข้ามาเยี่ยม
ชมเว็บไซต์ได้
เพราะเหตุนี้ สมาชิกในกลุ่มจึงเลือกเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มา
เพื่อทําการวิเคราะห์การออกแบบเว็บไซต์ ในครั้งนี้
การออกแบบเว็บไซต์ที่ดี คือ การออกแบบให้เหมาะสม กับกลุ่มเป้าหมาย
และลักษณะของเว็บไซต์ โดยคํานึงถึงความสะดวกในการใช้งานของผู้ใช้เป็นหลัก
ควรมีความเรียบง่าย มีความสม่ําเสมอ สะท้อนเอกลักษณ์และลักษณะขององค์กรนั้น
ได้ มีเนื้อหาที่มีประโยชน์ มีระบบ Navigation ที่ใช้งานง่าย มีโลโก้และชื่อเว็บไซต์ทุก
หน้า ที่สําคัญ คือ มีลักษณะที่น่าสนใจและหมั่นปรับปรุงเนื้อหาอย่างสม่ําเสมอ (ดวงพร
เกี๋ยงคํา. 2549: 27)
1. ความเรียบง่าย
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
1.ความเรียบง่าย หมายถึง การสื่อสารเนื้อหาถึงผู้ใช้ให้อ่านเข้าใจ
ง่าย เราจะเห็นได้จากเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการ
ออกแบบเรียบง่ายและมีการสื่อสารกับผู้ใช้ได้ดี โดยการใช้ทฤษฎี
สีมาใช้ในการสื่อสารและดึงดูดความสนใจกับผู้ใช้
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
2. ความสม่ําเสมอ หมายถึง สามารถสร้างความสม่ําเสมอให้กับ
เว็บไซต์ได้ โดยที่เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ ได้มีการ
นําเสนอเว็บไซต์ในรูปแบบเดียวกันทั้งเว็บไซต์ โดยจะสังเกตได้จาก
ส่วนหัวของเว็บเพจ ประกอบไปด้วย โลโก้,ชื่อเว็บไซต์,กล้องค้นหา
เป็นต้น และที่สําคัญ คือ มีการใช้สีในรูปแบบเดียวกันทั้งเว็บไซต์
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
3. ความเป็นเอกลักษณ์ ต้องคํานึงถึงลักษณะขององค์กรเป็นหลัก
เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการออกแบบเว็บไซต์ที่สะท้อนถึง
ลักษณะของมหาวิทยาลัยได้ดี มีการใช้ชุดสี ชนิดตัวอักษร รูปภาพ และ
กราฟิก ได้อย่างเหมาะสม
4. เนื้อหาที่มีประโยชน์
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
4. เนื้อหาที่มีประโยชน์ เนื้อหาถือเป็นสิ่งที่สําคัญที่สุดในเว็บไซต์ ดังนั้น
ในเว็บไซต์ ควรจัดเตรียมเนื้อหาและข้อมูลที่ผู้ใช้ต้องการให้ถูกต้อง
และสมบูรณ์ เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์มีการปรับปรุงและ
เพิ่มเติม เว็บไซต์ให้ทันเหตุการณ์และทันสมัยอยู่เสมอ
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
5. ระบบนําทางที่ใช้งานง่าย
5. ระบบนําทางที่ใช้งานง่าย ระบบนําทางเป็นองค์ประกอบที่สําคัญ
มากของเว็บไซต์ ต้องออกแบบให้ผู้ใช้เข้าใจได้ง่ายและใช้งานสะดวก
มหาวิทยาลัยโอ๊คแลนด์ ได้มีการออกแบบเว็บไซต์โดยใช้กราฟิกที่สื่อ
ความหมายที่ชัดเจน รวมทั้งมีรูปแบบและลําดับของรายการที่สม่ําเสมอ
เช่น วางไว้ในตําแหน่งเดียวกัน ของทุกๆ หน้า
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
6. มีลักษณะที่น่าสนใจ
6.มีลักษณะที่น่าสนใจ เป็นเรื่องยากที่จะตัดสินว่าลักษณะหน้าเว็บของ
เว็บไซต์ จะมีความน่าสนใจหรือไม่ เพราะเกี่ยวข้องกับความชอบของแต่
ละบุคคล ดังนั้นเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการใช้กราฟิก ใช้
ชนิดตัวอักษรที่อ่านง่าย สบายตา และการใช้กลุ่มสีที่เข้ากันอย่าง
สวยงาม จึงทําให้เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์มีความน่าสนใจ
7. การเข้าใช้งานได้ไม่จํากัด
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
7. การเข้าใช้งานได้ไม่จํากัด มหาวิทยาลัยโอ๊คแลนด์ ได้มีการออกแบบ
เว็บไซต์ให้ผู้ใช้ส่วนใหญ่สามารถเข้าถึงได้มากที่สุด
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
8. มีคุณภาพในการออกแบบ
8.คุณภาพในการออกแบบ มีความสําคัญกับการออกแบบเว็บไซต์
เช่นเดียวกับสื่อประเภทอื่น ๆ ดังนั้น มหาวิทยาลัยโอ๊คแลนด์จึงได้มีการ
ประเมินเว็บไซต์อยู่เสมอ จะเห็นได้จากการเปลี่ยนแปลงหน้าเว็บเพจ
ของเว็บไซต์อยู่ตลอดเวลา
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184)
9. ระบบใช้งานได้ถูกต้อง
9. ระบบใช้งานได้ถูกต้อง ระบบการทํางานต่างๆ ในเว็บไซต์ของ
มหาวิทยาลัยโอ๊คแลนด์ มีความแน่นอน และทําหน้าที่ได้อย่างถูกต้อง
เช่น มีการติดต่อผ่าน Social Network เช่น Facebook , Twitter ,
YouTube , LinkedIn และสามารถใช้การได้จริง
การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design)
คือ การจัดหมวดหมู่ และลําดับของเนื้อหา แล้วจัดทําเป็นแผนผังโครงสร้าง
เว็บไซต์ ซึ่งจะทําให้เรารู้ว่ามีเนื้อหาอะไรบ้างภายในเว็บไซต์ และแต่ละหน้า
เว็บเพจนั้นมีการเชื่อมโยงกันอย่างไร
โดยที่เว็บไซต์ของมหาวิทยาโอ๊คแลนด์ มีการออกแบบโครงสร้างของ
เว็บไซต์ ดังนี้
1. มีรายการสารบัญแสดงรายละเอียดของเว็บไซต์
2. มีการเชื่อมโยงข้อมูลไปยังเป้าหมายได้ตรงกับความต้องการมากที่สุด
3. เนื้อหากระชับสั้นและทันสมัยอยู่เสมอ
4. สามารถโต้ตอบกับผู้ใช้ได้อย่างทันท่วงที
5. เลือกใช้รูปภาพ ทําหน้าที่แทนคําบรรยายที่ยาวเกินไป
6. เข้าสู่กลุ่มเป้าหมายได้อย่างถูกต้อง
7. การสร้างและการออกแบบเว็บไซต์ ง่ายต่อการใช้งานและตรงตาม
ความต้องการของกลุ่มเป้หมาย
8. มีการกําหนดข้อมูลให้เป็นมาตรฐานเดียวกัน โดยแบ่งเนื้อหาออกเป็น
ส่วนๆ และจัดเป็นกลุ่ม เป็นหมวดหมู่ เพื่อความเป็นระเบียบ ทําให้ผู้ที่เข้ามา
เยี่ยมชมเว็บไซต์สะดวกในการใช้งาน
จากการที่สมาชิกในกลุ่มได้ทําการศึกษา และวิเคราะห์การออกแบบ
โครงสร้างเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ จากงานวิจัยและทฤษฎีที่เกี่ยวข้อง
ก็สามารถสรุปได้ว่า
การออกแบบโครงสร้างเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ ตรงตาม
ทฤษฎีการออกแบบโครงสร้างเว็บไซต์ ของจิตเกษม พัฒนาศิริ (2539)ได้อ้างอิงไว้
ในงานวิจัยที่สมาชิกในกลุ่มศึกษามา
ขั้นตอนในการพัฒนาเว็บไซต์อย่างมีหลักการ จะต้องมีการดําเนินการ
ตามขั้นตอนที่ชัดเจน มหาวิทยาโอ๊คแลนด์ ได้มีการพัฒนาเว็บไซต์อย่างเป็น
ขั้นตอน ดังนี้
กําหนดเป้าหมายและวางแผน
วิเคราะห์และจัดโครงสร้างข้อมูล
ออกแบบเว็บเพจและเตรียมข้อมูล
ลงมือสร้างและทดสอบ
เผยแพร่และส่งเสริมให้เป็นที่รู้จัก
ดูแลและปรับปรุงต่อเนื่อง
จอภาพคอมพิวเตอร์ที่เราเห็นแสดงสีสันได้สวยงามนั้น ก็มาจากการผสมกัน
ของ แม่สี 3 สี โดยแต่ละสีจะมีความเข้มได้ 256 ระดับ คือ ตั้งแต่ 0-255 และเมื่อผสม
กันทั้ง 3 สี จํานวนสีที่สามารถแสดงได้ก็คือ 256x256x256 หรือประมาณ 16.7 ล้านสี
หรือเรียกว่าความคมชัด 24 บิต การแสดงสีของภาพที่ปรากฏจะชัดเจนหรือไม่นั้น
ขึ้นอยู่กับความละเอียดของจอภาพ (resolution) และความสามารถของการ์ด
แสดงผลจอภาพ (VGA Card)
เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ได้เลือกใช้สี ในการออกแบบเว็บไซต์ที่
สดใส สวยงาม เรียบง่าย และบริสุทธิ์มองแล้วให้ความรู้สึกสบายตา ตรงตามทฤษฎีสีที่
ใช้ในการออกแบบเว็บไซต์ คือ หลักการใช้สีในงานกราฟิก โดยเลือกใช้ระบบสีแบบ
RGB ที่สามารถดึงดูดความสนใจจากผู้ที่เข้ามาเยี่ยมชมเว็บไซต์ได้
เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการออกแบบเว็บไซต์โดยยึด
ส่วนประกอบของเว็บไซต์ ตรงตามทฤษฏีของ วิทยา เรืองพรวิสุทธิ์ (2539: 46-47)
ดังนี้
Header
Menu
Sidebar
Content
Footter
ตามที่ได้ทําการศึกษาการออกแบบและขั้นตอนการพัฒนาเว็บไซต์ จากทฤษฎี
ต่าง ๆ งานวิจัยที่เกี่ยวข้องของสมาชิกในกลุ่ม เพื่อทําการวิเคราะห์เว็บไซต์ของ
มหาวิทยาลัยโอ๊คแลนด์ ทําให้เราได้ทราบถึง วิธีการออกแบบเว็บไซต์ ขั้นตอนการ
พัฒนาเว็บไซต์ การเกิดสีและภาพบนจอคอมพิวเตอร์ ส่วนประกอบของเว็บไซต์ และ
ทฤษฎีสีที่ใช้ในการออกแบบเว็บไซต์ ว่ามีขั้นตอนและวิธีการอย่างไรบ้าง สามารถ
นํามาประยุกต์ใช้ในการเรียนรู้และใช้ในชีวิตประจําวันได้อย่างมีประสิทธิภาพ
END

Presentation