วิธีเรียกใช้การทดสอบการประกันคุณภาพ (QA) บนเว็บไซต์ใหม่ของคุณ

เว็บไซต์ เช่น ผลิตภัณฑ์ซอฟต์แวร์และวิดีโอเกม ต้องมีการทดสอบเป็นจำนวนมาก รับประกันข้อผิดพลาด ข้อบกพร่อง และบิตที่เสียหายเพื่อส่งผู้มีโอกาสเป็นลูกค้าของคุณทำงาน ดังนั้น วันนี้เรามาดูวิธีป้องกันปัญหาเหล่านี้เมื่อคุณเปิดเว็บไซต์ใหม่

ชมการสัมมนาผ่านเว็บ

บทความนี้อิงจากการสัมมนาผ่านเว็บที่เราดำเนินการโดยผู้เชี่ยวชาญด้าน QA, Brian Borg ผู้ก่อตั้งและ CEO ของ OnPath Testing การทดสอบ OnPath เป็นลูกค้าของเราและคู่ค้าที่ช่วยเราดำเนินการทดสอบ QA เมื่อเราเปิดตัวเว็บไซต์ใหม่ Brian เป็นผู้เชี่ยวชาญด้านการทดสอบซอฟต์แวร์และเป็นคนเก่ง

คุณสามารถรับชมการบันทึกต้นฉบับได้ที่นี่:

QA คืออะไร?

การทดสอบ QA จะตรวจสอบการทำงานของเว็บไซต์ (หรือซอฟต์แวร์อื่นๆ)

สำหรับเว็บไซต์ ผู้ทดสอบ QA จะเน้นที่ฟังก์ชันการทำงานก่อน แต่ยังรวมถึงความสามารถในการใช้งานของการออกแบบ ประสิทธิภาพ ความปลอดภัย และการปฏิบัติตามข้อกำหนดด้วย

วิธีตัดสินใจว่าจะทดสอบอะไร

การทดสอบต้องใช้ความเข้าใจอย่างเป็นระบบและรอบคอบเกี่ยวกับเว็บไซต์และผู้ใช้ของคุณ คุณต้องย้อนกลับไปคิดในมุม 10,000 ฟุต

ถามคำถามตัวเองจากทุกมุม ใครบ้างที่อาจมาที่เว็บไซต์ของเรา? พวกเขามาจากไหน? ภูมิศาสตร์อะไร? พวกเขาจะดูอุปกรณ์อะไรได้บ้าง เบราว์เซอร์อะไร? ระบบปฏิบัติการอะไร? เว็บไซต์ของคุณทำอะไรเมื่อมีคนโต้ตอบกับเว็บไซต์ เกิดอะไรขึ้นถ้าพวกเขากรอกแบบฟอร์ม? คุณคาดหวังอีเมลในกล่องจดหมายของคุณหรือไม่? คุณคาดหวังข้อความขอบคุณบนหน้าหรือไม่?

วางแผนการทดสอบ

ในการรันการทดสอบเหล่านี้ ให้สร้างแผนการทดสอบด้วยกรณีทดสอบที่ละเอียด ซึ่งโดยพื้นฐานแล้วเป็นรายการตรวจสอบที่น่ายกย่อง มันช่วยให้คุณซื่อสัตย์ มั่นใจได้ว่าคุณจะไม่พลาดสิ่งสำคัญ ตามหลักการแล้วสิ่งนี้จะอยู่ในเครื่องมือวงจรการพัฒนาซอฟต์แวร์ (SDLC) แต่คุณสามารถติดตามการทดสอบบางอย่างเช่น Excel:

ในตัวอย่างข้างต้น คุณเห็นว่าเรากำลังดูโดเมนและฟังก์ชันการทำงาน กรณีทดสอบทางด้านซ้าย จากนั้นเบราว์เซอร์ ระบบปฏิบัติการ และอุปกรณ์ที่อยู่ด้านบน วิธีการติดตามการทดสอบนี้หมายความว่าคุณสามารถตรวจสอบการแก้ไขอีกครั้ง (การทดสอบการถดถอย) และรายงานเกี่ยวกับตัววัดการทดสอบไปยังผู้มีส่วนได้ส่วนเสียหลัก

ประเด็นทั้งหมดคือการสื่อสารมีความชัดเจนและชัดเจน ด้วยวิธีนี้ การแก้ไขจะได้ผล

