Please enable JavaScript.
Coggle requires JavaScript to display documents.
5 องค์ประกอบของเว็บไซด์ที่ดี - Coggle Diagram
5 องค์ประกอบของเว็บไซด์ที่ดี
Attractiveness : เว็บไซต์ต ้องน่าสนใจ ดึงดูดสายตา
เว็บไซต์ที่น่าสนใจและดึงดูด ต้องสามารถทำให้ผู้เข้าเยี่ยมชมเว็บไซต์ หยุดอยู่ที่เว็บไซต์ของคุณได้ทันทีเมื่อเข้ามาครั้งแรก โดยต้องคำนึงถึงวิธีการตาม หลักการ AIDA ดังต่อไปนี้
"Attention" ทำให้ผู้ชมเว็บหยุดเพื่อที่จะอ่านข้อมูล
วิธีการที่ดึงดูดดความสนใจที่ดี เช่น การใส่ภาพคนลงบนจุดกึ่งกลางของหน้าเว็บไซต์ เพื่อนำสายตาผู้เข้าชมไปที่ภาพนั้น
"Interest" อธิบายเพื่อสร้างความสนใจในตัวสินค้าหรือบริการ
เมื่อใช้ภาพคนเพื่อดึงดูดให้ผู้ชมเว็บหยุดที่หน้าเว็บไซต์ได้แล้ว ก็ให้เขียนรายละเอียดเพื่อให้คนสนใจอ่านข้อมูลต่อไปทันที ดังนั้นหากกระบวนการแรก (Attention) ไม่สามารถทำให้ผู้ชมเว็บหยุดเพื่อที่จะอ่านข้อมูลได้
"Desire" ทำให้เกิดความรู้สึกอยากซื้อหรือใช้บริการ
เมื่อเกิด Interest แล้ว ก็ต้องกระตุ้นให้ผู้ที่กำลังอ่านข้อมูลสินค้าหรือบริการบนหน้าเว็บไซต์เกิดรู้สึกอยากซื้อหรือใช้บริการ โดยอาจจะแสดงรูปภาพที่โดดเด่นของสินค้าหรือบริการเสริมเข้าไปได้
Action" ปิดการขาย หรือ ทำให้ตัดสินใจซื้อ
ต้องให้ผู้เข้าเยี่ยมชมเว็บไซต์เกิดการกระทำบางอย่างบนเว็บไซต์ (Call to action) เช่น สมัครสมาชิก ส่งแบบสอบถามมาที่หน้าเว็บไซต์
Simplicity : ความง่ายในการใช้งาน
เว็บไซต์ที่ดีควรแสดงถึง "ความง่ายของการจัดเรียงข้อมูล" ทำให้ผู้เข้าชมเว็บไซต์นั้นสามารถเข้าถึงข้อมูลที่ต้องการได้โดยง่าย แต่หากเว็บไซต์มีการจัดเรียงข้อมูลที่ไม่เป็นระเบียบหรือไม่เป็นหมวดหมู่แล้ว ก็จะเพิ่มเวลาในการค้นหาของผู้เข้าชมเว็บไซต์ จนอาจมีผลให้เขาเหล่านั้นออกจากเว็บไซต์ของคุณไปเลยก็เป็นได้
แสดง "เมนู" และ "ปุ่ม" สำหรับคลิกในส่วนต่าง ๆ ของเว็บไซต์อย่างชัดเจน และหลีกเลี่ยงการออกแบบโครงสร้างเว็บไซต์ที่ซับซ้อน เข้าใจยาก
จัดทำหน้า Sitemap หรือ แผนผังเว็บไซต์ สำหรับผู้ใช้ เพื่อเป็นแผนที่บอกเส้นทาง พาผู้เข้าเยี่ยมชมไปยังหน้าเว็บไซต์ที่ต้องการได้
ใช้แบบฟอร์มสำหรับติดต่อหรือสั่งซื้อ เพื่อให้ง่ายต่อเจ้าของเว็บไซต์ ที่จะติดต่อกลับไปที่ลูกค้าเพื่อให้ข้อมูลสินค้าและบริการเพิ่มเติมได้ โดยการสร้างแบบฟอร์ม แต่ต้องไม่บังคับให้ผู้กรอกฟอร์มใส่ข้อมูลเยอะเกินไป
จัดกลุ่มข้อมูลต่างๆ ในรูปแบบ "Breadcrumb Navigation" ซึ่งจะเป็นเสมือนเครื่องมือนำทางแก่ผู้เข้าชมเว็บไซต์ ให้สามารถเข้าถึงข้อมูลในแต่ละหมวดหมู่ที่เกี่ยวข้องกันได้อย่างเป็นลำดับขั้นโดยง่าย
ควรสร้าง Link ไปหน้า Homepage จากทุกหน้า เพื่อให้ผู้เข้าชมนั้นสามารถคลิกกลับมาเริ่มต้นที่หน้าแรกของเว็บไซต์ได้ รวมถึงสร้าง Menu ด้านล่าง (Footer Menu) เพื่อเพิ่มความสะดวกให้กับผู้เข้าชมเว็บไซต์ ให้สามารถไปยังเมนูอื่นๆ ที่ต้องการได้ แม้จะอยู่ด้านล่างของหน้า โดยไม่ต้อง Scroll กลับขึ้นไปด้านบน
Accessibility : ความสามารถในการเข้าถึงข้อมูล
Accessibility : ความสามารถในการเข้าถึงข้อมูล
หนึ่งในองค์ประกอบของเว็บไซต์ที่ดี คือ ต้องสามารถนำเสนอข้อมูลแก่ผู้เข้าเยี่ยมชมเว็บไซต์ได้อย่างครบถ้วน ไม่มี ปัญหาเรื่องของการแสดงหน้าเว็บไซต์ ผู้เข้าชมต้องไดร้ับความสะดวกในการเข้าถึงข้อมูล เหล่านั้น โดยมีสิ่งที่ต้ิงคำนึงถึง เพื่อสนับสนุนการเข้าถึงของมูลบนเว็บไซต์ ดังต่อไปนี้
ขนาดของหน้าจอ
คอมพิวเตอร์รุ่นใหม่จะมีความละเอียดของหน้าจอสูงขึ้น รวมถึง “พฤติกรรม” ของผู้บริโภคที่ “เปลี่ยนไป”
web browser หรือเรียกง่ายๆก็คือ โปรแกรมที่ใช้เปิดดูเว็บไซต์ต่างๆ ซึ่งปัจจุบัน มีให้เลือกใช้มากมาย เช่น goolgle internet
การ tag รูปภาพ ควรตั้งชื่อให้รูปภาพ ประกอบกับเว็บไซต์ทุกครั้ง เพราะหากไม่ตั้งชื่อรูปภาพ secres engine จะไม่ทราบว่ารูปนั้นเป็นรูปอะไร ทำให้ไม่สามารเข้ามาเก็บข้อมูลได้
font ตัวอักษร ควรใช้ฟอน ตัวอักษรแบบมาตรฐาน tahoma เป็นต้น และหลีกเลี่ยงการใช้ตัวอักษรพิเศษ
การใช้สี ระวังและหลีกเลี่ยงการใช้สีตัวอักษรและสีพื้นหลังที่ใกล้เคียงกันเกินไป รวมถึงการเหลี่ยกเลี่ยงการใช้สีเดิมๆ
Speed : ความเร็วในการแสดงผลข้อมูลบนเว็บไซต์
การเปิดเว็บไซต์แต่ละหน้า เว็บไซต์ที่ดีไม่ควรมีองค์ประกอบที่ทำให้ผู้เข้าชมเว็บใช้เวลาในการโหลดนานเกินไป เพราะธรรมชาติของผู้เข้าชมเว็บไซต์อย่างหนึ่ง คือ ผู้ชมจะไม่มีความอดทนสูงมากนักในการค้นหาข้อมูลทาง Internet ถ้าการเข้าถึงเว็บไซต์ทำให้เขาต้องเสียเวลามากเกินไป ผู้ชมท่านนั้นก็อาจจะออกจากเว็บไปทันที! รีบป้องกันไม่ให้เหตุการณ์แบบนี้เกิดขึ้นได้ รีบปรับปรุงเว็บไซต์ให้แสดงผลข้อมูลได้เร็วขึ้น ตามวิธีง่ายๆ ดังนี้ค่ะ
เลือกใช้ภาพขนาดไม่ใหญ่ระมัดระวังเรื่องขนาดของรูปภาพและไฟล์ (มีผลต่อความเร็ว) หากภาพหรือไฟล์บนเว็บไซต์นั้นมีขนาดใหญ่ ก็จะทำให้เว็บไซต์ของคุณแสดงผลได้ช้าลงการใส่ภาพลงบนเว็บไซต์
ตั้งค่าไม่ให้ Video เล่นอัตโนมัติ
ในการใส่ไฟล์จำพวก Video และ Audio (ภาพและเสียง) อย่าให้ไฟล์เหล่านี้เล่นอัตโนมัติโดยทันที แต่ให้มีปุ่ม “play” เพื่อให้ผู้เข้าชมเว็บไซต์สามารถเลือกเล่นไฟล์นั้นได้ด้วยตัวเอง
ใช้บริการ Web Hosting ที่เร็ว
ในกรณีที่เลือกใช้บริการ Web Hosting ควรเลือก Server หรือ Web Hosting ที่เร็วและมี Bandwidth มากพอ
(Bandwidth คือ ความเร็วในการรับและส่งข้อมูลบนอินเตอร์เน็ต)
ระวังการใช้ Code ตกแต่งจากเว็บไซต์อื่น
การใส่ Code Banner, Counter หรือ การเขียน Code มาใส่บนเว็บไซต์นั้น ควรระวังเรื่องความเร็วและเสถียรภาพของระบบของ Server ของผู้ให้บริการ code ที่คุณนำมาติดตั้งด้วยเช่น หาก server ของ code ที่นำมาติดล่มหรือโหลดช้า จะทำให้เว็บของคุณเปิดไม่ได้หรือโหลดช้าไปด้วย เป็นต้น
ตรวจสอบการแสดงผลภาพเคลื่อนไหวแบบ Flash การใช้ Flash Animation หรือ Code ภาพเคลื่อนไหวต่างก็มีผลทำให้ใช้เวลาโหลดนานและอาจไม่สามารถแสดงผลในอุปกรณ์บางประเภท
Credibility : ความน่าเชื่อถือของเว็บไซต์
ด้วยเทคโนโลยีการสื่อสารที่ก้าวหน้าอย่างรวดเร็ว ทำให้การสร้างตัวตนของธุรกิจบนโลกออนไลน์กลายเป็นเรื่องธรรมดาที่ไม่ว่าใครก็ทำได้ เริ่มตั้งแต่ การใช้ Social Network นำเสนอสินค้าและบริการต่างๆ ไปจนถึงการเปิดเว็บไซต์ร้านค้าออนไลน์ ขายสินค้าเป็นเรื่องเป็นราว ก็ทำได้อย่างง่ายและรวดเร็ว
ดีไซน์การออกแบบเว็บไซต์ ควรดูน่าเชื่อถือ เป็นมืออาชีพ (Professional Look) มีเนื้อหาอย่างครบถ้วน มีรูปภาพสินค้าหรือบริการประกอบเนื้อหาอย่างชัดเจน และจัดข้อมูลอย่างเป็นหมวดหมู่เพื่อความสะดวกในการเข้าชม
แสดงที่อยู่ติดต่อชัดเจน พร้อมเบอร์โทรศัพท์ที่ติดต่อได้ หรือกรณีที่มีหน้าร้านจริง สามารถแสดงแผนที่ตั้ง เพื่อยืนยันการมีตัวตน และรองรับการติดต่อเข้ามาของลูกค้าที่สนใจได้
สร้างหน้า เกี่ยวกับเรา (About Us) แสดงเนื้อหาของประวัติความเป็นมา ผู้บริหาร วิสัยทัศน์ ของบริษัท ภาพออฟฟิศ ทีมงาน
มีเครื่องหมายรับรองจากสถาบันต่างๆ (Certification and Accreditation) เช่น เครื่องหมาย DBD Verified, Registered ของกรมพัฒนาธุรกิจการค้า เป็นต้น ซึ่งเจ้าของเว็บไซต์จะต้องนำเว็บไซต์ไปผ่านการตรวจรับรองจากองค์กรมาตรฐานต่างๆ ทำให้เกิดความน่าเชื่อถือว่าเว็บไซต์นี้อยู่ในขอบเขตของกฏหมาย
มีหน้าคำถามที่พบบ่อย FAQ (Frequently Asked Questions) แนะนำข้อมูลหรือตอบข้อสงสัยเบื้องต้นให้กับลูกค้า
มีตัวอย่างประสบการณ์ผู้ซื้อ ผู้ใช้บริการ (Testimonials) เพื่อแสดงให้เห็นว่าเว็บไซต์นี้เคยให้บริการกับลูกค้ารายอื่นๆ หากลูกค้ามีชื่อเสียงในวงสังคม หรือเป็นผู้ที่มีความน่าเชื่อถือ ย่อมก่อให้เกิดผลในทางบวก และส่งเสริมภาพลักษณ์ของเว็บไซต์ให้ดีขึ้น
แสดงเงื่อนไขและนโยบายในการซื้อหรือขายสินค้าและบริการที่ชัดเจน ช่วยให้เห็นถึงความจริงใจของเจ้าของเว็บไซต์ เพราะแสดงขอบเขตของการให้บริการ และคุณสมบัติของลูกค้า
ระวังการใช้ Webboard, Guest Book, Comments ถ้าจำเป็นให้ใช้ ระบบ Captcha ช่วยป้องกัน spam