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

More Related Content

Featured

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

งานนำเสนอ1