虫を捕まえよう! ウェブサイトのテストへの初心者のガイド

ジェームズ-ツィビディス
ジェームズ-ツィビディス

フォローしている

5月2,2019•5分読み取り

ウェブサイトのテストは、それが思われるよりもはるかに簡単です。 あなたはそれを行うためにテスターである必要はありません。 そして、あなたはあなたが全く新しい方法でそれを理解するのを助けるあなたの製品への洞察を得るでしょう。

私はSingle Digital Presence(SDP)プロジェクトのテスターです。 私の仕事は、多くのブラウザ、画面サイズ、デバイスでSDP platformed webサイトをテストして、バグを見つけて最適なユーザーエクスペリエンスを確保するこ

テストは、あなたのユーザーをよりよく理解するのに役立ちます

私がウェブサイトをテストしているとき、私は単にエラーやバグを見つけるために見 これは、異なるデバイス、異なるブラウザ、異なる画面サイズ内でwebサイトを使用することを意味します。 いくつかのバグは1つのブラウザにしか表示されないため、多くの異なる環境でテストする必要があります。 また、さまざまなユーザーがサイトとどのようにやり取りしているかを確認する絶好の機会です。

でテストしたものvic.gov.au webサイトでは、Windows、Mac、Android、iOSを含む複数の環境でテストします。 私たちは、デスクトップコンピュータ、タブレットや携帯電話だけでなく、一部のデバイスのための複数のインターネッ

私たちは、一般的に使用されるブラウザとユーザー受け入れテストテンプレートを含むVictorian Government Digital Standards Test a product or service guideを使用しています。

私たちは、人々が私たちのサイトにアクセスする方法を知らないので、私たちは、彼らがそれにアクセスしても、彼らの経験が一貫しており、それが私たちの品質基準を満たしていることを確認したいと考えています。 もちろん、私たちがサイトをテストできるデバイスは無限にありますが、すでに持っていて他の人から借りることができるデバイスを使用すると、一般の人々がそれをどのように認識するかについて非常に貴重な洞察を提供するのに十分なことがよくあります。

vic.gov.au ウェブサイトがリリースされた、私はDoncasterショッピングセンターにあることを偶然。 だから私は自分自身を持っていなかったので、私は彼らのiPhoneの1つでサイトをテストするためにApple storeに行きました。 私はページフィードバックフォームのいずれかに記入し、”Apple storeからのJames”として署名しました。

ユーザーがサイトにアクセスするために使用しているデバイス、ブラウザ、画面サイズに関する正確なデータが必要な場合は、サイトに設定されているかどうかは、いつでもGoogle Analyticsを確認することができます。

ドラッグテスト

ウェブサイトをテストするときに私がやりたい最初のテストはドラッグテストです。 これにより、同じブラウザに滞在しながら、さまざまな画面サイズやさまざまなデバイスでwebサイトがどのように見えるかをすばやく理解できます。

ドラッグテストでは、ブラウザウィンドウを最大サイズから最小サイズにドラッグして、異なるブレークポイントでサイトがどのように見えるかを

ブレークポイントは、サイトを表示できるさまざまな画面サイズに対応するために物事を大きくしたり小さくしたりしたいので必要です。 それでは、例を見てみましょうvic.gov.au ホームページ…

これは私のvic.gov.au ホームページは私の27″iMacの画面上でその最大サイズに開かれました。 ホームページを見て、ウィンドウを小さくすると何が起こるかを見てみましょう。

これはvic.gov.au ホームページが、それは今、ちょうど半分の画面の下に取っています。 画像では、これまでの2つの画像の主な違いのいくつかを指摘しました。

この画像は、サイトの最小バージョンであり、携帯電話に表示されます。 それは他のものとは最も異なるでしょう。

これらは、上の唯一の三つの画面サイズのブレークポイントではありませんvic.gov…..auとそれはすべてのサイトのために異なるだろうが、それはあなたが始めるために何かです。

私はしばしばヘッダーを見て、ほとんどすべてのヘッダーで毎回何かが変更されているので、私がどのブレークポイントにいるかを確認します。 そして、私はサイトのデザインを見て、それぞれの異なるヘッダーがどのように見えるかを学びました。 機能が特定の画面サイズのブレークポイントでどのように見えるかを知ることができるように、デザインにアクセスするのに役立ちます。 ブレークポイント間の差異の数を考えると、実装にはいくつかのエラーが発生することがよくあります。 だから、これはサイトが開発されているようにやっていることは非常に貴重なテストです。

サイトのヘッダー、コンテンツ、フッターにはすべてブレークポイント間で変更される可能性のあるユニークなコンテンツがあるため、ドラッグテストを また、ページが十分に小さくなったときにサイドバーのコンテンツがどこに行くかに注意してください。 それは通常、底のどこかに行きます。

コンテンツタイプテスト

各ウェブサイトには異なるページコンテンツタイプがあります。 各ページでさまざまな属性をテストするため、個々のコンテンツタイプに精通していることを確認してください。 いくつかのページは他のページよりも異なります。 オンvic.gov.auコンテンツの種類は、次のとおりです。:

  • アラート
  • イベント
  • グラント
  • ランディングページ
  • ニュース
  • ページ
  • プロフィール

コンテンツタイプの詳細については、: https://www.vic.gov.au/what-single-digital-presence-offers#page-templates-available-on-sdp

デバイスとブラウザのテスト

そして最後に、お気に入りのブラウザでサイトを徹底的にテストしたら、他のデバイスやブラウザでもどのように見えるかを確認することは常に良いことです。特に人気のあるものです。タッチエクスペリエンスは常に予想できるものではなく、特定のデバイス上の特定のブラウザに固有のバグを見つけることができます。 どこからともなく出てくるように見えるし、完全に予想外です。

  • 最も人気のあるブラウザ(オーストラリア) — http://gs.statcounter.com/browser-market-share/all/australia
  • 最も人気のあるブラウザ(世界) — http://gs.statcounter.com/browser-market-share
  • iPhoneシミュレータ(Macのみ) — https://developer.apple.com/xcode/
  • あなただけの画面解像度のテストの代わりに、デバイス固有のテストを行いたい場合は、Google Chromeの開発者ツールは、実際のデバイスがどのように動作す

この記事では説明していない多くのウェブサイトのテスト技術がありますが、これは始めるのに最適な場所です。 次にテストするのは、フォームに入力されたデータがバックエンドに正しく表示され、無効なデータを入力できないことです。

楽しいテストを持っていると私は人々がこの記事から学ぶものを聞くことを楽しみにしています。 みんなでウェブをもっと良くしましょう!

コメントを残す

メールアドレスが公開されることはありません。