เครื่องมือทดสอบ QA

ลองใช้เครื่องมือเหล่านี้เพื่อติดตามและจัดการการทดสอบ (เราใช้ Notion ที่ Articulate แต่ระยะของคุณอาจแตกต่างกันไป)

• จิรา
• รางทดสอบ
• บักซิลล่า
• Trello
• ลิงค์ทดสอบ
• ความคิด

เครดิตทั้งหมดสำหรับ Brian สำหรับครึ่งบนของบล็อกนี้ ตอนนี้ ข้อมูลเชิงลึกบางส่วนจากประสบการณ์ของ Articulate ในการสร้างเว็บไซต์สำหรับลูกค้า

8 สิ่งทั่วไปที่คุณต้องทดสอบบนเว็บไซต์ของคุณ

1. ลอเรม อิปซัม

นักเขียนและนักออกแบบมักใช้สำเนาตัวยึดตำแหน่ง 'Lorem ipsum' เมื่อพวกเขาสร้างเว็บไซต์ จากนั้นพวกเขาลืมเปลี่ยน ทำการค้นหาอย่างละเอียดเพื่อตรวจหา lorem ipsum ที่ยังค้างอยู่

2. หน้าหาย

ปลายหมวกไปที่ GitHub สำหรับรูปภาพ

หากคุณไม่เปลี่ยนเส้นทางจากเว็บไซต์เก่าของคุณไปยังไซต์ใหม่อย่างถูกต้องโดยการจับคู่ URL ของหน้า คุณจะได้รับลิงก์เสียและหน้าที่หายไป การเปลี่ยนเส้นทาง URL เป็นส่วนสำคัญในการเปิดตัวเว็บไซต์ใหม่สำหรับเรา เราเคยเห็นลิงก์เสียหลายกรณีในเมนู บ่อยครั้ง ลิงก์เมนูเชื่อมต่อกับหน้าทดสอบสำหรับนักพัฒนาเนื่องจากได้รับการฮาร์ดโค้ด

3. ข้อผิดพลาด SSL

Google จะลงโทษไซต์ที่มีข้อผิดพลาด SSL มีแนวโน้มว่าคุณจะไม่สังเกตเห็นสิ่งนี้เว้นแต่ว่าคุณกำลังทดสอบอยู่

ปัญหาอย่างหนึ่งของไซต์ HubSpot คือ ในกรณีส่วนใหญ่ คุณไม่สามารถโฮสต์เว็บไซต์ HubSpot บนโดเมนเนทีฟเอเพ็กซ์ได้ หมายความว่า คุณไม่มีรหัส HTTPS ใน articulatemarketing.com ต้องเป็น www.articulatemarketing.com ในกรณีนี้ คุณต้องเปลี่ยนเส้นทางจากโดเมนเอเพ็กซ์ไปยังโดเมนย่อย www หากคุณไม่ได้ตั้งค่าการเปลี่ยนเส้นทางอย่างถูกต้อง จะไม่มีการเข้ารหัสและจะทำให้เกิดข้อผิดพลาด SSL

4. ภาพอ้วน

นักออกแบบของคุณอัปโหลดไฟล์กราฟิกขนาด 16 เมกะไบต์ คุณสามารถวางมันลงบนป้ายโฆษณา ไม่มีที่บนเว็บไซต์ของคุณ ให้พยายามให้แน่ใจว่ารูปภาพของคุณมีขนาดน้อยกว่า 300 กิโลไบต์และยึดติดกับ JPEG หรือ SVG ที่ดียิ่งขึ้น

หากคุณใช้ HubSpot คุณสามารถใช้แอป Fizz+Ginger เพื่อบีบอัดรูปภาพได้

5. ซ่อนจาก Google

การไม่เผยแพร่ไซต์ของคุณไปยัง Google เป็นเรื่องปกติอย่างน่าประหลาดใจ หายากมากที่เราจะเข้ายึดเว็บไซต์ของลูกค้า และพวกเขาก็มีรายชื่อ Google Search Console แล้ว หากนั่นทำให้คุณรู้สึกแสบร้อน ไปที่นี่เพื่อเรียนรู้เกี่ยวกับแผนผังเว็บไซต์

