การจัดองค์ประกอบศิลป์
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์เป็นแนวทางในการออกแบบหน้าเว็บไซต์ให้สวยงาม อ่านง่าย และใช้งานสะดวก โดยมุ่งเน้นการจัดองค์ประกอบศิลป์ ประกอบด้วย
โครงสร้างที่ชัดเจน
ผู้ออกแบบเว็บไซต์ควรจัดโครงสร้างหรือจัดระเบียบของข้อมูลที่ชัดเจน แยกย่อยเนื้อหาออกเป็นส่วนต่าง ๆ ที่สัมพันธ์กันและให้อยู่ในมาตรฐานเดียวกัน จะช่วยให้น่าใช้งานและง่ายต่อการอ่านเนื้อหาของผู้ใช้
การใช้งานที่ง่าย
ลักษณะของเว็บไซต์ที่มีการใช้งานง่ายช่วยให้ผู้ใช้รู้สึกสบายใจต่อการอ่านและสามารถทำความเข้าใจกับเนื้อหาได้อย่างเต็มที่ โดยไม่ต้องมาเสียเวลาอยู่กับการทำความเข้าใจการใช้งานที่สับสน ผู้ออกแบบจึงควรกำหนดปุ่มการใช้งานที่ชัดเจน เหมาะสม โดยเฉพาะปุ่มควบคุมเส้นทางการเข้าสู่เนื้อหา (Navigation) ไม่ว่าจะเป็นเดินหน้า ถอยหลัง หากเป็นเว็บเพจจำนวนมาก ควรจัดทำแผนผังของเว็บไซต์ (Site Map) ที่ช่วยให้ผู้ใช้ทราบว่าตอนนี้อยู่ ณ จุดใด หรือเครื่องมือสืบค้น (Search Engine) ที่ช่วยในการค้นหาหน้าที่ต้องการ
การเชื่อมโยงที่ดี
ลักษณะไฮเปอร์เท็กซ์ที่ใช้ในการเชื่อมโยง ควรอยู่ในรูปแบบที่เป็นมาตรฐานทั่วไปและต้องระวังเรื่องของตำแหน่งในการเชื่อมโยง การที่จำนวนการเชื่อมโยงมากและกระจายอยู่ทั่วไปในหน้าอาจก่อให้เกิดความสับสน คำที่ใช้สำหรับการเชื่อมโยงจะต้องเข้าใจง่าย มีความชัดเจนและไม่สั้นจนเกินไป นอกจากนี้ในแต่ละเว็บเพจควรมีจุดเชื่อมโยงกลับมายังหน้าแรกของเว็บไซต์ด้วย กรณีผู้ใช้เกิดหลงทางจะได้มีหนทางกลับมาสู่จุดเริ่มต้นใหม่ ระวังอย่าให้มีหน้าที่ไม่มีการเชื่อมโยง (Orphan Page) เพราะจะทำให้ผู้ใช้ไม่รู้จะทำอย่างไรต่อไป
ความเหมาะสมในหน้าจอ
เนื้อหาที่นำเสนอในแต่ละหน้าจอควรสั้น กระชับ และทันสมัย หลีกเลี่ยงการใช้หน้าจอที่มีลักษณะการเลื่อนขึ้นลง (Scrolling) แต่ถ้าจำเป็นต้องมี ควรให้ข้อมูลที่มีความสำคัญอยู่บริเวณด้านบนสุดของหน้าจอ หลีกเลี่ยงการใช้กราฟิกด้านบนของหน้าจอ ถึงแม้จะดูสวยงาม เพราะจะทำให้ผู้ใช้เสียเวลาในการได้รับข้อมูลที่ต้องการ หากต้องมีการใช้ภาพประกอบ ควรใช้เฉพาะที่มีความสัมพันธ์กับเนื้อหาเท่านั้น การใช้รูปภาพเพื่อเป็นพื้นหลัง (Background) ไม่ควรเน้นสีสันที่ฉูดฉาดมากนัก ควรใช้ภาพที่มีสีอ่อน ๆ ไม่สว่างจนเกินไป รวมไปถึงการใช้เทคนิคต่าง ๆ เช่น ภาพเคลื่อนไหว หรือตัวอักษรวิ่ง (Marquee) ซึ่งจะเกิดการรบกวนการอ่าน ควรใช้เฉพาะที่จำเป็นจริง ๆ เท่านั้น ตัวอักษรที่นำมาแสดงบนจอควรเลือกขนาดที่อ่านง่าย ไม่มีสีสันและลวดลายมากเกินไป
ความรวดเร็ว
เป็นสิ่งสำคัญประการหนึ่งที่ส่งผลต่อการเรียนรู้ ผู้ใช้จะเกิดอาการเบื่อและหมดความสนใจกับเว็บไซต์ที่ใช้เวลาในการแสดงผลนาน สาเหตุสำคัญที่จะทำให้การแสดงผลนานคือการใช้ภาพกราฟิกหรือภาพเคลื่อนไหว ถึงแม้ว่าจะช่วยดึงดูดความสนใจได้ดี แต่ในการออกแบบควรหลีกเลี่ยงการใช้ภาพขนาดใหญ่ หรือภาพเคลื่อนไหวที่ไม่จำเป็น และพยายามใช้กราฟิกแทนตัวอักษรธรรมดาให้น้อยที่สุด โดยไม่ควรใช้มากเกินกว่า 2-3 บรรทัดในแต่ละหน้าจอ
สถานการณ์ปัญหา
เป็นการนำเสนอเรื่องราวปัญหาในสภาพจริง ที่ผู้เรียนจะต้องเผชิญเพื่อกระตุ้นให้เกิดความสงสัย พร้อมภารกิจการเรียนรู้
แหล่งการเรียนรู้
เป็นที่สำหรับการค้นหาสารสนเทศที่เกี่ยวข้อง เพื่อใช้ในการสร้างความรู้และการทำภารกิจการเรียนรู้
เครื่องมือทางปัญญา
เป็นที่รวบรวมเครื่องมือที่ใช้สนับสนุนในการสร้างความรู้ เช่น เครื่องมือค้นหา รวบรวม หรือติดต่อสื่อสาร เป็นต้น
แลกเปลี่ยนเรียนรู้
เป็นที่สำหรับแลกเปลี่ยนความรู้หรือความคิดเห็น กับเพื่อน ครู อาจารย์ หรือผู้เชี่ยวชาญ เพื่อให้เกิดมุมมองที่หลากหลาย
ศูนย์ส่งเสริมการคิดสร้างสรรค์
ผู้เรียนจะพบกับองค์ประกอบหลักของการคิดสร้างสรรค์ทั้ง 4 องค์ประกอบ ซึ่งเมื่อนำเมาส์ไปชี้ในแต่ละไอคอน จะแสดงรายละเอียดของแต่ละองค์ประกอบขึ้นมา
ฐานการช่วยเหลือ
ใช้สำหรับสร้างความรู้ เมื่อผู้เรียนไม่สามารถปฏิบัติภารกิจได้ หรืออยากเรียนรู้เพิ่มเติม
ศูนย์ผู้เชี่ยวชาญ
เป็นที่สำหรับโค้ชให้คำแนะนำผู้เรียนในการสร้างความรู้และการคิดสร้างสรรค์
