Please enable JavaScript.

Coggle requires JavaScript to display documents.

องค์ประกอบของเว็บไซต์ที่ดี - Coggle Diagram

- - - - คอมพิวเตอร์รุ่นใหม่จะมีความละเอียดของหน้าจอสูงขึ้น รวมถึง “พฤติกรรม” ของผู้บริโภคที่“เปลี่ยนไป” ด้วยการบริโภคข่าวสารแบบ Real Time ทุกที่ทุกเวลาผ่านอุปกรณ์ทั้ง Tabletและ Smartphone จนกลายเป็น Multi-Screen Trend ดังนั้น เว็บไซต์ที่ดีต้องสามารถแสดงผลได้พอดีกับทุกหน้าขนาดของหน้าจอและอุปกรณ์หลากหลายประเภทด้วย
    - - Web Browserหรอืเรยี กงา่ ย ๆ ก็คอื โปรแกรมทใี่ ชใ้นการเปิดดเูว็บไซตต์ า่ ง ๆ ซงึ่ ปัจจบุ นั มีใหเ้ลอืกใชม้ ากมาย เชน่ Google Chrome, Mozilla Firefox, Internet Explorer, Safariเป็นต ้น โดยเว็บไซต์ต้องสามารถแสดงผลบนทุก Browser ได้อย่างถูกต้อง เพราะหากเข ้าไม่ได ้ในบาง Browser นั่นหมายถงึ คณุ อาจจะสญู เสยี Traffic จากผู้เข ้าเยี่ยมชมเว็บไซต์ที่เข ้ามาแล ้วไม่สามารถอ่านข ้อมูลบนเว็บไซต์ได ้
    - - ควรตงั้ชอื่ ใหก้ บัรูปภาพประกอบเว็บไซตท์ กุ ครงั้ (Alternative Text) เพราะหากไม่ตั้งชอื่ รูปภาพ Search Engine ก็จะไม่ทราบว่ารูปภาพนั้นเป็นรูปภาพอะไร ท าให ้ไม่สามารถเข ้ามาเก็บข ้อมูลได ้และสา หรับผพู้ กิ ารทางสายตาทใี่ ชโ้ปรแกรมอา่ นหนา้เว็บไซตด์ ว้ยแลว้ Alternative Text นี้
        จะถกู แปลงเป็นเสยีงอา่ นเพอื่ สอื่ สารใหผ้ ทู้ ตี่ าบอดรับรูไ้ดอ้ กี ด ้วย
    - - ควรใช้Font หรือตัวอักษรแบบมาตรฐาน เชน่ Arial, Verdana, Times New Roman,Tahoma เป็นตน้ และหลกีเลยี่ งการใช ้Font ตัวอักษรพิเศษ เพราะหากเครื่องคอมพิวเตอร์ของผู้เข ้าชมเว็บไซต์ไม่มี Font พิเศษติดตั้งไว ้ ก็จะท าให ้การแสดงผลผิดไปจากปกติหรืออ่านข ้อมูลไม่ได ้
    - - ระมัดระวงัเรอื่ งการเลอื กใชส้ตี วัอกั ษรและสพี นื้ หลงัทใี่ กลเ้คยี งกนั เกนิ ไป รวมถงึหลีกเลี่ยงการใชส้ เีพยี งอยา่ งเดยี วเพอื่ สอื่ ความหมายหรอื ไฮไลทข์ อ้ มูลส าคญั เพราะอาจท าให ้ เกดิปัญหาแกผ่ เู้ขา้ชมทตี่ าบอดสีโดยควรใชส้ ญั ลักษณ์ร่วมกับการใชส้ ีเชน่ เครอื่ งหมาย สา หรับชอ่ งทตี่ อ้ งกรอกขอ้มลู เป็นตน้
