Transcript หลักการออกแบบและพัฒนาเว็บไซต์

หลักการออกแบบและพัฒนาเว็บไซต์
(Web Development Processes)
วิชาการออกแบบทางเว็บ โดย..อ.นุ จรี บุรีรตั น์
เริ่มต้นสร้างเว็บไซต์
การพัฒนาเว็บไซต์อย่างมีหลักการ ดาเนินการตามขั้นตอนที่ชดั เจน
จะทาให้คุณสามารถใส่ใจในรายละเอี ยดที่ จาเป็ นในแต่ละขั้นตอนของการ
ออกแบบ ซึ่ งจะช่วยป้องกันข้อผิดพลาดที่อาจเกิดขึ้น และลดความเสี่ยงที่
จะทาให้เว็บประสบความล้มเหลว ได้เว็บที่ตรงกับเป้าหมายตามต้องการ , มี
ประโยชน์ และให้ความสะดวกแก่ผทู ้ ี่เข้ามาใช้บริการ
การสร้า งเว็ บ ที่ ดี น้ั น ต้อ งอาศัย การออกแบบและจัด ระบบข้อมู ล
อย่างเหมาะสม การพัฒนาเว็บตามขั้นตอนนั้น เป็ นเรื่องที่ยุง่ ยากและเสียเวลา
แต่ถา้ มองอีกแง่หนึ่ งแล้ว วิธีการเหล่านี้กลับจะทาให้คุณพัฒนาเว็บได้อย่าง
สะดวก เพราะมีลาดับขั้นตอนต่าง ๆ ช่วยนาทางให้อยู่แล้ว จึงมั ่นใจได้ว่า
คุ ณ จะไม่ ห ลงทางและก้า วไปถึ ง จุ ด หมายได้ใ นที่ สุ ด ผลลัพ ธ์ที่ ไ ด้ ก็ จ ะมี
ประสิทธิภาพตามที่ต้งั ใจ
จัดระบบโครงสร้างข้อมูล
การจัดระบบโครงสร้างข้อมูล คือการพิจารณาว่าเว็บไซต์ควรจะมี
ข้อมูลและการทางานใดบ้าง ด้วยการสร้างเป็ นแผนผังโครงสร้างก่อนที่ จะ
เริ่ม ลงมื อ พัฒ นาเว็ บ เพจ โดยเริ่ม จากการก าหนดเป้ าหมายของเว็ บ ไซต์
และกลุ่มผูใ้ ช้เป้าหมาย ต่อมาก็ พิจารณาถึงเนื้ อหาและการใช้งานที่จาเป็ น
แล้วนามาจัดกลุ่มให้เป็ นระบบ จากนั้นก็ถึงเวลาในการออกแบบโครงสร้าง
ข้อมูลในหน้าเว็บให้พร้อมที่จะนาไปออกแบบกราฟิ ก และหน้าตาให้สมบูรณ์
ต่อไป
การจัด ระบบโครงสร้า งข้อ มู ล เป็ นพื้ นฐานส าคัญ ในการออกแบบ
เว็บไซต์ที่ดี ที่จะช่วยคุณพัฒนาแบบแผนรายละเอียดข้อมูลในการออกแบบ
เว็บไซต์ ซึ่งได้แก่ รูปแบบการนาเสนอ , ระบบการทางาน , แบบจาลอง ,
ระบบเนวิ เกชัน และอิ นเตอร์เฟสของเว็ บ ดังนั้นการจัดระบบโครงสร้าง
ข้อมูลจึงเป็ นสิ่งสาคัญที่เกี่ยวข้องอยูใ่ นกระบวนการออกแบบเว็บไซต์
จัดระบบโครงสร้างข้อมูล
แผนผังโครงสร้างข้อมูล
กระบวนการ 13 ขั้นตอนในการพัฒนาเว็บไซต์
กระบวนการ 13 ขั้นตอนในการพัฒนาเว็บไซต์
กระบวนการ 13 ขั้นตอนในการพัฒนาเว็บไซต์
กระบวนการ 13 ขั้นตอนในการพัฒนาเว็บไซต์
กระบวนการ 13 ขั้นตอนในการพัฒนาเว็บไซต์
ข้อมูลหลัก 5 ส่วน ที่ควรมีในเว็บไซต์
1. ข้อมูลเกี่ยวกับบริษัท (About the company) โดยปกติแล้วผูค้ น
ต้อ งการรู ้ข อ้ มู ล พื้ นฐานของบริ ษั ท ในด้า นต่ า ง ๆ เช่ น ประวัติ แ ละความเป็ นมา,
เป้าหมายของบริษัท, ขนาดและความมัน่ คงของบริษัท , จานวนพนั กงาน และกิจการ
อื่น ๆ ที่เกี่ยวข้อง สิ่งต่าง ๆ เหล่านี้ ช่วยให้ผคู้ นเห็นภาพที่ชดั เจนของบริษัท สร้างความ
ยอมรับและเชื่อมัน่ ในตัวสินค้าและบริการของบริษัท
2. รายละเอียดผลิตภัณฑ์ (Product information)
ผูค้ นจานวนมาก
ต้องการรับรูร้ ายละเอียดของผลิตภัณฑ์หรือบริการที่สนใจก่อนที่จะตัดสิ นใจซื้ อ ดังนั้นใน
เว็บไซต์ของคุณจาเป็ นต้องมีส่วนที่ให้ขอ้ มูลเกี่ยวกับผลิตภัณฑ์, บริการ , โปรแกรมพิเศษ
และงานแสดงต่ า ง ๆ ถ้า ผลิ ต ภั ณ ฑ์ ข องคุ ณ เป็ นซอฟแวร์ ก็ ค วรมี ข ้อ มู ล ในด้า น
ความสามารถของซอฟต์แวร์ คู่มือการใช้งาน และเทคนิ คพิเศษต่าง ๆ เมื่อผู้ ใช้รูส้ ึก
สนใจ ก็ มีตัวอย่างซอฟต์แวร์ให้ดาว์นโหลดไปทดลองใช้ และในที่ สุดเมื่อผู้ ใช้มีความ
ต้องการซื้ อซอฟต์แวร์นี้ ก็สามารถหาข้อมูลสถานที่จาหน่ ายผลิตภัณฑ์นี้ทั้งในร้านค้าจริง
และร้านค้าบนอินเทอร์เน็ ต หรืออาจสัง่ ซื้ อโดยตรงจากเว็บไซต์ของคุณเองก็เป็ นได้
ข้อมูลหลัก 5 ส่วน ที่ควรมีในเว็บไซต์
3. ข่าวความคืบหน้าและข่าวจากสื่อมวลชน (News/Press releases) มีผคู้ น
บางกลุ่ มที่ ติดตามข่าวความเคลื่ อนไหวที่ เกิดขึ้ นกับบริษั ทและผลิ ตภัณฑ์ข องคุ ณ เช่น การ
พัฒนาผลิตภัณฑ์การตอบรับจากสื่อมวลชน และข่าวความคืบหน้าในด้านต่าง ๆ เว็บ ไซต์จึงควร
มีส่วนของข่าวสารเพื่อสื่อให้ผสู้ นใจได้รบั ทราบข้อมูลที่ทนั เหตุการณ์อยู่เสมอ
4. คาถามยอดนิยม (Frequently asked questions) สาหรับเว็บไซต์ที่มีสินค้า
หรื อ บริ ก ารที่ เ ข้า ใจได้ยาก เนื่ องจากเป็ นสิ่ ง ที่ เ กิ ด ขึ้ นใหม่ห รื อ อาจมี ก ระบวนการใช้ง านที่
ซับซ้อน คุ ณควรจะรวบรวมคาถามและคาตอบที่ สาคัญไว้ในส่วนของคาถามยอดนิ ย มหรือ
FAQ ซึ่งจะช่วยให้ผสู้ นใจได้รบั คาตอบที่ตอ้ งการอย่างรวดเร็ว
5. ข้อมูลในการติดต่อ (Contact information) เมื่อคุณมีส่วนของข้อมูลต่าง ๆ ทั้ง
หมดแล้ว ข้อมูลส่ว นสุ ดท้ายที่ สาคัญและจาเป็ นก็คือ ข้อมูล ในการติ ดต่ อ ซึ่ งได้แก่ อี เมล์
แอดเดรส ที่อยู่ของบริษัท เบอร์โทรศัพท์และแฟกซ์ สิ่งเหล่านี้ จะช่วยเพิ่มความน่ าเชื่อถือของ
บริษัทได้อย่างมากในกรรีที่ผูส้ นใจมีคาถามหรืออยากติดต่อกับบริษัทโดยตรง ลองคิดดูว่าถ้า
คุณไม่สามารถติดต่อกับบริษัทได้ เมื่อมีปัญหาเกิดขึ้ นแล้วคุณจะมัน่ ใจในบริษัทนั้นได้อย่างไร
Q&A