Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
การวิเคราะห์เว็บไซต์
University of Wisconsin-Madison United States
สมาชิกในกลุ่ม
นายธีรวัฒน์ นามปะเส 533410080539
นางสาวนิภาวรรณ แสนหอม 533410080512
นางสาวอมร บรรจง 533410080532
นางสาวอุมาภ...
เว็บไซต์ที่เลือก
http://vip.wisc.edu/
เหตุผลที่เลือกเว็บไซต์
มหาวิทยาลัยวิสคอนซินแมดิสัน มีการออกแบบเว็บไซต์ที่ตรงตามองค์ประกอบหลัก
ของการออกแบบเว็บไซต์ทางการศึ...
วิเคราะห์เว็บไซต์
วัตถุประสงค์ของเว็บไซต์
ส่าหรับมหาวิทยาลัยวิสคอนซินแมดิสันถูกออกแบบมาเพื่อสะท้อนให้เห็นถึงภารกิจ
หลักของ...
วิเคราะห์เว็บไซต์
เนื้อหาใน website
เว็บไซต์ที่น่าเสนอข้อมูล
เกี่ยวกับมหาวิทยาลัย เสนอข้อมูล
เกี่ยวกับหลักสูตรการเรียนการส...
วิเคราะห์เว็บไซต์
จุดเด่น
อยู่ที่การวางต่าแหน่งของหน้าเว็บไซต์ ที่มีความเหมาะสม สวยงาม
เหมาะกับการใช้งาน
ข้อจากัด
องค์ประก...
สีโทนร้อน (Warm Colors) เป็นกลุ่มสีที่แสดงถึงความสุขความปลอบโยน
ความอบอุ่น และดึงดูดใจสีกลุ่มนี้เป็นกลุ่มสีที่ช่วยให้หายจา...
วิเคราะห์เว็บไซต์
ส่วนประกอบของหน้าเว็บไซต์ที่ดี
- Logo
- Navigation
- Content
- Footer
- Whitespace
Logo Navigation
Content
Footer
Whitespace
คือการออกแบบเว็บไซต์ให้รองรับ
ขนาดหน้าจอส่าหรับอุปกรณ์ทุกชนิด ตั้งแต่
คอมพิวเตอร์ที่มีขนาดจอหลากหลาย ไป
จนถึง Tablet ซึ่งม...
วิเคราะห์เว็บไซต์
Logo
เป็นสัญลักษณ์ที่แสดงถึงตัวตน
ของเรา ท่าให้ผู้ใช้งานจดจ่าเราได้ ด้วยเหตุ
นี้เองท่าให้การออกแบบเว็บไซ...
วิเคราะห์เว็บไซต์
Navigation
เป็นส่วนที่จะน่าผู้เข้าชมเว็บไซต์ลิ้งค์
ไปยังส่วนต่างของเว็บไซต์ โดยสามารถท่าให้
อยู่ในแนวนอน...
วิเคราะห์เว็บไซต์
Content
ส่วนเนื้อหาของเว็บไซต์ เป็นส่วนที่ส่าคัญ
มากที่สุด หากผู้ใช้งานไม่สามารถเข้าถึงได้โดยง่าย
ผู้ใช้...
วิเคราะห์เว็บไซต์
Footer
คือส่วนล่างสุดของหน้าเว็บไซต์ ส่วนใหญ่จะเก็บลิงก์ต่างๆเอาไว้ หรือเป็นเนื้อหาที่
เกี่ยวกับเว็บไซต์...
วิเคราะห์เว็บไซต์
Whitespace
พื้นที่ว่างในเว็บไซต์ คนส่วนใหญ่มักไม่เห็น
ความส่าคัญของการเว้นพื้นที่ว่างไว้ในเว็บไซต์ หากเร...
จบการนาเสนอ
Upcoming SlideShare
Loading in …5
×

งานนำเสนอ1

618 views

Published on

  • Be the first to comment

  • Be the first to like this

