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

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 อีกด้วย

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