品質管理プロセスをクリーンアップする方法

品質管理（QC）は、プロジェクトを成功または失敗させる可能性があります。 それでも、WordPressクライアントは、モバイルからスマートHDTVまで、あらゆる種類のデバイスでサイトが機能し、見栄えがすることを期待しているため、この重要なプロセスは少し気が遠くなる可能性があります。

ハイエンドの品質保証には、一貫したアプローチ、適切なツール、および設計者と開発者間のコラボレーションが含まれます。 また、プロセスをクライアントに明確に伝えることを忘れないでください。そうすれば、クライアントは何を期待し、いつ参加するかを知ることができます。

1.一貫したプロセスに従います

新しいWebサイトの構築で最良の結果を得るには、ウォーターフォールアプローチを使用し、品質保証と制御を複数回行います。もちろん、適切なタイミングで行います。

品質管理を開始すると、すべてのコンテンツがすでにサイトに追加されており、主要な開発作業はすべて完了している必要があります。 サイトの構築がまだ完了しておらず、大量の変更を加えることになった場合は、プロセスを最初からやり直す必要があります。

QCには数時間以上かかるため、この重要なフェーズに十分な時間を残してください。 通常、すべてを確認する場合、包括的なQCには5〜7営業日かかる場合があります。 多数のページがある大規模なサイトや、eコマースおよびメンバーシップサイトの場合、プロセスに時間がかかる場合があります。

2〜3ラウンドの品質管理を行っている場合は、各段階で異なるチームメンバーを関与させることができます。 最初のラウンドでは通常、開発者と設計者がサイトをレビューし、すべてが設計と範囲に一致することをクロスチェックします。

2回目のラウンドは通常、最も詳細な手順であり、ブラウザのテストとさまざまなデバイスサイズでのサイトのレビューが含まれる場合がありますが、最後のラウンドではクライアントが関与します。 うまくいけば、この時点までに、クライアントが指摘する問題がこれ以上残っていないでしょう！

2.ブラウザとテストツールを利用する

適切なツールを使用すると、QCがより効率的になります。 プロセスを合理化するための最良の方法をいくつか紹介します。

Browser Stackは、人気のあるWebサイトおよびモバイルテストプラットフォームであり、2000以上のデバイスとブラウザーでWebサイトをテストおよびシミュレートできます。 また、サイトを確認するときに、バグや修正のスクリーンショットを簡単にキャプチャすることもできます。 非常に多くの異なる携帯電話やタブレットのデバイスとサイズがあるため、そのようなプラットフォームを利用せずにWebサイトをQCすることは非常に困難です。 結局のところ、あなたのチームは、テストプラットフォームの助けを借りずにサイトを適切にテストするために、iPhoneとAndroidのすべてのバリエーションを所有しているとは限りません。

もちろん、ライブコンピューター（およびモバイルデバイス）のできるだけ多くの異なるブラウザーでWebサイトを確認することをお勧めします。 テストシミュレーションはサイトの非常に正確な表現を提供できますが、デバイス自体をチェックすると、確実性の別の層が得られ、そうでなければ見逃されていたであろう何かが明らかになる可能性があります。

他の2つの優れたリソースは、ChromeDevツールとChromeLighthouse監査です。 Google Chrome Lighthouseを使用すると、パフォーマンス、ユーザー補助、ベストプラクティスを監査できます。 ただし、選択するツールに関係なく、チームがテストするブラウザー、デバイス、および解像度に関する明確なチェックリストに準拠し、結果を追跡していることを確認してください。

プロジェクトの開始時に、チームがサポートするブラウザーと解像度について、クライアントとの明確なガイドラインを確立します。 たとえば、Internet Explorerなどの特定のブラウザはサポートされなくなったため、不安定なプラットフォームで何時間も費やしても意味がありません。

3.デザイナーのフィードバックを含める

品質管理と保証は、開発チームの単なる仕事ではありません。 Webデザイナーが気付くのに最も適していると思われる問題がたくさんあります。

デザイナーは、フォームデザイン、色の選択、およびサイト上のホバーオーバーを確認して、すべてがモックアップと一致することを確認できます。 また、サイトのレスポンシブな問題にも役立ちます。 開発者がモバイルの問題に苦しんでいる場合、設計者は、要素を折りたたんで小さなデバイスに配置する方法について貴重なフィードバックを提供できます。 サイトにマイクロアニメーションとスクロールアニメーションが含まれている場合、デザイナーはこれらが自分のビジョンと一致していることを確認して確認できます。