งานนำเสนอ1

  1. 1. การวิเคราะห์เว็บไซต์ University of Wisconsin-Madison United States
  2. 2. สมาชิกในกลุ่ม นายธีรวัฒน์ นามปะเส 533410080539 นางสาวนิภาวรรณ แสนหอม 533410080512 นางสาวอมร บรรจง 533410080532 นางสาวอุมาภรณ์ กงตะใน 533410080533 สาขาวิชาคอมพิวเตอร์ศึกษา ชั้นปีที่ 4 หมู่ 5
  3. 3. เว็บไซต์ที่เลือก
  4. 4. http://vip.wisc.edu/
  5. 5. เหตุผลที่เลือกเว็บไซต์ มหาวิทยาลัยวิสคอนซินแมดิสัน มีการออกแบบเว็บไซต์ที่ตรงตามองค์ประกอบหลัก ของการออกแบบเว็บไซต์ทางการศึกษา อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) คือ 1. ความเรียบง่าย 6. มีลักษณะที่น่าสนใจ 2. ความสม่่าเสมอ 7. การเข้าใช้งานได้ไม่จ่ากัด 3. ความเป็นเอกลักษณ์ 8. มีคุณภาพในการออกแบบ 4. เนื้อหาที่มีประโยชน์ 9. ระบบใช้งานได้ถูกต้อง 5. ระบบน่าทางที่ใช้งานง่าย
  6. 6. วิเคราะห์เว็บไซต์ วัตถุประสงค์ของเว็บไซต์ ส่าหรับมหาวิทยาลัยวิสคอนซินแมดิสันถูกออกแบบมาเพื่อสะท้อนให้เห็นถึงภารกิจ หลักของมหาวิทยาลัยการเรียนการสอนการวิจัยและการบริการสาธารณะและเพื่อเป็นแนว ทางการหาความรู้ให้ชุมชนทั้งภายนอกและภายใน อย่างเป็นทางการของมหาวิทยาลัย กลุ่มเป้าหมาย กลุ่มเป้าหมายหลัก: นักศึกษาปัจจุบัน อาจารย์และบุคลากรในมหาวิทยาลัย กลุ่มเป้าหมายรอง: ศิษย์เก่า ผู้ปกครอง ชุมชน รวมทั้งประชาชนบุคคลทั่วไปที่มีความสนใจ
  7. 7. วิเคราะห์เว็บไซต์ เนื้อหาใน website เว็บไซต์ที่น่าเสนอข้อมูล เกี่ยวกับมหาวิทยาลัย เสนอข้อมูล เกี่ยวกับหลักสูตรการเรียนการสอน งานวิจัย และหน่วยงานต่างๆที่เกี่ยวข้อง มีการน่าเสนอส่วนที่เกี่ยวข้อกับนักศึกษา บุคลากร ข่าวสารใหม่ใหม่ภายใน มหาวิทยาลัย
  8. 8. วิเคราะห์เว็บไซต์ จุดเด่น อยู่ที่การวางต่าแหน่งของหน้าเว็บไซต์ ที่มีความเหมาะสม สวยงาม เหมาะกับการใช้งาน ข้อจากัด องค์ประกอบทั่วไปยังไม่ครบถ้วนสมบูรณ์ ( Counter )
  9. 9. สีโทนร้อน (Warm Colors) เป็นกลุ่มสีที่แสดงถึงความสุขความปลอบโยน ความอบอุ่น และดึงดูดใจสีกลุ่มนี้เป็นกลุ่มสีที่ช่วยให้หายจากความเฉื่อยชา มีชีวิตชีวามากยิ่งขึ้น สีแดง ให้ความรู้สึกเร่าร้อน รุนแรง อันตราย ตื่นเต้น ทฤษฎีสีในการออกแบบ
  10. 10. วิเคราะห์เว็บไซต์ ส่วนประกอบของหน้าเว็บไซต์ที่ดี - Logo - Navigation - Content - Footer - Whitespace
  11. 11. Logo Navigation Content Footer Whitespace
  12. 12. คือการออกแบบเว็บไซต์ให้รองรับ ขนาดหน้าจอส่าหรับอุปกรณ์ทุกชนิด ตั้งแต่ คอมพิวเตอร์ที่มีขนาดจอหลากหลาย ไป จนถึง Tablet ซึ่งมีมาตรฐานของขนาด หน้าจอที่แตกต่างกัน และโทรศัพท์มือถือ Smart Phone ต่างๆ Responsive Web Design
  13. 13. วิเคราะห์เว็บไซต์ Logo เป็นสัญลักษณ์ที่แสดงถึงตัวตน ของเรา ท่าให้ผู้ใช้งานจดจ่าเราได้ ด้วยเหตุ นี้เองท่าให้การออกแบบเว็บไซต์นั้น จ่าเป็นต้องมี โลโก้ ของเว็บไซต์ ส่วน ต่าแหน่งที่ควรจะวาง โลโก้ไว้คือ ต่าแหน่ง ที่อยู่ด้านบนของเว็บไซต์ทั้งหมด เพื่อให้ ผู้ใช้งานจ่าได้ และสะดุดตา Logo
  14. 14. วิเคราะห์เว็บไซต์ Navigation เป็นส่วนที่จะน่าผู้เข้าชมเว็บไซต์ลิ้งค์ ไปยังส่วนต่างของเว็บไซต์ โดยสามารถท่าให้ อยู่ในแนวนอน หรือแนวตั้งก็ได้ เราจะท่าทั้ง แนวตั้งและแนวนอน ถ้าสังเกตดูจะพบว่าการวางต่าแหน่งต้องพยายามให้อยู่ในส่วน ด้านบนของเว็บไซต์ หรือจะพูดอีกอย่างคือส่วนที่เมื่อผู้ใช้เปิดมาก็ต้องเจอได้ทันที ไม่ควร วางไว้ในต่าแหน่งที่ผู้ใช้จะต้องเลื่อนขึ้นลง ซ้ายขวา ส่วน Navigation
  15. 15. วิเคราะห์เว็บไซต์ Content ส่วนเนื้อหาของเว็บไซต์ เป็นส่วนที่ส่าคัญ มากที่สุด หากผู้ใช้งานไม่สามารถเข้าถึงได้โดยง่าย ผู้ใช้งานจะเปลี่ยนไปชมเว็บใหม่ทันที ต่าแหน่งที่ ควรวางเนื้อหาไว้คือสีแดงหรือต่าแหน่งอื่นๆที่คิด ว่าจะท่าให้ผู้หาเจอได้โดยไม่ล่าบาก หากสังเกตดู จะพบว่าเว็บไซต์บางเว็บไซต์มีโฆษณาที่มาก จนเกินไป ท่าให้ผู้ใช้งานหาเนื้อหาไม่เจอ นั่นถือ เป็นการออกแบบที่ผิดพลาด ของเนื้อหา
  16. 16. วิเคราะห์เว็บไซต์ Footer คือส่วนล่างสุดของหน้าเว็บไซต์ ส่วนใหญ่จะเก็บลิงก์ต่างๆเอาไว้ หรือเป็นเนื้อหาที่ เกี่ยวกับเว็บไซต์เช่นลิขสิทธิ์ต่างๆ footer จะเป็นตัวบอกผู้ชมว่าส่วนนี้คือล่างสุดของหน้าที่ ก่าลังแสดงอยู่แล้ว ไม่มีเนื้อหาเพิ่มเติมแล้ว footer ยังมีผลต่อภาพลักษณ์ของเว็บไซต์ โดยตรง เราจะสังเกตได้ว่าเมื่อเข้าไปดูเว็บไซต์ที่ไม่มี footer จะรู้สึกเหมือนกับว่าเว็บไซต์ นั้นยังท่าไม่เสร็จ หรือขาดอะไรบางอย่าง ส่วนท้ายของเว็บไซต์
  17. 17. วิเคราะห์เว็บไซต์ Whitespace พื้นที่ว่างในเว็บไซต์ คนส่วนใหญ่มักไม่เห็น ความส่าคัญของการเว้นพื้นที่ว่างไว้ในเว็บไซต์ หากเรา ออกแบบโดยไม่ได้ค่านึงว่าต้องมีพื้นที่ว่างอยู่ในเว็บไซต์ จะ ท่าให้เว็บของเรานั้นดูอึดอัดทันที การเว้นช่องว่างเอาไว้ ไม่ ว่าจะเป็นระยะห่างระหว่างตัวอักษร หรือช่องว่างระหว่าง ภาพ เนื้อหาต่างๆ นอกจากจะท่าให้เว็บของเราดูสบายตา ขึ้นแล้ว ยังท่าให้เราสามารถก่าหนดจุดที่จะให้ผู้ใช้งานเว็บ รู้สึกสนใจในจุดนั้นได้อีกด้วย พื้นที่ว่างในเว็บไซต์
  18. 18. จบการนาเสนอ

×