กลุ่ม3

1.นางสาวพชัราภรณ ์สอนอ่่า รหัส533410080318

2.นางสาวเสาวลักษณ ์แก้วเกต รหัส533410080331

3.นายนิรันดร์ กิริยาดี รหัส533410080338

4.นายพัฒพล วรรณสัมผัส รหัส533410080339

สาขาคอมพิวเตอร์ศึกษา

คณะ ครุศาสตร์

ภาพรวม ของเว็บไซต ์

http://www.tue.nl/en/

ส่วนหัว

1.Logo ซึ่งเป็นส่วนส าคัญที่จะท าให้ผู้เข้าชมทราบถึงเอกลักษณ์ และความน่าเช่ือถือของมหาวิทยาลัย

2.Navigation เป็นส่วนที่จะน าผู้เข้าชมเว็บไซต์ไปยังส่วนต่างของเว็บไซต์

ส่วนเนื้อหา

3. Content เป็นเว็บไซต์ที่มีเนื้อหาเก่ียวกับการศึกษา ซึ่งจะท าให้ผู้ที่ต้องการค้นคว้าเข้าถึงเนื้อหาได้เร็วขึ้น

ส่วนท้าย

4. Whitespace มีพื้นที่ว่างในเว็บไซต์ ท าให้ได้พักสายตา

5. Footer คือส่วนล่างสุดของหน้าเว็บไซต์ ส่วนใหญ่จะเก็บลิงกต์่างๆเอาไว้ หรือเป็นเนื้อหาที่เก่ียวกับเว็บไซต์เช่นลิขสิทธิ์ต่างๆ

1. มีข้อความทักทายต้อนรับ เพื่อให้ผู้เข้าชมรู้สึกว่าเป็นเว็บไซต์ใส่ใจแม้ในรายละเอียดเล็กน้อย

2. มีกล่องส่าหรับใส่ชื่อผู้เรยีนและรหสัผา่น เพื่อจะได้พิสูจน์ตัวตน

https://w3.tue.nl/en/login/

3. แสดงรายวิชาต่างๆ เพื่อให้ผู้ใช้สามารถเลือกเรียนรู้ได้ตามต้องการ

http://w3.tue.nl/en/navigate/ portals/student/

4.มีภาพกราฟิก เพื่อช่วยดึงดูดความสนใจแก่ผู้เยี่ยมชม

1.รูปแบบตัวอักษรและขนาด เลือกรูปแบบของตัวอักษรได้อย่างเหมาะสม เหมาะกับงานที่เป็นทางการ ขนาดของตัวอักษรพอเหมาะ ซึ่งเหมาะกับกลุ่มนักศึกษา

2.การก่าหนดระยะห่างและพืน้ที่ว่าง ระยะห่างระหว่างตัวอักษรมีขนาดพอเหมาะ ไม่แออัดจนเกินไป มีที่ว่างส าหรับพักสายตา

3.การก่าหนดโครงสี สีบนตัวภาพ พื้นภาพ และบนตัวอักษรมีความโดดเด่นชัดเจน

4.การจัดวางต่าแหน่ง มีการวางโลโก้ไว้มุมบนซ้ายซึ่งเป็นจุดสนใจมากที่สุด มีการเน้นภาพกราฟิกไว้ในที่สะดุดตาคนมองเห็นง่าย มีการจัดวางเนื้อหาไว้ใกล้ภาพทีมีเนื้อหาสัมพันธ์กัน

ทฤษฏีการก่าหนดรูปภาพประกอบ

เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ จาตุพล ค ารงค์ ที่กล่าวว่า การวางต าแหน่งภาพที่ดีจะท าให้ชวนมอง การสร้างจุดสนใจของภาพ วิธีที่ง่ายที่สุดคือวางไว้ตรงกลางภาพ หรือที่เรียกว่าบริเวณจุดศูนย์กลางความสนใจการมอง

ทฤษฎีการเน้นจุดสนใจ

เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ Herman F Brandt ซึ่งท่านได้ศึกษาทดลองของต าแหน่งที่เด่นที่สุดในการจัดวางโลโก้ จากการมองในกรอบสี่เหลี่ยมของจอคอมพิวเตอร์หรือกระดาษ

41% มีความสนใจมากที่สุด 20% สนใจอันดับ 3

25% สนใจอันดับ 2 14% สนใจอันดับ 4

ทฤษฎีเกี่ยวกับตัวอักษร

เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ ทิพย์สุดา ปทุมานนท์ได้บอกทฤษฏีเกี่ยวกับตัวอักษรไว้ดังนี้

1.ขนาดของตัวอักษร จะต้องสัมพันธ์กับอายุของผู้ใช้ ซึ่งได้ก าหนดได้อย่างถูกต้อง ซึ่งนักศึกษาอยู่ในวัยผู้ใหญ่ปกต ิ

อายุ ขนาดอักษรโรมัน/point อักษรไทย/point

5-7 ปี 18 24-30

7-10 ปี 12-14 18-30

10-12 ปี 16-18 16-18

12 ปีข้ึนไป 11-12 16-18

ผู้ใหญ่ปกต ิ 10-12 14-16

คนสูงอายุ 11-12 16-18

2. รูปแบบตัวอักษร จะต้องเลือกใช้ Font ได้ตรงตามชนิดของเว็บไซต์ ซึ่งมหาวิทยาลัยได้ใช้ Font แบบ Serif ซึ่งเป็นระเบียบ เป็นทางการ เหมาะที่จะใช้ในงานที่เป็นทางการ และต้องการความน่าเช่ือถือมากๆ

ทฤษฎีการใช้ส ี เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ มาโนชน ์กงกะนันทน์

กล่าวว่า สีพื้นหลังควรเป็นสีที่สว่าง ดูเย็นตาสบายตา ส่วนตัวอักษรจะต้องเป็นสีที่ทึบ สีพื้นและตัวอักษรควรเป็นสีที่ตัดกัน ขัดแย้งกันมากที่สุด เพราะจะท าให้ตัวอักษรเด่นชัดขึ้น

1.สีของพื้นหลัง มหาวิทยาลัยได้ใช้สีขาวเป็นพื้นหลังจึงท าให้ดูสบายตา 2.สีตัวอักษร มหาวิทยาลัยได้ใช้สีด า ซึ่งท าให้ตัวหนังสือดูเด่นชัด อีกทั้งตัด

กันกับสีพื้น