article banner

Web Design

Web Design

Web Design

Web Design

Web Design
Web Design

Web Design

      การออกแบบเว็บไซต์ที่ด คือ การออกแบบให้เหมาะสมกับกลุ่มเป้าหมายและลักษณะของเว็บไซต์ โดยคำนึงถึง
ความสะดวกในการใช้งานของผู้ใช้เป็นหลัก เว็บไซต์ที่ออกแบบอย่างมีประสิทธิภาพ
ควรมีความเรียบง่าย มีความสม่ำเสมอ สะท้อนเอกลักษณ์และลักษณะขององค์กรนั้นได้ มีเนื้อหาที่มีประโยชน์
มีระบบ Navigation ที่ใช้งานง่าย มีลักษณะที่น่าสนใจและดึงดูด
มีโลโก้และชื่อเว็บไซต์ทุกหน้า เข้าถึงข้อมูลได้โดยไม่ต้องเข้าเมนูที่ซับซ้อน สามารถเข้าถึงข้อมูลให้ได้มากที่สุดโดยไม่ต้องบังคับให้ผู้ใช้ต้องติดตั้งโปรแกรมเพิ่มเติม หรือเลือกใช้บราวเซอร์ชนิดใดชนิดหนึ่ง สามารถแสดงผลในหน้าจอที่มีความละเอียดต่างๆกันได้ มีคุณภาพในการออกแบบ เลี่ยงลาย background ที่ลายตา เลือกสี background และสี font ให้เหมาะสม ขนาดตัวอักษรพอเหมาะ รองรับเว็บไซต์ที่อาจมีข้อมูลเพิ่มขึ้นเรื่อยๆ ลิงค์ต่างๆเชื่อมโยงไปยังหน้าที่มีอยู่จริง ไม่มี "broken link" ควรใช้เวลาในการดาวน์โหลดน้อย แสดงผลเร็ว และหมั่นปรับปรุงเนื้อหาอย่างสม่ำเสมอ (ธวัชชัย ศรีสุเทพ 2544: 14-23; ดวงพร เกี๋ยงคำ และวงศ์ประชา จันทร์สมวงศ์ 2546: 26-43; Sklar 2003; Kentie 2002)


กระบวนการในการพัฒนาเว็บไซต์ สามารถแบ่งได้เป็น 5 ขั้นตอนที่สำคัญคือ (ธวัชชัย ศรีสุเทพ 2544; ดวงพร เกี๋ยงคำ และวงศ์ประชา จันทร์สมวงศ์ 2546; Geest 2001)

ขั้นตอนที่ 1 : สำรวจปัจจัยสำคัญ (Research)
เริ่มต้นจากการศึกษาหน่วยงานเจ้าของเว็บไซต์ เพื่อกำหนดเป้าหมายของเว็บไซต์ที่ชัดเจน ศึกษาผู้ใช้ เพื่อให้สามารถระบุกลุ่มผู้ใช้ และความต้องการของผู้ใช้ และศึกษาคู่แข่ง เพื่อกำหนดกลยุทธ์ในการแข่งขัน

ขั้นตอนที่ 2 : พัฒนาเนื้อหา (Site Content)
หลังจากการศึกษาข้อมูลเบื้องต้นและกำหนดวัตถุประสงค์ของเว็บไซต์แล้ว จะสามารถกำหนดแนวทางในการออกแบบเว็บไซต์ ขอบเขตเนื้อหาและการใช้งาน เพื่อรวบรวมข้อมูลและเนื้อหาของเว็บไซต์ต่อไป

ขั้นตอนที่ 3 : พัฒนาโครงสร้างเว็บไซต์ (Site Structure)
ในขั้นตอนนี้ จะนำข้อมูลที่รวบรวมได้มาจัดระบบข้อมูล โดยจัดทำแผนผังโครงสร้างข้อมูล และออกแบบระบบ Navigation เพื่อออกแบบการใช้ข้อมูลและแนวทางการท่องเว็บที่จะพัฒนา

ขั้นตอนที่ 4 : ออกแบบและพัฒนาหน้าเว็บ (Visual Design)
ในขั้นตอนนี้ จะทำการออกแบบลักษณะหน้าตาของเว็บเพจตามหลักการออกแบบเว็บที่ดี มีการจัดแบ่งพื้นที่ในหน้าเว็บเพจ และมีรูปแบบโครงสร้างข้อมูลอยู่ในหน้าเว็บที่ออกแบบนี้ ในขั้นตอนนี้ จะได้เว็บเพจต้นแบบที่จะใช้พัฒนาเป็นเว็บไซต์ต่อไป

ขั้นตอนที่ 5 : พัฒนาและดำเนินการ (Production and Operation)
ในขั้นตอนนี้ จะทำการพัฒนาเว็บเพจที่ออกแบบ เป็นเว็บไซต์ที่สมบูรณ์ จนถึงการ upload เว็บไซต์สู่เครื่องแม่ข่ายเพื่อเผยแพร่สู่อินเทอร์เน็ต และกำหนดแนวทางการดูแลเนื้อหาและพัฒนาต่อไป

เทคนิคการออกแบบเว็บเพจให้แสดงผลได้เร็ว

  1. ลดขนาดของไฟล์ HTML โดยกำจัดคำสั่ง หรือแท็ก tag ที่ไม่จำเป็นออกไป
  2. ใช้ตัวอักษร และลิงค์แบบ html
  3. ใช้ graphic ให้ถูกประเภท
  4. ตัดแบ่งภาพที่มีขนาดใหญ่ให้เป็นภาพชิ้นเล็กๆ
  5. นำกราฟิกกลับมาใช้ใหม่ในหน้าอื่นๆ
  6. กำหนดค่า Width และ Height ของกราฟิก
  7. กำหนดค่า Alt ของกราฟิก
  8. ใช้ style sheet ในการจัดรูปแบบ

article 1 | article 2 | article 3 | article 4