Cara menjalankan pengujian Quality Assurance (QA) di situs web baru Anda

Situs web, seperti produk perangkat lunak dan permainan video, memerlukan banyak pengujian. Kesalahan, bug, dan bit yang rusak dijamin akan membuat calon pelanggan Anda lari. Jadi, hari ini kami sedang mencari cara untuk mencegah masalah ini saat Anda meluncurkan situs web baru.

Tonton webinarnya

Artikel ini didasarkan pada webinar yang kami jalankan dengan pakar QA, Brian Borg, pendiri dan CEO Pengujian OnPath. Pengujian OnPath adalah klien kami serta mitra yang membantu kami menjalankan pengujian QA saat kami meluncurkan situs web baru. Brian adalah ahli pengujian perangkat lunak dan telur yang baik.

Anda dapat menonton rekaman aslinya di sini:

Apa itu QA?

Pengujian QA memverifikasi fungsionalitas situs web (atau perangkat lunak lainnya).

Untuk situs web, penguji QA fokus pada fungsionalitas terlebih dahulu, tetapi juga pada kegunaan desain, kinerja, keamanan, dan kepatuhan.

Bagaimana memutuskan apa yang akan diuji

Pengujian membutuhkan pemahaman metodis yang sangat penuh perhatian tentang situs web Anda dan pengguna Anda. Anda harus mundur selangkah dan memikirkannya dari perspektif 10.000 kaki.

Ajukan pertanyaan kepada diri sendiri dari berbagai sudut. Siapa yang berpotensi datang ke situs web kami? Dari mana mereka berasal? Geografi apa? Perangkat apa yang bisa mereka gunakan untuk melihat ini? Browser apa? Sistem operasi apa? Apa yang dilakukan situs web Anda ketika seseorang berinteraksi dengannya? Bagaimana jika mereka mengisi formulir? Apakah Anda mengharapkan email di kotak masuk Anda? Apakah Anda mengharapkan pesan terima kasih di halaman?

Buat rencana tes

Untuk menjalankan pengujian ini, buat rencana pengujian dengan kasus uji granular, yang pada dasarnya adalah daftar periksa yang dimuliakan. Itu membuat Anda tetap jujur, memastikan Anda tidak akan melewatkan sesuatu yang penting. Idealnya ini akan hidup dalam alat siklus hidup pengembangan perangkat lunak (SDLC). Tapi, Anda bisa melacak tes pada sesuatu seperti Excel:

Dalam contoh di atas, Anda melihat kami sedang melihat domain dan fungsionalitas. Kasus uji di sepanjang sisi kiri, lalu browser, sistem operasi, dan perangkat di bagian atas. Cara pelacakan pengujian ini berarti Anda dapat memeriksa ulang perbaikan (pengujian regresi) dan melaporkan metrik pengujian kepada pemangku kepentingan utama.

Intinya adalah bahwa komunikasinya jelas dan tidak ambigu. Dengan begitu, perbaikan bisa efektif.

Alat pengujian QA

Cobalah beberapa alat ini untuk melacak dan mengelola pengujian (kami menggunakan Notion di Articulate, tetapi jarak tempuh Anda mungkin berbeda).

• Jira
• Rel Uji
• Bugzilla
• Trello
• Tautan Tes
• Gagasan

Semua kredit untuk Brian untuk separuh bagian atas blog ini. Sekarang, beberapa wawasan dari pengalaman Articulate dalam membangun situs web untuk klien.

8 hal umum yang perlu Anda uji di situs web Anda

1. Lorem ipsum

Penulis dan desainer biasanya menggunakan salinan placeholder 'Lorem ipsum' ketika mereka membangun sebuah situs web. Kemudian, mereka lupa untuk menggantinya. Jalankan pencarian menyeluruh untuk memeriksa sisa-sisa lorem ipsum.

2. Halaman hilang

Kiat topi ke GitHub untuk gambar.

Jika Anda tidak melakukan redirection dari situs lama ke situs baru dengan benar dengan memetakan URL halaman maka Anda akan mendapatkan link yang rusak dan halaman yang hilang. Pengalihan URL adalah bagian yang sangat penting dalam meluncurkan situs web baru bagi kami. Kami telah melihat beberapa kasus tautan rusak di menu. Sangat sering, tautan menu terhubung ke halaman pengujian pengembang karena cara pembuatannya dikodekan secara keras.

3. Kesalahan SSL

