Please enable JavaScript.
Coggle requires JavaScript to display documents.
องค์ประกอบของเว็บไซต์ที่ดี - Coggle Diagram
องค์ประกอบของเว็บไซต์ที่ดี
Accessibility : ความสามารถในการเข้าถึงข้อมูล
ขนาดของหน้าจอ
คอมพิวเตอร์รุ่นใหม่จะมีความละเอียดของหน้าจอสูงขึ้น รวมถึง “พฤติกรรม” ของผู้บริโภคที่ “เปลี่ยนไป” ด ้วยการบริโภคข่าวสารแบบ Real Time ทุกที่ทุกเวลาผ่านอุปกรณ์ทั้ง Tablet และ Smartphone จนกลายเป็น Multi-Screen Trend
Font ตัวอักษร
ควรใช้Font หรือตัวอักษรแบบมาตรฐาน เช่น Arial, Verdana, Times New Roman, Tahoma เป็นต้น และหลีกเลี่ยงการใช ้Font ตัวอักษรพิเศษ เพราะหากเครื่องคอมพิวเตอร์ ของผู้เข้าชมเว็บไซต์ไม่มี Font พิเศษติดตั้งไว ้ ก็จะทำให้การแสดงผลผิดไปจากปกติหรืออ่านข้อมูลไม่ได ้
การ Tag รูปภาพ
ควรตั้งชื่อให้กับรูปภาพประกอบเว็บไซตทุกครั้ง (Alternative Text) เพราะหากไม่ตั้งชื่อรูปภาพ Search Engine ก็จะไม่ทราบว่ารูปภาพนั้นเป็นรูปภาพอะไร ทำาให้ไม่สามารถเข้า มาเก็บข้อมูลได ้
Web Browser
Web Browser หรอืเรียกง่าย ๆ ก็คือ โปรแกรมที่ใช้ในการเปิดดูเว็บไซต
ต่าง ๆ ซึ่งปัจจุบันมีให้เลือกใช้มากมาย เช่น Google Chrome, Mozilla Firefox, Internet Explorer, Safari เป็นต้น โดยเว็บไซต์ต้องสามารถแสดงผลบนทุก Browser ได้อย่างถูกต้อง เพราะ หากเข้าไม่ได้ในบาง Browser นั่นหมายถึงค อาจจะสญูเสีย Traffic จากผู้เข้าเยี่ยมชม เว็บไซต์ที่เข้ามาแล้วไม่สามารถอ่านข้อมูลบนเว็บไซต์ได ้
การใชส้
ระมัดระวังเรื่องการเลือกใช้ตัวอักษรและสีพื้นหลังใกล้เคียง
กัน เกินไป รวมถึงหลีกเลี่ยงการใช้สีเพียงอย่างเดียวเพื่อสือความหมายหรือ ไฮไลทข้อมูลสำคญั
Speed ความเร็วในการแสดงผลข้อมูลบนเว็บไซต์
เลอืกใชภ้ าพขนาดไมใ่ หญ่
ควรจะเลือกวิธี “Save for Web” และบันทึกภาพให้มีนามสกุล .JPG หรือ .GIF
ตั้งค่าไม่ให้ Video เล่นอัตโนมัติ
ในการใส่ไฟลจ์าพวก Video และ Audio (ภาพและเสียง) อย่าให้ไฟล
เหล่านี้เล่นอัตโนมัตโดย
ทันทีแต่ให้มีปุ่ม “play” เพื่อให้ผู้เข้าชมเว็บไซต์สามารถเลือกเล่นไฟล์นั้นได้ด้วยตัวเอง
ใชบ้ รกิ าร Web Hosting ที่เร็ว
ในกรณีทเี่ลือกใช้บริการ Web Hosting ควรเลือก Server หรือ Web Hosting ที่เร็วและมีBandwidth มากพอ
ระวงัการใช้Code ตกแต่งจากเว็บไซต์อื่น
การใส่ Code Banner, Counter หรือ การเขียน Code มาใสบ่นเว็บไซต นัน ควรระวังเรื่องความเร็ว
และเสถียรภาพของระบบของ Server ของผู้ให้บริการ code ที่คุณนามาติดตั้งด้วย
ตรวจสอบการแสดงผลภาพเคลื่อนไหวแบบ Flash
การใช ้Flash Animation หรือ Code ภาพเคลื่อนไหวต่างก็มีผลทำให้ใช้เวลาโหลดนานและอาจไม่
สามารถแสดงผลในอุปกรณ์บางประเภท
Attractiveness เว็บไซต์ต้องน่าสนใจ ดึงดูดสายตา
"Attention" ท าให้ผู้ชมเว็บหยุดเพื่อที่จะอ่านข้อมูล
"Interest" อธิบายเพื่อ สร้างความสนใจในตัวสินค้าหรือบริการ
"Desire" ทำให้เกิดความรู้สึกอยากซื้อ หรือใช้บริการ
"Action" ปิดการขาย หรื่อทำให้ตัดสินใจชื้อ
Simplicity ความง่ายในการใชง้าน
• แสดง "เมนู" และ "ปุ่ม" สำหรับคลิก ในส่วนต่าง ๆ ของเว็บไซตอ์อย่างชัด เจน และหลีกเลี่ยงการ
ออกแบบโครงสรา้งเว็บไซตท์ซับ ซ้อน เข้าใจยาก
จัดทำหน้า Sitemap หรือ แผนผังเว็บไซต์สำหรับผุ้ใช้เพื่อ เป็นแผน
ใช้แบบฟอรม์ สาหรับติดต่อหรื่อการสั้งชื้อ
จัดกลุ่มข้อมูลต่างๆ ในรูปแบบ "Breadcrumb Navigation"
ควรสร้าง Link ไปหน้า Homepage จากทุกหน้า
Credibility ความน่า เชื่อถือของเว็บไซต์
ดีไซน์การออกแบบเว็บไซต์ดไีซนการออกแบบเว็บไซต์ควรดน่าเชื่อถือช เป็นอาชืพ (Professional Look) มีเนื้อหาอย่างครบถ้วน มีรูปภาพสินค้าคหรือบริการประกอบเนื้อหาอย่างชัด เจน และจัดขอ้มลู อย่างเป็นหมวดหมเูพื่อ ความสะดวกในการเข้าชม