อ่านประมาณ 9 นาที
ระดับเริ่มต้น
หมวด: เว็บ
อ้างอิง: ทีมงาน Smart Cyber Tech — เรียบเรียงจากขั้นตอนที่ใช้จริงกับลูกค้า
การจ้างทำเว็บไซต์ที่ราบรื่นมีขั้นตอนหลัก 6 ขั้น คือ คุยความต้องการ ใบเสนอราคาและสัญญา ออกแบบ พัฒนา ทดสอบและตรวจรับ แล้วเปิดใช้พร้อมดูแลต่อ เว็บไซต์บริษัทขนาดมาตรฐานมักใช้เวลารวมราว 4-8 สัปดาห์ แต่โครงการที่ล่าช้าส่วนใหญ่ไม่ได้ช้าเพราะเขียนโปรแกรม หากช้าเพราะไม่รู้ว่าขั้นไหนต้องตัดสินใจอะไร และตรวจรับงานด้วยความรู้สึกแทนที่จะมีรายการชัดเจน บทความนี้อธิบายทีละขั้นว่าเกิดอะไรขึ้น ผู้จ้างต้องทำอะไร ควรได้เอกสารอะไรกลับมา และต้องตรวจอะไรก่อนอนุมัติขั้นถัดไป ใช้ได้ทั้งการจ้างทำเว็บไซต์บริษัท ร้านค้าออนไลน์ และเว็บแอปพลิเคชัน
ภาพรวม 6 ขั้นและระยะเวลาโดยประมาณ
ขั้นตอนจ้างทำเว็บไซต์บริษัทขนาดมาตรฐาน (ราว 6-10 หน้า ไม่มีระบบสั่งซื้อ)| ขั้น | สิ่งที่เกิดขึ้น | ผลลัพธ์ที่ผู้จ้างควรได้ | เวลาโดยประมาณ |
|---|
| 1. คุยความต้องการ | ประชุมเก็บเป้าหมาย กลุ่มลูกค้า และขอบเขตงาน | บันทึกสรุปความต้องการ | 2-5 วัน |
| 2. ใบเสนอราคาและสัญญา | ประเมินขอบเขต แบ่งงวดงาน ตกลงเงื่อนไข | ใบเสนอราคา + ขอบเขตงาน + สัญญา | 3-7 วัน |
| 3. ออกแบบ | ผังเว็บ โครงหน้า และหน้าตาจริง | ผังเว็บ + แบบหน้าจอที่อนุมัติแล้ว | 1-2 สัปดาห์ |
| 4. พัฒนา | เขียนระบบบนเว็บทดสอบ ใส่เนื้อหาจริง | ลิงก์เว็บทดสอบที่เข้าดูได้ตลอด | 2-4 สัปดาห์ |
| 5. ทดสอบและตรวจรับ | ตรวจตามรายการ แก้ไข แล้วตรวจซ้ำ | รายการตรวจรับที่ผ่านครบ | 3-7 วัน |
| 6. เปิดใช้และดูแลต่อ | ย้ายขึ้นโดเมนจริง ตั้งค่า อบรม ส่งมอบ | เว็บจริง + บัญชี + คู่มือ | 1-3 วัน + ระยะรับประกัน |
ระยะเวลาในตารางนับเฉพาะกรณีที่ผู้จ้างมีเนื้อหาและตอบคำถามได้ทันเวลา ถ้าต้องรอเนื้อหา รอการอนุมัติจากหลายคน หรือเพิ่มระบบกลางทาง เวลาจะยืดออกตามนั้น ส่วนร้านค้าออนไลน์หรือเว็บแอปที่มีระบบสมาชิกและการเชื่อมต่อภายนอกจะใช้เวลาในขั้น 3-5 มากกว่านี้ตามจำนวนระบบ
ขั้นที่ 1 คุยความต้องการ: ตกลงว่าเว็บนี้มีไว้ทำอะไร
การประชุมครั้งแรกคือขั้นที่มีผลต่อทั้งโครงการมากที่สุด ทีมพัฒนาที่ดีจะถามมากกว่าเสนอ เช่น ลูกค้าหลักเป็นใคร อยากให้คนเข้าเว็บแล้วทำอะไรต่อ มีระบบอะไรที่ต้องเชื่อม และใครเป็นผู้ตัดสินใจ ถ้าเตรียมเช็กลิสต์ 8 ข้อไว้ก่อน การประชุมนี้จะจบได้ในครั้งเดียว ผลลัพธ์ของขั้นนี้ควรเป็นบันทึกสรุปเป็นลายลักษณ์อักษรที่ทั้งสองฝ่ายอ่านแล้วเห็นตรงกัน ไม่ใช่แค่ความเข้าใจในการคุย
ขั้นที่ 2 ใบเสนอราคาและสัญญา: อ่านขอบเขตงานมากกว่าตัวเลข
เอกสารที่สำคัญที่สุดในขั้นนี้ไม่ใช่ตัวเลขรวม แต่คือขอบเขตงานที่ระบุชัดว่าได้อะไรบ้าง เช่น จำนวนหน้า ระบบที่มี จำนวนรอบแก้แบบ งานที่ไม่รวม และสิ่งที่ผู้จ้างต้องส่งให้ สิ่งที่ควรตรวจในสัญญามี 5 ข้อ คือ การแบ่งงวดจ่ายตามผลงานที่ตรวจรับได้ ไม่ใช่ตามวันที่ ความเป็นเจ้าของโดเมน บัญชี และซอร์สโค้ดเมื่อจ่ายครบ ระยะรับประกันหลังเปิดใช้และสิ่งที่ครอบคลุม วิธีจัดการเมื่อขอเพิ่มงานนอกขอบเขต และค่าบริการรายเดือนหลังเปิดใช้ถ้ามี งานที่ตกลงกันชัดตั้งแต่ขั้นนี้คือสิ่งที่กันงบบานปลายได้ดีที่สุด
ขั้นที่ 3 ออกแบบ: อนุมัติทีละชั้น จากโครงไปถึงหน้าตา
การออกแบบที่ดีจะไปทีละชั้น เริ่มจากผังเว็บ (sitemap) ที่บอกว่ามีหน้าอะไรและเชื่อมกันอย่างไร ต่อด้วยโครงหน้า (wireframe) ที่วางตำแหน่งเนื้อหาโดยยังไม่มีสี แล้วจึงเป็นหน้าตาจริง (UI) ที่มีสี ฟอนต์ และรูป การอนุมัติทีละชั้นทำให้แก้ได้ถูกจุด เพราะการย้ายเมนูในขั้นโครงหน้าใช้เวลาไม่กี่นาที แต่ถ้าย้ายหลังเขียนโปรแกรมแล้วอาจใช้เวลาหลายวัน สิ่งที่ผู้จ้างควรทำคือดูแบบบนมือถือด้วยทุกครั้ง เพราะลูกค้าส่วนใหญ่ของธุรกิจไทยเข้าเว็บจากมือถือ และแจ้งความเห็นรวมเป็นชุดเดียวต่อรอบ ไม่ทยอยส่งทีละข้อ
ขั้นที่ 4 พัฒนา: ต้องได้ลิงก์เว็บทดสอบที่เข้าดูได้ตลอด
ระหว่างพัฒนา ทีมที่ทำงานโปร่งใสจะให้ลิงก์เว็บทดสอบ (staging) ที่ผู้จ้างเปิดดูความคืบหน้าได้ทุกเมื่อ แทนการส่งภาพหน้าจอ และรายงานความคืบหน้าเป็นระยะ เช่นสัปดาห์ละครั้ง ขั้นนี้เป็นช่วงที่ต้องส่งเนื้อหาจริงเข้าระบบ ถ้าเนื้อหายังไม่พร้อม โครงการจะหยุดรอที่นี่ การขอเพิ่มระบบใหม่ในขั้นนี้ทำได้ แต่ควรขอเป็นเอกสารเพิ่มงาน พร้อมประเมินเวลาและค่าใช้จ่ายส่วนเพิ่มก่อนลงมือ เพื่อไม่ให้ขอบเขตงานค่อย ๆ ขยายจนเส้นตายเลื่อนโดยไม่มีใครตั้งใจ
ขั้นที่ 5 ทดสอบและตรวจรับ: ตรวจตามรายการ ไม่ใช่ตามความรู้สึก
การตรวจรับที่ดีต้องมีรายการตรวจ (acceptance checklist) ที่ตกลงกันไว้ตั้งแต่ขั้นสัญญา แล้วตรวจทีละข้อ รายการขั้นต่ำที่ควรมี ได้แก่ ทุกหน้าแสดงผลถูกบนมือถือ แท็บเล็ต และคอมพิวเตอร์ ฟอร์มติดต่อส่งถึงอีเมลจริง ลิงก์ทุกลิงก์ไม่เสีย เบอร์โทรและที่อยู่ถูกต้องตรงกันทุกหน้า หน้าเว็บโหลดเร็วบนมือถือ แต่ละหน้ามีชื่อหน้าและคำอธิบายสำหรับผลค้นหา มีหน้านโยบายความเป็นส่วนตัวตามกฎหมาย PDPA และระบบหลังบ้านใช้งานได้จริงโดยคนที่จะดูแล ข้อที่ไม่ผ่านให้บันทึกแล้วตรวจซ้ำหลังแก้ ไม่ควรจ่ายงวดสุดท้ายจนกว่ารายการจะผ่านครบ
ขั้นที่ 6 เปิดใช้และดูแลต่อ: สิ่งที่ต้องได้รับตอนส่งมอบ
วันเปิดใช้คือการย้ายเว็บจากเว็บทดสอบขึ้นโดเมนจริง ตั้งค่าใบรับรองความปลอดภัย (SSL) ให้เว็บขึ้นเป็น https ตั้งค่าเครื่องมือวัดผลและ Google Search Console และตั้งการสำรองข้อมูลอัตโนมัติ สิ่งที่ผู้จ้างต้องได้รับในวันส่งมอบคือ สิทธิ์ผู้ดูแลระบบทุกบัญชีในชื่อบริษัท คู่มือหรือการอบรมการเพิ่มเนื้อหา ข้อมูลการเข้าถึงโฮสติ้งและโดเมน และเอกสารระบุระยะรับประกันว่าครอบคลุมอะไร เว็บไซต์ไม่ใช่งานที่เสร็จแล้วจบ ต้องอัปเดตความปลอดภัย ติดตามผล และเพิ่มเนื้อหาต่อเนื่อง จึงควรตกลงแผนดูแลหลังระยะรับประกันไว้ตั้งแต่แรก
สัญญาณเตือนที่ควรระวังระหว่างจ้าง
- ไม่มีขอบเขตงานเป็นลายลักษณ์อักษร มีแต่ตัวเลขรวมหรือรายการคร่าว ๆ
- จดโดเมนหรือเปิดโฮสติ้งในชื่อผู้รับจ้าง โดยไม่มีข้อตกลงโอนให้เมื่อจ่ายครบ
- ไม่มีเว็บทดสอบให้ดู จนถึงวันที่ขอจ่ายงวดใหญ่
- ขอจ่ายงวดสุดท้ายก่อนตรวจรับ หรือไม่มีรายการตรวจรับเลย
- ไม่พูดถึงการดูแลหลังเปิดใช้ ทั้งการอัปเดตความปลอดภัยและการสำรองข้อมูล
คำถามที่พบบ่อย
จ้างทำเว็บไซต์ควรแบ่งจ่ายกี่งวด
นิยมแบ่ง 3-4 งวดผูกกับผลงานที่ตรวจรับได้ เช่น เมื่อเซ็นสัญญา เมื่ออนุมัติแบบ เมื่อเว็บทดสอบครบทุกหน้า และเมื่อตรวจรับผ่านแล้วเปิดใช้ จุดสำคัญคือแต่ละงวดต้องมีผลงานที่ตรวจได้ ไม่ใช่ผูกกับวันที่อย่างเดียว
ขอแก้แบบได้กี่ครั้ง
ขึ้นกับที่ตกลงในขอบเขตงาน ส่วนใหญ่กำหนด 2-3 รอบต่อชั้นของการออกแบบ การรวมความเห็นทั้งหมดเป็นชุดเดียวต่อรอบช่วยให้ใช้รอบแก้ได้คุ้มที่สุด
เว็บเปิดใช้แล้วยังต้องจ่ายอะไรต่อ
ค่าโดเมนและโฮสติ้งรายปีเป็นค่าใช้จ่ายขั้นต่ำ ส่วนการอัปเดตความปลอดภัย สำรองข้อมูล แก้ไขเนื้อหา และติดตามผลการค้นหา อาจทำเองหรือจ้างเป็นแผนดูแลรายเดือน ควรตกลงให้ชัดตั้งแต่ขั้นสัญญา
ถ้ายังไม่ได้เตรียมข้อมูลก่อนเริ่มขั้นที่ 1 ให้อ่านเช็กลิสต์ 8 ข้อก่อนจ้างทำเว็บไซต์ประกอบ ทีมงาน Smart Cyber Tech รับทำเว็บไซต์บริษัท ร้านค้าออนไลน์ และเว็บแอปพลิเคชันตามขั้นตอนทั้ง 6 ขั้นนี้ พร้อมเว็บทดสอบให้ดูตลอดโครงการและรายการตรวจรับที่ตกลงกันตั้งแต่เริ่ม นัดคุยความต้องการได้ที่ แบบฟอร์มติดต่อ
สรุปสาระสำคัญ
- ภาพรวม 6 ขั้นและระยะเวลาโดยประมาณ
- ขั้นที่ 1 คุยความต้องการ: ตกลงว่าเว็บนี้มีไว้ทำอะไร
- ขั้นที่ 2 ใบเสนอราคาและสัญญา: อ่านขอบเขตงานมากกว่าตัวเลข
เกี่ยวกับบทความเขียนโดยทีมงาน Smart Cyber Tech — เรียบเรียงจากขั้นตอนที่ใช้จริงกับลูกค้า ·
ดูบริการที่เกี่ยวข้องภาพปกจัดทำโดยทีมงาน Smart Cyber Tech
มีคำถามเพิ่มเติมเกี่ยวกับบทความนี้? เขียนหาเราได้ที่
info@smart-cyber-tech.com
บริการที่เกี่ยวข้องจากทีมงาน Smart Cyber Tech
แบ่งปันบทความนี้:
LINE
Facebook
X
ปรึกษาทีมของเรา