Google akan menghukum situs yang memiliki kesalahan SSL. Sepertinya Anda tidak akan menyadarinya kecuali Anda mengujinya.

Salah satu masalah dengan situs HubSpot adalah, dalam banyak kasus, Anda tidak dapat meng-host situs web HubSpot di domain apex asli. Artinya, Anda tidak dapat memiliki kode HTTPS di artikulasi pemasaran.com; itu harus www.articulatemarketing.com. Dalam hal ini, Anda harus melakukan redirect dari domain apex ke subdomain www. Jika Anda tidak mengatur pengalihan tersebut dengan benar, pengalihan tersebut tidak akan dienkripsi dan akan memicu kesalahan SSL.

4. Gambar gemuk

Desainer Anda mengunggah file grafik 16 megabyte. Anda bisa meletakkannya di papan reklame. Itu tidak memiliki tempat di situs web Anda. Sebagai gantinya, cobalah untuk memastikan gambar Anda kurang dari 300 kilobyte dan tetap menggunakan JPEG atau, bahkan lebih baik, SVG.

Jika Anda menggunakan HubSpot, Anda dapat menggunakan aplikasi kami, Fizz+Ginger, untuk mengompres gambar.

5. Tersembunyi dari Google

Tidak memublikasikan situs Anda ke Google sangat umum. Sangat jarang kami mengambil alih situs web klien dan mereka sudah memiliki daftar Google Search Console. Jika itu hanya membuat telinga Anda terbakar, pergilah ke sini untuk mempelajari tentang peta situs.

Selain itu, terkadang kami mengambil alih situs yang memiliki robots.txt yang memblokir halaman penting dari mesin telusur. Anda mungkin ingin menghapus visibilitas pada halaman tertentu. Namun, jika salah konfigurasi, maka Anda menyembunyikan halaman yang Anda inginkan agar dapat ditemukan orang di Google.

Kiat teratas: Jika Anda mengembangkan situs WordPress, berhati-hatilah agar Anda tidak mencentang 'Mencegah mesin telusur mengindeks situs ini' setelah Anda meluncurkannya.

6. Kompatibilitas peramban

Ini dulunya adalah masalah yang lebih besar daripada sekarang. Internet Explorer sering menjadi biang keladi karena tidak kompatibel dengan standar industri. Sebagai aturan praktis, jika Anda menjalankan dengan nyaman di Chrome atau Safari versi modern, Anda mungkin baik-baik saja di browser lain, tetapi masih layak untuk diuji. Jangan mencoba mengakomodasi browser yang sangat ketinggalan zaman. Ini tidak sepadan dengan usaha.

7. Responsivitas seluler

Sekitar sepertiga dari lalu lintas kami berasal dari seluler. Lebih dari setengah lalu lintas internet di web adalah seluler. Google melakukan pengindeksan mobile-first. Ponsel adalah masa depan, singkatnya.

Mulailah dengan menjalankan pengujian ramah seluler Google, tetapi jangan berhenti di situ. Periksa berbagai perangkat dan ukuran layar untuk hal-hal seperti menu drop-down dan pop-up.

Tips teratas: AMP (Accelerated Mobile Pages) adalah cara untuk membuat halaman Anda secepat kilat di seluler, tetapi Anda kehilangan banyak kendali atas visibilitas, pemformatan, desain, dan tata letak. Namun, mungkin ide yang baik untuk menyalakannya jika Anda mengalami penurunan lalu lintas karena pembaruan algoritme terbaru Google.

8. Bentuk yang tidak kemana-mana

Periksa apakah semua formulir masuk ke seseorang, terutama formulir halaman kontak. Perangkat lunak CRM HubSpot akan mencatat pengisian formulir, tetapi terserah Anda untuk mengatur sistem pemberitahuan sehingga orang-orang di bisnis Anda tahu bahwa seseorang sedang mencoba untuk menghubungi.

Catatan terakhir

Kami adalah agen pemasaran yang berorientasi pada data dan berorientasi pada detail, jadi kami lebih menyukai prinsip pengujian QA yang ketat.

Bicaralah dengan Pengujian OnPath untuk layanan pengujian atau bicaralah dengan salah satu konsultan kami jika Anda memerlukan situs web baru.

Kami akan meninggalkan Anda dengan pemikiran ini:

'Pengujian adalah proses tak terbatas untuk membandingkan yang tidak terlihat dengan yang ambigu untuk menghindari hal yang tidak terpikirkan terjadi pada yang anonim.'

— James Bach