นอกจากนี้ บางครั้งเราเข้าควบคุมไซต์ที่มี robots.txt ที่บล็อกหน้าสำคัญจากเครื่องมือค้นหา คุณอาจ ต้องการ ลบการมองเห็นในบางหน้า อย่างไรก็ตาม หากกำหนดค่าไม่ถูกต้อง แสดงว่าคุณกำลังซ่อนหน้าเว็บที่ คุณ ต้องการให้ผู้อื่นสามารถค้นหาได้ใน Google

เคล็ดลับยอดนิยม: หากคุณกำลังพัฒนาไซต์ WordPress ระวังว่าคุณไม่ได้ตรวจสอบ 'กีดกันเครื่องมือค้นหาจากการจัดทำดัชนีไซต์นี้' หลังจากที่คุณเปิดตัว

6. ความเข้ากันได้ของเบราว์เซอร์

สิ่งนี้เคยเป็นปัญหาที่ใหญ่กว่าที่เป็นอยู่ในปัจจุบัน Internet Explorer มักเป็นต้นเหตุของการไม่รองรับมาตรฐานอุตสาหกรรม ตามหลักการทั่วไป หากคุณใช้งาน Chrome หรือ Safari เวอร์ชันใหม่ได้อย่างสะดวกสบาย เบราว์เซอร์อื่นอาจใช้งานได้ตามปกติ แต่ก็ยังคุ้มค่าที่จะทดสอบ อย่าพยายามรองรับเบราว์เซอร์ที่ล้าสมัย มันไม่คุ้มกับความพยายาม

7. การตอบสนองของมือถือ

ประมาณหนึ่งในสามของการเข้าชมของเรามาจากอุปกรณ์เคลื่อนที่ มากกว่าครึ่งของปริมาณการใช้อินเทอร์เน็ตบนเว็บเป็นอุปกรณ์เคลื่อนที่ Google จัดทำดัชนีเพื่ออุปกรณ์เคลื่อนที่เป็นอันดับแรก มือถือคืออนาคตในระยะสั้น

เริ่มต้นด้วยการทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่ของ Google แต่อย่าหยุดเพียงแค่นั้น ตรวจสอบอุปกรณ์และขนาดหน้าจอต่างๆ เช่น เมนูแบบเลื่อนลงและป๊อปอัป

เคล็ดลับยอดนิยม: AMP (Accelerated Mobile Pages) คือวิธีหนึ่งในการทำให้หน้าเว็บของคุณทำงานได้รวดเร็วบนอุปกรณ์เคลื่อนที่ แต่คุณสูญเสียการควบคุมการมองเห็น การจัดรูปแบบ การออกแบบ และการจัดวางไปมาก อย่างไรก็ตาม อาจเป็นความคิดที่ดีที่จะเปิดใช้งานหากคุณประสบปัญหาการเข้าชมที่ลดลงเนื่องจากการอัปเดตอัลกอริทึมล่าสุดของ Google

8. แบบฟอร์มที่ไม่ไปไหน

ตรวจสอบว่าแบบฟอร์มทั้งหมดส่งถึงใครบางคน โดยเฉพาะแบบฟอร์มหน้าติดต่อ ซอฟต์แวร์ CRM ของ HubSpot จะบันทึกการกรอกแบบฟอร์ม แต่คุณต้องตั้งค่าระบบการแจ้งเตือนเพื่อให้คนในธุรกิจของคุณรู้ว่ามีคนพยายามติดต่อ

บันทึกสุดท้าย

เราเป็นตัวแทนการตลาดที่ขับเคลื่อนด้วยข้อมูลและเน้นรายละเอียด ดังนั้นเราจึงชอบหลักการทดสอบ QA ที่เข้มงวด

พูดคุยกับ OnPath Testing สำหรับบริการทดสอบหรือพูดคุยกับที่ปรึกษาของเราหากคุณต้องการเว็บไซต์ใหม่

เราจะฝากความคิดนี้ไว้กับคุณ:

'การทดสอบเป็นกระบวนการที่ไม่มีที่สิ้นสุดในการเปรียบเทียบสิ่งที่มองไม่เห็นกับสิ่งที่คลุมเครือ เพื่อหลีกเลี่ยงไม่ให้สิ่งที่ไม่คาดคิดเกิดขึ้นกับคนนิรนาม'

— เจมส์ บาช