最後に、設計者は、構築されたサイトの画像とデザイン要素の品質と解像度を監視できます。 開発者は、ビルド中にパフォーマンスのために画像を最適化することがよくあり、最適化作業によって解像度が大幅に低下し、デザインの品質が低下する場合があります。

デザインがより複雑になり、より動的な要素が含まれるようになると、デザイナーと開発者の間のコラボレーションには間違いなく多くの領域があります。 これを念頭に置いて、Webデザイナーは、開発チーム向けにWebサイトスタイルガイドとデザイナーノートを準備することにより、QCプロセス中の前後の一部を減らすことができます。

QC中のモバイルの変更を減らすために、デザイナーにホームページまたはモバイルメニューの一部のモバイルモックアップを準備してもらうことも役立ちます。

4.パフォーマンスとアクセシビリティに焦点を当てる

今日、すべてのWebサイトチームは、プロジェクトのすべてのステップでパフォーマンスを考慮する必要があります。 QCプロセス中のパフォーマンスの問題に対処することで、リリース後の主要な最適化作業やクライアントからの苦情を回避できます。

ここ数年、パフォーマンスとページの読み込み時間は検索エンジン最適化のランキング要素であり、ランキングだけではありません。 ページの読み込み時間も、サイトのユーザーエクスペリエンスに影響を与えます。 開発プロセスで決定を下すときは、選択したプラグインから親テーマまで、パフォーマンスへの影響を考慮してください。

Webアクセシビリティは、QCのもう1つの重要な考慮事項です。 開発のベストプラクティスとWebコンテンツアクセシビリティガイドラインに従うことで、サイト上の他のエラーを最小限に抑えることができます。 アクセシビリティについては、キーボードナビゲーション機能、デザインレイアウトの色のコントラスト、および任意のフォームのエラーメッセージを確認する必要があります。 WebAIMのカラーコントラストツールを使用して、サイトのコントラスト比を確認できます。

QCプロセス中は、必ずいくつかのベースラインWordPress速度テストを実行し、起動後にもう一度繰り返してください。 本番サーバー環境で新しいサイトを構築している場合、キャッシュが有効になっていない場合、またはサイトが最終的に別のプラットフォームでホストされる場合は、正確な結果が得られない可能性があります。

5.eコマースと複雑な開発チェック

QCプロセス中に視覚的な問題をチェックすることに加えて、eコマースやメンバーシップサイトなどの複雑なビルドにより多くの時間を割り当てる必要があります。

重要なテストを見逃さないように、これらのタイプのプロジェクトに特定のプロセスを用意しておくと便利です。 上記の通常のQCアイテムに加えて、ショッピングカートをテストし、配送設定を確認し、eコマースウェブサイトの商品フィルタリングまたは検索オプションを確認する必要があります。 また、メールプラットフォームやCRMとの統合の問題にも注意する必要があります。

メンバーシップサイトの場合、新しいメンバーシップのサインアップ、支払い処理（該当する場合）、および更新の手順をテストする必要があります。 PayPalやStripeなどのほとんどの支払いゲートウェイは、支払いを処理してから払い戻しを行うことなく、本番サイトでテスト支払いを行う方法を提供します。

これらの要素はすべて、これらのタイプのサイトの品質管理プロセスに数日かかる可能性があります。 ただし、主要な問題は売上と収益に直接影響するため、品質管理の手順はeコマースサイトにとってさらに重要です。

クライアントが立ち上げ前にサイトに製品を追加する場合は、すべてのコンテンツと製品がサイトにセットアップされるまで品質管理を延期すると便利です。

完璧に近づく

QCプロセス中に注意すべき詳細がたくさんあるかもしれませんが、それはすべて、一貫性、コラボレーション、および十分にサポートされたツールに帰着します。

そしてもちろん、チームの責任がいつ終了するかについて明確な境界を確立します。 クライアントがサイトにアクセスした後、またはサイトを別のホスティングプラットフォームに移動した後、エラーを予測することは非常に困難な場合があります。

Web開発者向けの＃1ローカルWordPress開発ツールをダウンロードしてください！

ローカルには、より多くの作業を行うために必要なすべてのものがあります。 ワンクリックインストール、インスタントホスティング接続コントロール、および問題が発生した場合の優れたサポートのおかげで、WordPressサイトをローカルで開発するための手間のかからない方法です。 世界中の10万人以上の才能ある開発者から信頼されています（そして最良の部分は無料です）！ ここでローカルを開始します。