เคล็ดไม่ลับ ทำเว็บอย่างไรให้เป็นมิตร

เคล็ดไม่ลับ ทำเว็บอย่างไรให้เป็นมิตร

 

Design  

Design

การออกแบบ เป็นเรื่องของอารมณ์ความรู้สึก โดยนักออกแบบจะต้องคำนึงถึงความต้องการของผู้ใช้งาน และวัตถุประสงค์การใช้งานเว็บไซด์ นอกจากเรื่องของหน้าตา ความสวยงามแล้ว การออกแบบที่ดี ควรคำนึงถึงเรื่องต่างๆ ต่อไปนี้ด้วย

  1. Page Download เมื่อเปิดหน้าเว็บไซต์ควรแสดงข้อมูลบนหน้าเว็บไซด์ได้ภายใน 2-3 วินาที
  2. Browser Compatibility ข้อมูลที่แสดงในแต่ละเพจภายในเว็บไซต์ของเรา ควรให้ข้อมูลที่ตรงกัน
  3. Design แต่ละหน้าของเว็บไซด์ควรมีขนาดเท่ากัน, มีการวาง layout และทำงานให้สัมพันธ์กันตลอดทั้งเว็บไซด์
  4. Search Tool ควรมีฟังก์ชั่นสำหรับการค้นหา ในทุกๆ หน้าของเว็บเพจ
  5. Navigation ควรออกแบบเว็บไซด์ให้มีทิศทางชัดเจน และถูกต้อง มี Navigation Bar  เพื่อบอกผู้ใช้ว่าตอนนี้กำลังอยู่ที่จุดใดของเว็บ สามารถย้อนกลับแล้วไปไหน ในเว็บไซต์ขนาดใหญ่ การจัดข้อมูล จัดหมวดหมู่ เป็นสิ่งที่สำคัญ จะทำให้ลูกค้าสะดวกและมีทางเลือกมากขึ้น
  6. Brand เว็บไซด์ที่สวยงาม และมีการออกแบบที่ดี จะสะท้อน Brand Value ให้กับเจ้าของเว็บไซด์เป็นอย่างดี
  7. ขนาด size ของ Page ไม่ควรเกิน 32 KB จะเป็นผลดีต่อ Google
  8. Site map ควรมีแผนผังเว็บไซต์เพื่อง่ายต่อการใช้งานด้วย กรณีที่เว็บไซต์มีขนาดใหญ่ ข้อมูลเยอะ ผู้ใช้สามารถไปยังส่วนต่างๆ ได้โดยง่าย และยังเป็นประโยชน์ต่อ SEO อีกด้วย

 

Layout

 

Content