- - - - ระมัดระวังเรื่องขนาดของรูปภาพและไฟล์ (มีผลต่อความเร็ว) หากภาพหรือไฟล์บนเว็บไซต์นั้นมี ขนาดใหญ่ ก็จะท าใหเ้ว็บไซตข์ องคณุ แสดงผลไดช้ า้ลงการใสภ่ าพลงบนเว็บไซต์
        ควรจะเลือกวิธี “Save for Web” และบันทึกภาพให ้มีนามสกุล .JPG หรือ .GIF
    - - ในการใสไ่ ฟลจ์ าพวก Video และ Audio (ภาพและเสยีง) อยา่ ใหไ้ฟลเ์หลา่ นเี้ลน่ อตั โนมตั โิดย ทันทีแต่ให ้มีปุ่ ม “play” เพื่อให ้ผู้เข ้าชมเว็บไซต์สามารถเลือกเล่นไฟล์นั้นได ้ด ้วยตัวเอง
    - - ในกรณีทเี่ ลอื กใชบริการ ้ Web Hosting ควรเลือก Server หรือ Web Hosting ที่เร็วและมี Bandwidth มากพอ
        (Bandwidth คอื ความเร็วในการรับและสง่ ขอ้มลู บนอนิเตอรเ์น็ต)
    - - การใส่ Code Banner, Counter หรือ การเขียน Code มาใสบ่ นเว็บไซตน์ ัน้ ควรระวังเรื่องความเร็ว และเสถียรภาพของระบบของ Server ของผู้ให้บริการ code ที่คุณน ามาติดตั้งด้วย
        เชน่ หาก server ของ code ทนี่ ามาตดิ ลม่ หรอื โหลดชา้ จะท าใหเ้ว็บของคณุ เปิดไมไ่ ดห้ รอื โหลดชา้ ไปด ้วย เป็นต ้น
    - - การใช ้Flash Animation หรือ Code ภาพเคลอื่ นไหวตา่ งก็มผี ลท าใหใ้ชเ้วลาโหลดนานและอาจไม่ สามารถแสดงผลในอุปกรณ์บางประเภทจึงควรจะทดสอบความเร็วของการแสดงผลของสว่ นประกอบตา่ งๆ กอ่ น รวมถงึ previewตรวจสอบการแสดงผลของเว็บไซต์ก่อนเสมอ ก่อนที่จะโปรโมทเว็บไซต์ของคุณออกไป
- - - - วธิกี ารทดี่ งึดดู ดความสนใจทดี่ ีเชน่ การใสภ่ าพคนลงบนจดุ กงึ่ กลางของหนา้
        เว็บไซต์เพื่อน าสายตาผู้เข ้าชมไปที่ภาพนั้นๆ
    - - เมอื่ ใชภ้ าพคนเพอื่ ดงึดดู ใหผ้ ชู้ มเว็บหยดุ ทหี่ นา้เว็บไซตไ์ ดแ้ลว้ ก็ใหเขียนรายละเอียด ้เพื่อให้คนสนใจอ่านข้อมูลต่อไปทันทีดังนั้นหากกระบวนการแรก (Attention) ไม่สามารถท าให ้ผู้ชมเว็บหยุดเพื่อที่จะอ่านข ้อมูลได ้ ก็จะไม่สามารถก่อให ้เกิดกระบวนการที่สอง (Interest) ได ้เนอื่ งจากผเู้ขา้ชมจะไมส่ นใจทจี่ ะอา่ นขอ้ความธรรมดา หากไมม่ สี งิ่ ดงึดดู สายตากอ่ น
    - - เมื่อเกิด Interest แล ้ว ก็ต ้องกระตนุ้ ใหผ้ ูท้ กี่ าลงัอา่ นขอ้ มูลสนิคา้หรอืบรกิ ารบนหนา้เว็บไซตเ์กดิ รูส้ กึอยากซอื้ หรอื ใชบ้ รกิ าร โดยอาจจะแสดงรูปภาพที่โดดเด่นของสนิ คา้หรอื บรกิ ารเสรมิเขา้ไปได ้
    - - ต ้องให ้ผู้เข ้าเยี่ยมชมเว็บไซต์เกิดการกระท าบางอย่างบนเว็บไซต์ (Call to
        action) เชน่ สมัครสมาชกิ สง่ แบบสอบถามมาทหี่ นา้เว็บไซต์