ออกแบบหน้าเว็บ หลักการออกแบบหน้าเว็บ
1. สร้างลําดับชัJนความสําคัญขององค์ประกอบ (Visual Hierarchy)
จัดตําแหน่งและลําดับขององค์ประกอบ แสดงลําดับ ความสําคัญของข้อมูลที ต้องการให้ผ้ใช้ได้รับ เนื่องจาก ภาษาส่วนใหญ่จะอ่านจากซ้ายไปขวา และจากบนลงล่าง จึงควรจัดวางสิ่งที่สําคัญไว้ที่ส่วนบนหรือด้านซ้ายของหน้าอยู่เสมอ เพื่อให้ผุ้ใช้มองเห็นได้ก่อน
สีและความแตกต่างของสี แสดงถึงความสําคัญและ ความสัมพันธ์ของสิ่งต่าง ๆ ภายในหน้า สีที่เด่นชัดเหมาะ สําหรับองค์กรที่สําคัญมาก ส่วนองค์ประกอบที่ใช้สีเดียวกัน ย่อมสื่อความหมายถึงความสัมพันธ์ที ใกล้ชิดและความสําคัญที่เท่าเทียมกัน การใช้สีที่แตกต่างกันอย่างชัดเจนจะสามารถ ดึงดูดความสนใจจากผู้ใช้ให้มองเห็นและตอบสนองได้อย่างรวดเร็ว
ภาพเคลื่อนไหว เป็นสิ่งที่ดึงดดความสนใจได้เป็นอย่างดี แต่จะต้องใช้อย่างจํากัดและระมัดระวังเพราะใช้สิ่งเคลื่อนไหวมากเกินไปจะทําให้จุดสนใจบนหน้าจอมาก จนตัดสินใจได้ยากว่าสิ่งไหนสําคัญ
2. สร้างรูปแบบบุคลิกและสไตล์
รูปแบบ การเลือกรูปแบบเว็บที เหมาะสมจะช่วยสร้าง ความเข้าใจของผ้ใช้ได้ดีขึ้น
บุคลิก เว็บแต่ละประเภทอาจมีบุคลิกลักษณะแตกต่างกัน ขึ้นอย่กับเนื้อหาและเป้าหมายในการนําเสนอ บุคลิกที่ เหมาะกับเนื้อหาย่อมทําให้ผ้ใช้เข้าถึงเนื้อหาได้ดีขึ้น
สไตล์ คือลักษณะการจัดโครงสร้างของหน้า รูปแบบกราฟิก ชนิดและการจัดตัวอักษร ชุดสีที ใช้ รวมถึงองค์ประกอบ อื่น ๆ ซึ่งไม่ควรสร้างสไตล์ของเว็บตามใจชอบแต่ควร คํานึงถึงความเหมาะสม
ไม่ว่าจะเลือกรูปแบบ บุคลิก และสไตล์ใดมาใช้ ควรใช้ ลักษณะเหล่านั้นให้สมํ่าเสมอตลอดทั้งเว็บเพื่อ
ป้องกันความสับสนที่อาจเกิดขึ้นได
3. สร้างความสมํ่าเสมอตลอดทั่วทั้งไซต์
ความสมํ่าเสมอของโครงสร้างหน้าเว็บและระบบเนวิเกชัน ทําให้ผ้ใช้รู้สึกคุ้นเคยและสามารถคาดการณ์ลักษณะของเว็บได้ล่วงหน้า ทางด้านเทคนิคเราสามารถใช้ Cascading Style Sheet ช่วยในการกําหนดสไตล์มาตรฐานได้
4. จัดวางองค์ประกอบที่สําคัญไว้ในส่วนบนของหน้าเสมอ
ส่วนบนของหน้า หมายถึง ส่วนแรกของหน้าที่จะปรากฏขึนในหน้าบราวเซอร์โดยที่ยังไม่มีการเลื่อนหน้าจอใดๆ ส่วนบนสุดนี้ ควรประกอบด้วย
1. ชื่อของเว็บ เพื่อให้ผ้ใช้ได้รู้ทันทีว่ากําลังอยู่ในเว็บอะไร
2. ชื่อหัวเรื่องหรือชื่อแสดงหมวดหมู่ของเนื้อหาที่ปรากฏ
3. สิ่งสําคัญที่เราต้องการโปรโมตเว็บ
4. ระบบเนวิเกชัน เพื่อให้ผ้ใช้คลิกส่วนที่ต้องการได้ทัน
5. สร้างจุดสนใจด้วยความแตกต่าง
การจัดองค์ประกอบให้ภาพรวมของหน้ามีความแตกต่าง เป็นสิ่งสําคัญที่จะนําสายตาผ้อ่านไปยังบริเวณต่างๆ เว็บที่ออกแบบมาไม่ดีโดยเน้นการใช้กราฟิกหรือตัวอักษรที่มากเกินไป จะทําให้ยากต่อการมองหาข้อมลที่มีความสําคัญจริงๆเราสามารถใช้ความแตกต่างของสีเข้ามาช่วยสร้างลักษณะเด่นในหน้าเว็บ เพื่อนําสายตาผ้อ่านไปยังส่วนสําคัญของเนื้อหาได้ ผ้ใช้มองเห็นเว็บในครั้งแรกมีลักษณะเป็นกลุ่มก้อนของรูปร่างและสีที่ตัดกัน ต่อมาก็เริ่มมองเห็นองค์ประกอบได้ชัดเจนขึ้น โดยเริ่มจากรูปภาพและหัวเรื่องขนาดใหญ่ จากนั้นจึงมองเห็นรายละเอียดของเนื้อหาในที่สุด
6. จัดแต่งหน้าเว็บให้เป็นระเบียบและเรียบง่าย
เนื้อหาในหน้าเว็บจําเป็นต้องอย่ในรูปแบบที่ดูง่ายแยกเป็นสัดส่วนและไม่แน่นจนเกินไป การมีข้อมูลหรือองค์ประกอบที มากเกินไปทําให้ผ้อ่านขาดความสนใจ เราจําเป็นต้องจัดการข้อมูลในหน้าเว็บให้มีความร้สึกที่เรียบร้อยเป็นกันเอง การจัดวางตัวอักษร และรูปภาพ ให้เกิดพื้นที่ว่าง ทําให้ภาพรวมไม่แน่นจนเกินไปรวมถึงควรจัดวางหัวข้อและเนื้อเรื่องอย่างเป็นระบบและชัดเจน
7. ใช้กราฟิกอย่างเหมาะสม
ควรใช้กราฟิกที่เป็นไอคอนปุ่ม ลายเส้น และสิ่งอื่น ๆ ตามความเหมาะสมและไม่มากเกินไป เพื่อหลีกเลี่ยงโครงสร้างของหน้าที่ยุ่งเหยิงและไม่เป็นระเบียบ ส่วนตัวอักษรขนาดใหญ่ด้วยคําสั่ง H1 และ H2 ควรใช้ใน
ปริมาณน้อยๆ เพื่อให้ได้ผลลัพธ์สูงสุด การใช้กราฟิกมากเกินความจําเป็นทําให้เกิดจุดเด่นทั่วทั้งหน้าเป็นผลให้ไม่มีอะไรในหน้านั้นเด่นขึ้นมาจริง ๆ
ไม่มีความคิดเห็น :
แสดงความคิดเห็น