Please enable JavaScript.
Coggle requires JavaScript to display documents.
องค์ประกอบของเว็บไซต์ - Coggle Diagram
องค์ประกอบของเว็บไซต์
หนึ่งในองค์ประกอบของเว็บไซต์ที่ดี คือ ต้องสามารถน าเสนอข้อมูลแก่ผู้เข้าเยี่ยมชมเว็บไซต์ได้อย่างครบถ้วน ไม่มี ปัญหาเรื่องของการแสดงหน้าเว็บไซต์ ผเู้ขา้ชมตอ้ งไดร้ับความสะดวกในการเขา้ถงึขอ้มลู เหลา่ นัน้ โดยมสี งิ่ ทตี่ อ้ งค านงึถงึ เพื่อสนับสนุนการเข ้าถึงข ้อมูลบนเว็บไซต์ ดังต่อไปนี้
ขนาดของหน้าจอ
คอมพิวเตอร์รุ่นใหม่จะมีความละเอียดของหน้าจอสูงขึ้น รวมถึง “พฤติกรรม” ของผู้บริโภคที่ “เปลี่ยนไป” ด ้วยการบริโภคข่าวสารแบบ Real Time ทุกที่ทุกเวลาผ่านอุปกรณ์ทั้ง Tablet และ Smartphone จนกลายเป็น Multi-Screen Trend ดังนั้น เว็บไซต์ที่ดีต้องสามารถ แสดงผลได้พอดีกับทุกหน้าขนาดของหน้าจอและอุปกรณ์หลากหลายประเภทด้วย
Web Browser
Web Browser หรอืเรยี กงา่ ย ๆ ก็คอื โปรแกรมทใี่ ชใ้นการเปิดดเูว็บไซตต์ า่ ง ๆ ซงึ่ ปัจจบุ นั มี ใหเ้ลอืกใชม้ ากมาย เชน่ Google Chrome, Mozilla Firefox, Internet Explorer, Safari เป็นต ้น โดยเว็บไซต์ต้องสามารถแสดงผลบนทุก Browser ได้อย่างถูกต้อง เพราะ หากเข ้าไม่ได ้ในบาง Browser นั่นหมายถงึ คณุ อาจจะสญู เสยี Traffic จากผู้เข ้าเยี่ยมชม เว็บไซต์ที่เข ้ามาแล ้วไม่สามารถอ่านข ้อมูลบนเว็บไซต์ได
การ Tag รูปภาพ
ระมัดระวงัเรอื่ งการเลอื กใชส้ตี วัอกั ษรและสพี นื้ หลงัทใี่ กลเ้คยี งกนั เกนิ ไป รวมถงึหลีกเลี่ยง การใชส้ เีพยี งอยา่ งเดยี วเพอื่ สอื่ ความหมายหรอื ไฮไลทข์ อ้ มูลส าคญั เพราะอาจท าให ้ เกดิปัญหาแกผ่ เู้ขา้ชมทตี่ าบอดสีโดยควรใชส้ ญั ลักษณ์ร่วมกับการใชส้ ีเชน่ เครอื่ งหมาย * สา หรับชอ่ งทตี่ อ้ งกรอกขอ้มลู เป็นตน้
Font ตัวอักษร
ระมัดระวงัเรอื่ งการเลอื กใชส้ตี วัอกั ษรและสพี นื้ หลงัทใี่ กลเ้คยี งกนั เกนิ ไป รวมถงึหลีกเลี่ยง การใชส้ เีพยี งอยา่ งเดยี วเพอื่ สอื่ ความหมายหรอื ไฮไลทข์ อ้ มูลส าคญั เพราะอาจท าให ้ เกดิปัญหาแกผ่ เู้ขา้ชมทตี่ าบอดสีโดยควรใชส้ ญั ลักษณ์ร่วมกับการใชส้ ีเชน่ เครอื่ งหมาย * สา หรับชอ่ งทตี่ อ้ งกรอกขอ้มลู เป็นตน้
การใชส้ ี
ระมัดระวงัเรอื่ งการเลอื กใชส้ตี วัอกั ษรและสพี นื้ หลงัทใี่ กลเ้คยี งกนั เกนิ ไป รวมถงึหลีกเลี่ยง การใชส้ เีพยี งอยา่ งเดยี วเพอื่ สอื่ ความหมายหรอื ไฮไลทข์ อ้ มูลส าคญั เพราะอาจท าให ้ เกดิปัญหาแกผ่ เู้ขา้ชมทตี่ าบอดสีโดยควรใชส้ ญั ลักษณ์ร่วมกับการใชส้ ีเชน่ เครอื่ งหมาย * สา หรับชอ่ งทตี่ อ้ งกรอกขอ้มลู เป็นตน้
ในการเปิดเว็บไซต์แต่ละหน้า เว็บไซตท์ ดี่ ไีมค่ วรมอี งคป์ ระกอบทที่ าใหผ้ ูเ้ขา้ชมเว็บใชเ้วลาในการโหลดนาน เกินไป เพราะธรรมชาติของผู้เข ้าชมเว็บไซต์อย่างหนึ่ง คือ ผู้ชมจะไม่มีความอดทนสูงมากนักในการค ้นหาข ้อมูลทาง Internet ถา้การเขา้ถงึเว็บไซตท์ าใหเ้ขาตอ้ งเสยีเวลามากเกนิ ไป ผูช้ มทา่ นนัน้ ก็อาจจะออกจากเว็บไปทนั ท!ี รบี ป้องกนั ไมใ่ ห้ เหตุการณ์แบบนี้เกิดขึ้นได ้ รีบปรับปรุงเว็บไซต์ให ้แสดงผลข ้อมูลได ้เร็วขึ้น ตามวิธีง่ายๆ ดังนี้ค่ะ
-
-
-
-
เลอืกใชภ้าพขนาดไมใ่หญ่
ระมัดระวังเรื่องขนาดของรูปภาพและไฟล์ (มีผลต่อความเร็ว) หากภาพหรือไฟล์บนเว็บไซต์นั้นมี ขนาดใหญ่ ก็จะท าใหเ้ว็บไซตข์ องคณุ แสดงผลไดช้ า้ลงการใสภ่ าพลงบนเว็บไซต์ ควรจะเลือกวิธี “Save for Web” และบันทึกภาพให ้มีนามสกุล .JPG หรือ .GIF
เว็บไซต์ที่น่าสนใจและดึงดูด ต ้องสามารถท าให ้ผู้เข ้าเยี่ยมชมเว็บไซต์ หยุดอยู่ที่เว็บไซต์ของคุณได ้ทันทีเมื่อเข ้ามาครั้ง
แรก โดยต ้องค านึงถึงวิธีการตาม หลักการ AIDA ดังต่อไปนี้
-
-
-
-
เว็บไซต์ที่ดีควรแสดงถึง "ความง่ายของการจัดเรียงข้อมูล" ท าให ้ผู้เข ้าชมเว็บไซต์นั้นสามารถเข ้าถึงข ้อมูลที่ต ้องการได ้ โดยง่าย แต่หากเว็บไซต์มีการจัดเรียงข ้อมูลที่ไม่เป็นระเบียบหรือไม่เป็นหมวดหมู่แล ้ว ก็จะเพิ่มเวลาในการค ้นหาของผู้เข ้า ชมเว็บไซต์ จนอาจมีผลให ้เขาเหล่านั้นออกจากเว็บไซต์ของคุณไปเลยก็เป็นได
• จัดกลุ่มข้อมูลต่างๆ ในรูปแบบ "Breadcrumb Navigation" ซงึ่ จะเป็นเสมอื น เครื่องมือน าทางแก่ผู้เข ้าชมเว็บไซต์ ให ้สามารถเข ้าถึงข ้อมูลในแต่ละหมวดหมู่ที่เกี่ยวข ้องกันได ้อย่างเป็นล าดับขั้น โดยง่าย
• จัดท าหน้า Sitemap หรือ แผนผังเว็บไซต์สา หรับผใู้ช ้เพอื่ เป็นแผนทบี่ อกเสน้ ทาง พาผู้
เข ้าเยี่ยมชมไปยังหน้าเว็บไซต์ที่ต ้องการได ้
• แสดง "เมนู" และ "ปุ่ ม" ส าหรับคลกิ ในสว่ นตา่ ง ๆ ของเว็บไซตอ์ ยา่ งชดั เจน และหลกีเลยี่ งการ
ออกแบบโครงสรา้งเว็บไซตท์ ซี่ บั ซอ้น เขา้ใจยาก
• ควรสร้าง Link ไปหน้า Homepage จากทุกหน้า เพื่อให ้ผู้เข ้าชมนั้นสามารถคลิกกลับมา เริ่มต ้นที่หน้าแรกของเว็บไซต์ได ้ รวมถึงสร้าง Menu ด้านล่าง (Footer Menu) เพื่อเพิ่มความสะดวกให ้กับผู้เข ้า ชมเว็บไซต์ ให ้สามารถไปยังเมนูอื่นๆ ที่ต ้องการได ้ แม ้จะอยู่ด ้านล่างของหน้า โดยไม่ต ้อง Scroll กลับขึ้นไป ด ้านบ
• ใชแ้ บบฟอรม์ ส าหรบัตดิตอ่ หรอืสง่ัซอื้ เพื่อให ้ง่ายต่อเจ้าของเว็บไซต์ ที่จะติดต่อกลับไปที่ ลกู คา้เพอื่ ใหข้ อ้มูลสนิคา้และบรกิ ารเพมิ่ เตมิ ได ้โดยการสรา้งแบบฟอรม์ แตต่ อ้ งไมบ่ งัคบั ใหผ้ กู้ รอกฟอรม์ ใสข่ อ้มลู เยอะเกินไป
ดว้ยเทคโนโลยกี ารสอื่ สารทกี่ า้วหนา้อยา่ งรวดเร็ว ท าใหก้ ารสรา้งตวัตนของธรุ กจิบนโลกออนไลน์กลายเป็นเรอื่ งธรรมดาที่ ไมว่ า่ ใครก็ท าได ้เรมิ่ ตงั้แต่ การใช ้Social Network น าเสนอสนิ คา้และบริการต่างๆ ไปจนถึงการเปิดเว็บไซต์ร้านค้า ออนไลน์ขายสนิ คา้เป็นเรอื่ งเป็นราว ก็ท าไดอ้ ยา่ งงา่ ยและรวดเร็ว
ระวงัการใช้Webboard, Guest Book, Comments ถา้จ าเป็นใหใ้ช ้ระบบ Captcha ชว่ ยป้องกนั spam
มีเครื่องหมายรับรองจากสถาบันต่างๆ (Certification and Accreditation) เชน่ เครอื่ งหมาย DBD Verified, Registered ของกรมพัฒนาธุรกิจการค ้า เป็นตน้ ซงึ่ เจา้ของเว็บไซตจ์ ะตอ้ งน าเว็บไซตไ์ ปผา่ นการตรวจ รับรองจากองค์กรมาตรฐานตา่ งๆ ท าใหเ้กดิ ความน่าเชอื่ ถอื วา่ เว็บไซตน์ อี้ ยใู่ นขอบเขตของกฏหมาย
แสดงเงอื่ นไขและนโยบายในการซอื้ หรอืขายสนิ คา้และบรกิ ารทชี่ ดั เจน ชว่ ยใหเ้ห็นถงึความจรงิใจของ
เจ้าของเว็บไซต์ เพราะแสดงขอบเขตของการให ้บริการ และคุณสมบัติของลูกค ้า
มตี วัอยา่ งประสบการณผ์ ูซ้ อื้ ผูใ้ชบ้ รกิ าร (Testimonials) เพื่อแสดงให ้เห็นว่าเว็บไซต์นี้เคยให ้บริการกับ ลกู คา้รายอนื่ ๆ หากลกู คา้มชี อื่ เสยีงในวงสงัคม หรอืเป็นผูท้ มี่ คี วามน่าเชอื่ ถอื ย่อมกอ่ ใหเ้กดิ ผลในทางบวก และ สง่ เสรมิ ภาพลักษณ์ของเว็บไซต์ให ้ดีขึ้น
ดไีซนก์ ารออกแบบเว็บไซต์ควรดนู า่ เชอื่ ถอื เป็นมอือาชพี (Professional Look) มีเนื้อหาอย่างครบถ ้วน มรีูปภาพสนิคา้หรอื บรกิ ารประกอบเนอื้ หาอย่างชดั เจน และจัดขอ้มลู อยา่ งเป็นหมวดหมเู่ พอื่ ความสะดวกในการเขา้ ชม
แสดงทอี่ ยตู่ ดิ ตอ่ ชดั เจน พรอ้ มเบอรโ์ทรศพั ทท์ ตี่ ดิ ตอ่ ได้หรือกรณีที่มีหน้าร้านจริง สามารถแสดงแผนที่ตั้ง เพื่อยืนยันการมีตัวตน และรองรับการติดต่อเข ้ามาของลูกค ้าที่สนใจได
มีหน้าค าถามที่พบบ่อย FAQ (Frequently Asked Questions) แนะน าข ้อมูลหรือตอบข ้อสงสยั เบอื้ งตน้ ใหก้ ับ
ลูกค ้า
สร้างหน้า เกี่ยวกับเรา (About Us) แสดงเนื้อหาของประวัติความเป็นมา ผู้บริหาร วสิ ยั ทัศน์ของบรษิ ัท ภาพ
ออฟฟิศ ทีมงาน
-