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