Please enable JavaScript.

Coggle requires JavaScript to display documents.

5 องค์ประกอบของเว็บไซต์ที่ดี : - 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 ก็จะไม่ทราบว่ารูปภาพนั้นเป็นรูปภาพอะไร ท าให ้ไม่สามารถเข้ามาเก็บข้อมูล
    - - ควรใช้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) เช่น สมัครสมาชิก ส่งแบบสอบถามมาที่หน้าเว็บไซต์
- - - - สำหรับคลิกในส่วนต่าง ๆ ของเว็บไซต์อย่างชัดเจน และหลีกเลี่ยงการออกแบบโครงสร้างเว็บไซต์ที่ซับซ้อน เข้าใจยาก
    - - สำหรับผู้ใช้ เพื่อเป็นแผนที่บอกเส้นทาง พาผู้เข้าเยี่ยมชมไปยังหน้าเว็บไซต์ที่ต้องการได้
    - - เพื่อให้ง่ายต่อเจ้าของเว็บไซต์ ที่จะติดต่อกลับไปที่ลูกค้าเพื่อให้ข้อมูลสินค้าและบริการเพิ่มเติมได้ โดยการสร้างแบบฟอร์ม แต่ต้องไม่บังคับให้ผู้กรอกฟอร์มใส่ข้อมูลเยอะเกินไป
    - - ซึ่งจะเป็นเสมือนเครื่องมือนำทางแก่ผู้เข้าชมเว็บไซต์ ให้สามารถเข้าถึงข้อมูลในแต่ละหมวดหมู่ที่เกี่ยวข้องกันได้อย่างเป็นลำดับขั้นโดยง่าย
    - - เพื่อให้ผู้เข้าชมนั้นสามารถคลิกกลับมาเริ่มต้นที่หน้าแรกของเว็บไซต์ได้ รวมถึงสร้าง Menu ด้านล่าง (Footer Menu) เพื่อเพิ่มความสะดวกให้กับผู้เข้าชมเว็บไซต์ ให้สามารถไปยังเมนูอื่นๆ ที่ต้องการได้ แม้จะอยู่ด้านล่างของหน้า โดยไม่ต้อง Scroll กลับขึ้นไปด้านบน