Mobile-testing-ui
モバイルテスト-UI
私たちはモバイルアプリケーションを使用していると仮定し、興味深いことに、あなたは次の状況を経験します-
- ボタンの配置がありません。
- テキストがトリミングされています。
- カレンダーコントロールが切断されています。
実際、これはどのユーザーにとっても不快な体験です。 ユーザーに優れたエクスペリエンスを提供するために、モバイルUIテストを強くお勧めします。
テスト計画で最初に検討する領域は、ユーザーインターフェイスです。 テスターとしてのあなたの仕事は、アプリケーションが次のような特定の期待を満たしていることを確認することです-
- デバイスの全体的な配色/テーマ
- アイコンのスタイルと色
- ページの読み込み中の進行状況インジケーター
- メニューとその起動方法、およびそれらに含まれる典型的なアイテム
- このデバイス上のアプリケーションの全体的な応答性
モバイルUIテストの基本について詳しく説明しましょう。
画面の向き/解像度
Webコンテンツは、さまざまなデバイスやネットワーク条件で見た目と使い心地が優れている必要があります。 一般的に、ページが使用可能であることを確認できるように、一般的に使用される画面解像度でWebページをテストすることをお勧めします。
複数列のレイアウトを使用している場合は、訪問者の解像度が低い場合でも列が正しく整列し、表示されていることを確認することをお勧めします。 また、標準の画面解像度を知ることも重要です-
- 640×480
- 800×600
- 1024×768
- 1280×800
- 1366×768
- 1400×900
- 1680×1050
利用可能なツール
市場には、モバイルUIテストをよりスムーズでシンプルにするためのツールがかなりあります。 たとえば-
- Google Chrome拡張機能
- Screenfly
- ブラウザスタック
これらのツールとその有用性についてもう少し理解しましょう。
Google Chrome拡張機能
Googleクロームウェブブラウザで利用できる無料の機能です。 ここでは、Google Chrome拡張機能を使用してモバイルWebをテストする方法を段階的に説明しました-
- ステップ1 *-「Google Chrome Web browser」でテスト中のWebサイトを開きます。
- ステップ2 *-F12を押します。 次のスクリーンショットに示すように、開発者ツールウィンドウが開きます。
- ステップ3 *-アイコンのようなモバイルデバイスをクリックします。 次のスクリーンショットを参照してください。
- ステップ4 *-Webサイトのテストに使用するモバイルデバイスを選択します。 UI検証を行うために、使用可能なさまざまなデバイスを選択できます。
Screenfly
Screenflyは無料で使いやすいツールです。 これを使用するには、Webブラウザでhttp://quirktools.com/screenfly/[Quirktools]と入力するだけです。 次の画面が表示されます。
テスト対象のWebサイトを入力し、[ Go ]をクリックします。 Webサイトを表示するモバイルデバイスを選択します。
BrowserStack
モバイルUIテストを実行するためのもう1つの優れたツールです。 それは素晴らしい結果をもたらします。 これは有料のツールですが、有効なメールアドレスでhttps://www.browserstack.com/[BrowserStack]に登録することにより、無料のトレイルを利用できます。
タッチスクリーン
マルチタッチと シングルタッチスクリーン
お使いのデバイスとアプリケーションが、iPhoneのピンチツーズーム効果などのマルチタッチ機能をサポートしている場合は、特にソフトキーボードでの入力中に、複数の場所で同時に画面に触れることを含む多くのテストケースを含めるようにしてください。
ロングタッチvs. ショートタッチ
タッチスクリーンデバイスをダブルクリックするという概念はありませんが(アプリケーションに具体的に実装されている場合は可能ですが)、Androidスマートフォンなどの一部のデバイスは、ロングタッチとショートタッチを区別します。 アイテムを押したままにすると、画面の中央にコンテキストメニューが表示され、同じアイテムを短くクリックすると、そのコンテキストメニューの最初のアクションが自動的に実行されます。
ボタンのサイズと位置
ボタンとアイコンは、大きな指先で簡単にクリックできるように、画面の端から十分に大きく、十分に離れていることを確認してください。
ソフトキーとハードキー
ソフトキーボード
多くの場合、エンドユーザーにとって重要なさまざまな特殊なケースやコーナーケースがあります。
- ユーザーのメインアクションがテキストの入力である場合、ソフトキーボードは自動的に表示されますか?
- ハイライトされたフィールドが電子メールアドレスを入力するためのものである場合、ソフトキーボードの最初のレイヤーにはショートカット「@」および「.com」キーが含まれていますか?
- ソフトキーボードを簡単に閉じて再表示できますか?
- ソフトキーボードとハードキーボードを同じように使用できますか(デバイスに両方がある場合)。
ハードキー
[スタート]、[ホーム]、[メニュー]、[戻る]など、デバイスで使用可能なハードキーの使用に関する多くのテストを必ず行ってください。 これらはすべて、デバイスのネイティブアプリケーションと対話する方法と同様に、アプリケーションと対話する必要があります。
トラックボール、トラックホイール、タッチパッド
デバイスにタッチスクリーンがない場合は、画面のナビゲーションがユーザーにとってできるだけ痛みがないことを確認することがさらに重要です。 これらの場合、ユーザーはオブジェクト間を移動するためにトラックボール、トラックホイール、またはタッチパッドを使用する場合があります。