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 จากผู้เข ้าเยี่ยมชม เว็บไซต์ที่เข ้ามาแล ้วไม่สามารถอ่านข ้อมูลบนเว็บไซต์ได
    - - ระมัดระวงัเรอื่ งการเลอื กใชส้ตี วัอกั ษรและสพี นื้ หลงัทใี่ กลเ้คยี งกนั เกนิ ไป รวมถงึหลีกเลี่ยง การใชส้ เีพยี งอยา่ งเดยี วเพอื่ สอื่ ความหมายหรอื ไฮไลทข์ อ้ มูลส าคญั เพราะอาจท าให ้ เกดิปัญหาแกผ่ เู้ขา้ชมทตี่ าบอดสีโดยควรใชส้ ญั ลักษณ์ร่วมกับการใชส้ ีเชน่ เครอื่ งหมาย * สา หรับชอ่ งทตี่ อ้ งกรอกขอ้มลู เป็นตน้
    - - ระมัดระวงัเรอื่ งการเลอื กใชส้ตี วัอกั ษรและสพี นื้ หลงัทใี่ กลเ้คยี งกนั เกนิ ไป รวมถงึหลีกเลี่ยง การใชส้ เีพยี งอยา่ งเดยี วเพอื่ สอื่ ความหมายหรอื ไฮไลทข์ อ้ มูลส าคญั เพราะอาจท าให ้ เกดิปัญหาแกผ่ เู้ขา้ชมทตี่ าบอดสีโดยควรใชส้ ญั ลักษณ์ร่วมกับการใชส้ ีเชน่ เครอื่ งหมาย * สา หรับชอ่ งทตี่ อ้ งกรอกขอ้มลู เป็นตน้
    - - ระมัดระวงัเรอื่ งการเลอื กใชส้ตี วัอกั ษรและสพี นื้ หลงัทใี่ กลเ้คยี งกนั เกนิ ไป รวมถงึหลีกเลี่ยง การใชส้ เีพยี งอยา่ งเดยี วเพอื่ สอื่ ความหมายหรอื ไฮไลทข์ อ้ มูลส าคญั เพราะอาจท าให ้ เกดิปัญหาแกผ่ เู้ขา้ชมทตี่ าบอดสีโดยควรใชส้ ญั ลักษณ์ร่วมกับการใชส้ ีเชน่ เครอื่ งหมาย * สา หรับชอ่ งทตี่ อ้ งกรอกขอ้มลู เป็นตน้
- - - - ในกรณีทเี่ ลอื กใชบริการ ้ Web Hosting ควรเลือก Server หรือ Web Hosting ที่เร็วและมี Bandwidth มากพอ (Bandwidth คอื ความเร็วในการรับและสง่ ขอ้มลู บนอนิเตอรเ์น็ต)
    - - การใช ้Flash Animation หรือ Code ภาพเคลอื่ นไหวตา่ งก็มผี ลท าใหใ้ชเ้วลาโหลดนานและอาจไม่ สามารถแสดงผลในอุปกรณ์บางประเภท จึงควรจะทดสอบความเร็วของการแสดงผลของสว่ นประกอบตา่ งๆ กอ่ น รวมถงึ preview ตรวจสอบการแสดงผลของเว็บไซต์ก่อนเสมอ ก่อนที่จะโปรโมทเว็บไซต์ของคุณออกไป
    - - การใส่ Code Banner, Counter หรือ การเขียน Code มาใสบ่ นเว็บไซตน์ ัน้ ควรระวังเรื่องความเร็ว และเสถียรภาพของระบบของ Server ของผู้ให้บริการ code ที่คุณน ามาติดตั้งด้วย เชน่ หาก server ของ code ทนี่ ามาตดิ ลม่ หรอื โหลดชา้ จะท าใหเ้ว็บของคณุ เปิดไมไ่ ดห้ รอื โหลดชา้ ไปด ้วย เป็นต ้น
    - - ในการใสไ่ ฟลจ์ าพวก Video และ Audio (ภาพและเสยีง) อยา่ ใหไ้ฟลเ์หลา่ นเี้ลน่ อตั โนมตั โิดย ทันทีแต่ให ้มีปุ่ ม “play” เพื่อให ้ผู้เข ้าชมเว็บไซต์สามารถเลือกเล่นไฟล์นั้นได ้ด ้วยตัวเอง
    - - ระมัดระวังเรื่องขนาดของรูปภาพและไฟล์ (มีผลต่อความเร็ว) หากภาพหรือไฟล์บนเว็บไซต์นั้นมี ขนาดใหญ่ ก็จะท าใหเ้ว็บไซตข์ องคณุ แสดงผลไดช้ า้ลงการใสภ่ าพลงบนเว็บไซต์ ควรจะเลือกวิธี “Save for Web” และบันทึกภาพให ้มีนามสกุล .JPG หรือ .GIF
- - - - ต ้องให ้ผู้เข ้าเยี่ยมชมเว็บไซต์เกิดการกระท าบางอย่างบนเว็บไซต์ (Call to
        action) เชน่ สมัครสมาชกิ สง่ แบบสอบถามมาทหี่ นา้เว็บไซต์
    - - เมื่อเกิด Interest แล ้ว ก็ต ้องกระตนุ้ ใหผ้ ูท้ กี่ าลงัอา่ นขอ้ มูลสนิคา้หรอืบรกิ ารบน หนา้เว็บไซตเ์กดิ รูส้ กึอยากซอื้ หรอื ใชบ้ รกิ าร โดยอาจจะแสดงรูปภาพที่โดดเด่น ของสนิ คา้หรอื บรกิ ารเสรมิเขา้ไปได
    - - วธิกี ารทดี่ งึดดู ดความสนใจทดี่ ีเชน่ การใสภ่ าพคนลงบนจดุ กงึ่ กลางของหนา้
        เว็บไซต์เพื่อน าสายตาผู้เข ้าชมไปที่ภาพนั้นๆ
    - - เมอื่ ใชภ้ าพคนเพอื่ ดงึดดู ใหผ้ ชู้ มเว็บหยดุ ทหี่ นา้เว็บไซตไ์ ดแ้ลว้ ก็ใหเขียนรายละเอียด ้ เพื่อให้คนสนใจอ่านข้อมูลต่อไปทันทีดังนั้นหากกระบวนการแรก (Attention) ไม่ สามารถท าให ้ผู้ชมเว็บหยุดเพื่อที่จะอ่านข ้อมูลได ้ ก็จะไม่สามารถก่อให ้เกิดกระบวนการ ที่สอง (Interest) ได ้เนอื่ งจากผเู้ขา้ชมจะไมส่ นใจทจี่ ะอา่ นขอ้ความธรรมดา หากไมม่ สี งิ่ ดงึดดู สายตากอ่ น