Visitor (ผู้เข้าชมเว็บไซต์) ส่วนใหญ่มักจะไม่ได้อ่านข้อความต่างๆ ที่อยู่บนหน้าเว็บไซด์อย่างละเอียด ฉะนั้นข้อมูลที่อยู่บนเว็บไซด์ ควรมีลักษณะ ดังนี้

  1. เป็นข้อมูลสรุป กระชับ และได้ใจความ : จากการสำรวจพบว่าคนส่วนใหญ่อ่านข้อมูลบนหน้าจอคอมพิวเตอร์ได้ช้ากว่าข้อมูล ที่อยู่บนกระดาษ ถึง 25%
  2. ข้อมูลที่เป็นตัวอักษร ต้องอ่านง่าย โดยใช้ headline ,bullet point ,table ,link และการเน้นคำ เพื่อให้อ่านข้อมูลได้ง่ายยิ่งขึ้น
  3. ใช้ภาษา สำนวนที่อ่านทำความเข้าใจได้ง่าย
  4. มีเพียง 1 idea ในแต่ละ paragraph เพื่อให้ผู้อ่านสามารถจับประเด็นได้เป็นเรื่องๆ
  5. เลือกใช้ font Tahoma ขนาด 12-14px เพราะสามารถรองรับได้ทุกโปรแกรม และเป็นขนาดมาตรฐาน ถ้าเล็กกว่านี้มักจะใช้เป็นหมายเหตุ สำหรับการแสดงผลให้ผู้ที่มีอายุมากจะต้องเพิ่มขึ้น หรือมี size ของ text ให้เลือกอ่านได้
  6. เลือกใช้คำที่มีความหมาย มาเป็น Headline
  7. สีของตัวอักษรที่เป็นเนื้อหาไม่ควรตัดกับสีพื้นหลัง 100% เช่น พื้นหลังขาวตัดกับตัวอักษรสีดำ จะทำให้เกิดความเมื่อยล้าสายตาและอ่านได้ลำบาก ถ้าพื้นหลังสีขาว ควรใช้ตัวอักษรสีเทา หรือเทาดำ ไม่ใช่สีดำ
  8. ให้มีหัวข้อ หัวข้อย่อย  แล้วค่อยมีรายละเอียด การทำเช่นนี้ทำให้มีลำดับในการอ่าน ผู้ใช้เว็บไซต์สามารถอ่านพาดหัวก็เข้าใจได้อย่างคร่าวๆ
  9. แบ่งเนื้อหาเป็นหัวข้อย่อยๆ จะได้ผลดีกว่าการเขียนติดกันเป็นพรืด หรือเป็นก้อนย่อหน้าใหญ่ๆ
  10. ใช้การเน้น ซึ่งอาจจะเป็นไฮไลต์ หรือทำตัวหนา ตัวเอน ทำสีต่างไปกับคำที่ต้องการเน้นความสำคัญ ระมัดระวังในการใช้ตัวเอนให้เหมาะสม เนื่องจากอาจทำให้อ่านได้ยากขึ้นได้ในบางกรณี
  11. Copyright ลิขสิทธิ์ข้อมูล ถ้าผู้อื่นนำข้อมูลในเว็บไซต์ของเราไปใช้งานเพื่อการค้าแล้ว ต้องคำนึงลิขสิทธิ์ทางปัญญาด้วย
  12. ตัวอักษรที่เป็นลิงค์ เมื่อมีการนำเมาส์ไปวางควรมีปฏิกิริยาตอบโต้ผู้ใช้งานด้วย เช่น เมื่อวางเมาส์แล้วมีเส้นใต้ หรือ เมื่อวางเมาส์แล้วสีเข้มขึ้น
  13. ตัวอักษรเมนูที่แสดง Default ของหน้าปัจจุบัน ควรเป็นสีเข้มกว่าสีของเมนูหน้าอื่น  ดังภาพตัวอย่าง
  14. การใช้รูปภาพประกอบจะต้องใส่ Text Title/ Alt Text ด้วย พื่อเพิ่มช่องทางการทำ SEO และมีประโยชน์สำหรับผู้พิการทางสายตา
  15. กรณีที่มีการใช้ เครื่องหมาย : ให้ เคาะวรรคระหว่างคำที่ใช้เครื่องหมายด้วยเช่น Tel : 02xxxxxx ไม่ควร Tel:02xxxxxxx

 

Credit : ทีมงาน SoGoodWeb

By : www.SoGoodWeb.com

 1031
ผู้เข้าชม
คะแนน

บทความที่เกี่ยวข้อง

การทำเว็บไซต์แบบ Responsive ซึ่งก็คือ การทำให้เว็บไซต์รองรับหน้าจอ Smartphone, Tablet, และ Desktop ในเว็บไซต์เดียว ตอนนี้กำลังได้รับความนิยม
ตอนนี้ทาง Google จะทำการแจ้งเตือนเว็บไซต์ที่ไม่มี HTTPS (Hypertext Transfer Protocol Secure) ให้เป็นเว็บไซต์ที่ไม่ปลอดภัย
ทุกๆ อย่างบนโลกใบนี้ที่สร้างขึ้นมาเพื่อให้คนได้ใช้ ล้วนต้องมีการ “ออกแบบ” ทั้งนั้น เนื่องจากเมื่อใดที่มีคนเข้ามาเกี่ยวข้อง เมื่อนั้นย่อมเกิดปัญหา การออกแบบ มีไว้เพื่อแก้ปัญหาต่างๆ เหล่านั้น ...

Feature SoGoodWeb

เหมาะสำหรับลูกค้าที่เปิดธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ทั้งที่เป็นเจ้าของเอง หรือเป็นรายย่อย เป็นระบบจองทัวร์ ที่ช่วยทำให้การจัดการธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ให้เป็นเรื่องง่าย
Omise คือ ระบบรับชำระเงินออนไลน์ด้วยการชำระเงินผ่านบัตรเครดิต และบัตรเดบิตบนหน้าเว็บไซต์ เป็นตัวช่วยเพิ่มความสะดวกสบายในการชำระค่าบริการ ได้อย่างรวดเร็ว ปลอดภัยให้ทั้งร้านค้า และผู้ใช้บริการ
ระบบร้านค้าออนไลน์ SoGoodWeb รองรับการจัดส่ง Lalamove ส่งสินค้าให้ง่ายขึ้นด้วย Lalamove ผู้ให้บริการขนส่งสินค้า ที่สามารถจัดส่งสินค้าให้คุณได้ "ทุกอย่าง" ที่คุณต้องการ เหมาะกับทุกสินค้า ไม่ว่าจะเป็น เสื้อผ้า, ของใช้, อุปกรณ์จัดสวน เป็นต้น
สร้างเว็บไซต์สำเร็จรูปฟรี ร้านค้าออนไลน์