หลักการออกแบบเว็บเพจ

ในการออกแบบเว็บไซต์เราต้องคำนึงถึงในหลาย ๆ อย่าง เนื่องจากเว็บที่เราทำขึ้นมานั้นจะมีผู้ชมที่หลากหลาย ใช้โปรแกรมในการเปิดชมหน้าเว็บที่แตกต่างกัน รวมถึงการกำหนดขนาดหน้าจอ ความเร็วอินเตอร์เน็ต และการตั้งค่าที่แตกต่างกัน การที่จะให้เว็บของเราแสดงผลได้ดีในลักษณะที่แตกต่างกันนี้จึงค่อนข้างยาก ดังนั้นการออกแบบเว็บไซต์จึงต้องคำนึงถึงดังต่อไปนี้
1.เนื้อหาเว็บคือสิ่งสำคัญที่สุด ( Content is King ) การที่เว็บของคุณจะมีผู้เข้าชมมากหรือน้อยนั้นขึ้นอยู่กับเนื้อหาของเว็บคุณ ว่ามีเนื้อหา สาระ น่าสนใจมากแค่ไหน แม้ว่าคุณจะออกแบบหน้าเว็บให้สวยงามมากแค่ไหน หากเนื้อหาในเว็บของคุณไม่น่าสนใจ หรือดึงดูดให้ผู้เยี่ยมชมอยากกลับมาเข้าชมเว็บคุณอีก ก็ไม่มีประโยชน์ เพราะจุดประสงค์หลักของเว็บไซต์คือการให้ข้อมูลกับผู้เยี่ยมชม การที่จะมีผู้เยี่ยมชมเว็บคุณมากแค่ไหนจึงขึ้นอยู่กับข้อมูลของคุณเองว่าน่า สนใจตรงตามความต้องการของผู้เยี่ยมชมมากน้อยแค่ไหน นอกจากนี้ควรตรวจสอบข้อมูลให้มีความถูกต้องทันสมัยอยู่เสมอ ควรมีการกรั่นกรองเนื้อหาของเว็บด้วย อาจจะยึดหลักว่ามีเนื้อหาน้อยแต่เป็นเนื้อหาที่ถูกต้องสมบูรณ์ดีกว่ามีเนื้อหามากแต่เป็นเนื้อหาที่ล้าสมัยหรือไม่มีประโยชน์
2.การออกแบบจัดวางเนื้อหา และส่วนประกอบต่าง ๆ ควรคำนึงถึงความเป็นระเบียบ สะดวกในการใช้งาน เนื่องจากเมื่อเว็บมีข้อมูลมากขึ้นหากจัดวางข้อมูลไม่เป็นระเบียบจะทำให้เข้าถึงข้อมูลที่ต้องการได้ยาก
3.ความเป็นมาตรฐานของโค้ดคำสั่ง เราต้องใช้โค้ดคำสั่งที่เป็นมาตรฐานที่โปรแกรมสำหรับเปิดเว็บทุกตัวต้องเข้าใจ ไม่ใช่ว่าใช้โค้ดที่เข้าใจเฉพาะโปรแกรมตัวใดตัวหนึ่ง ผู้ที่ใช้โปรแกรมเปิดเว็บตัวอื่นก็จะไม่สามารถแสดงผลได้อย่างถูกต้อง
4.ขนาดพื้นที่หน้าจอที่เหมาะสม เราต้องกำหนดขนาดพื้นที่หน้าจอที่สามารถเปิดชมในขนาดหน้าจอที่แตกต่างกันได้ โดยไม่ผิดเพี้ยนไปมากนัก เราควรทดสอบในขนาดพื้นที่หน้าจอหลาย ๆ ขนาด
5.ขนาดข้อมูลของแต่ละหน้าไม่ควรมากเกินไป แต่ละหน้าเว็บไม่ควรใส่ข้อมูลเข้าไปเยอะเกินความจำเป็นเพราะจะทำให้เปิดหน้าเว็บได้ช้า ขนาดรูปภาพควรจะให้เล็กที่สุดที่เราสามารถมองได้ชัด และแสดงรายละเอียดได้ครบถ้วน
6.การจัดวางข้อมูลในแต่ละหน้าไม่ควรมีหลายส่วนเกินไป ในหน้าเว็บไม่ควรจะสร้างหลายคอลัมน์เกินไป และไม่ควรที่จะใส่อะไรย่อย ๆ ไปมากหลาย ๆ จุด เพราะจะทำให้ดึงความสนใจจากผู้ใช้ไปจากข้อมูลหลักที่เราต้องการแสดง ลองนึกถึงเว็บที่มีหลายคอลัมน์ แต่ละคอลัมน์ก็จะมีกรอบย่อย ๆ เรียงรายลงมา เมื่อเราเข้าไปแล้วจะเกิดความสับสนไม่รู้ว่าจะอ่านตรงไหนก่อนดี จนบางครั้งขี้เกียจดูปิดเว็บนั้นไปเลยก็มี โดยทั่วไปแล้วหน้าเว็บไม่ควรจะมีเกิน 3 คอลัมน์ ส่วนของข้อมูลหลักที่ต้องการแสดงต้องกำหนดให้มีขนาดใหญ่ที่สุด ส่วนคอลัมน์อื่น ๆ ก็ไม่ควรมีกล่องย่อยมากเกินไป
7.ข้อมูลที่มีการเพิ่มใหม่ หรือปรับปรุงใหม่ ควรจะแสดงเป็นส่วนหนึ่งของหน้าแรก แต่ไม่ควรแสดงทั้งหมด ต้องกำหนดจำนวนที่เหมาะสม เพื่อให้ผู้เข้าชมเห็นการเปลี่ยนแปลงได้สะดวกว่ามีอะไรเพิ่มเติม หรือปรับปรุงใหม่บ้าง
8.ไม่ควรใส่ Script คำสั่งเพื่อใส่ลูกเล่นให้กับเว็บมากเกินไป Script สำหรับตกแต่งหน้าเว็บอาจจะทำให้เว็บดูสวย ดูดีขึ้น แต่ก็ทำให้เปิดเว็บได้ช้าลง เครื่องทำงานหนักขึ้น ผู้เข้าชมอาจจะชอบในตอนแรกแต่พอเจอทุกทีที่เข้าเว็บแล้วทำให้เครื่องอืดก็อาจจะเบื่อหน้าเว็บนั้นได้เหมือนกัน ส่วนใหญ่ที่เจอเว็บลักษณะนี้จะเป็นเว็บของผู้ที่เริ่มศึกษาการทำเว็บไซต์ เช่น นักเรียน นักศึกษา เนื่องจากความอยากรู้อยากเห็น อยากทดลองใช้คำสั่ง Script หรือลูกเล่นที่คิดว่าน่าสนใจ สุดท้ายเมื่อเขาเข้าใจการทำเว็บมากขึ้นก็จะไม่ค่อยเห็นความสำคัญของลูกเล่นมากนัก แล้วก็จะเข้าใจว่าเนื้อหาและการจัดการมีความสำคัญมากกว่า ควรออกแบบเว็บให้มีความเรียบง่าย เน้นในด้านเนื้อหา ความสามารถของระบบการจัดการเว็บ เพื่อความสะดวกของผู้เข้าชม และช่วยให้เราดูแลเว็บได้ง่ายขึ้น
9.ควรเลือกสีที่มองดูแล้วสบายตา รวมถึงขนาดของตัวหนังสือต้องไม่ใหญ่หรือเล็กจนเกินไป เพื่อให้ผู้เยี่ยมชมสามารถอ่านเนื้อหาต่าง ๆ ได้อย่างสบายตา
มาจากเว็บhttp://www.thaisolution.net/component/content/article/35-%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B8%AD%E0%B8%82%E0%B9%88%E0%B8%B2%E0%B8%A2-%E0%B8%AD%E0%B8%B4%E0%B8%99%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%99%E0%B9%87%E0%B8%95/10-%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%81%E0%B9%83%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%95%E0%B9%89%E0%B8%99?directory=43