プロトタイピングと設計テスト

1）なぜそれを必要とします

• 仮説→プロトタイプ→テスト→インサイト→イテレーション→ソリューション。

2）忠実度のレベルとそれらを選択するタイミング

Low-fi（スケッチ/紙）：構造と流れ；反復ごとの30-90分。
Mid-Fi（クリック可能なフレーム）：ナビゲーション、テキスト、状態；0.5-2日。
ハイファイ（視覚/アニメーション）：知覚、マイクロインタラクション；1-5日。
コードプロト（インタラクティブ+リアルデータ）：パフォーマンス、可用性、複雑なパターン（KYC、支払い）；2-10日。

ルール：仮説の質問に答えるのに十分な最小レベルで開始します。

3）プロトタイプフォーマット

ペーパー/ワイヤフロー：クイックスクリプト、スクリーンコミック。
クリック可能（Figma/Framer/ProtoPie）：遷移、条件分岐、擬似形式。
ウィザードオブオズ：「画面の背後にある魔法」、研究者によって模倣された複雑なロジック。
コードプロトタイプ（React/Flutter）：ジェスチャー、パフォーマンス、A11y、 API統合。
コンテンツプロトタイプ：テキスト、空の状態、エラー/成功。

4）どこでテストし、どのように

• モデレート：深さ、明確な質問、think-aloud。
• 変更されていない：スピード、スケール、簡単なタスク。

• 削除：より広い地理、スクリーンレコーディング/ビデオ通話。
• 対面：コンテキスト、アイトラッキング/ジェスチャー、物理デバイス。

• ユーザビリティテスト（タスクシナリオ）
• 認知的な突き抜け。
• ヒューリスティック評価（Nielsen 10）。
• ツリーテスト（ナビゲーション）。
• 5秒のテスト（第一印象）。
• プリファレンステスト（スクリーン/スタイルオプション）。
• 望ましいテスト（エモカード）。
• 日記研究（長いサイクル）。

5）テストプラン（テンプレート）

1.目的：私たちがテストしている仮説（例：「新しいKYCストリームは検証時間を30％短縮します」）。
2.タスクシナリオ：成功基準を持つ4-6キー。
3.アーティファクト：プロトタイプ/バージョンへの参照。
4.メトリクス：タスクサクセス、タイムオンタスク、エラー、SEQ （1-7）、 SUS（セッション後）、UMUX-Lite。
5.採用：プロファイル、市場、N （1サイクルあたり5-8回答者）。
6.手順：入力→ウォームアップ→タスク→面接→デブリーフ。
7.安全と倫理：記録への同意、私たちは個人データ/支払いを収集しません。
8.物流：デバイス/ブラウザ、スロットグリッド、モデレータチェックリスト。

6）指標と規範のセット

タスク成功率（％）：重要なステップで80％ ≥の目標率。
Time-on-Task：シナリオ別の中央値（コントロールとの比較）。
エラーレート-クリティカル/マイナーエラーレート。
SUS： ≥ 68-基本的な規範、≥ 80-優れています。
SEQ （1-7）：タスクの複雑性の評価（目標-≤ 3）。
スクリプトの後のNPS/CSAT：必要に応じて。
行動信号：スティッキング、リターン、バックナビゲーション、レイジークリック。

7）採用およびサンプル

誰を呼び出す：実際のセグメント（初心者/経験者、地域/言語、デバイス）。
どのくらい：品質サイクルごとの5-8；A/B-統計（以下を参照）。
スクリーニング：私たちはプロのテスターを切り取り、関連するタスク（オンライン支払いなど）の経験が必要です。
動機：正直、行動の歪みなし（責任あるゲームテストのための製品ボーナスを支払わないでください）。

8）モデレータスクリプト（要約）

挨拶、目標： 「私たちはあなたではなく、デザインをテストしています。」

記録への同意、機密保持。
ウォームアップ：以前の経験、アナログ。
タスク：「あなたが望むものを想像してください……」（最低の指導）。

中立のプロンプト： 「あなたが次に見ることを期待するものを教えてください」、「何が恥ずかしいですか？」

完了：短い調査、ありがとう。

9）発見の分析と優先順位付け

問題分類：ナビゲーション、理解、入力、フィードバック、待ち時間、セキュリティ、Localization/A11y。
重要度：ブロッカー/メジャー/マイナー/化粧品。
頻度：何人の回答者が衝突しましたか。
ビジネスへの影響：コンバージョン、コンプライアンスリスク（CCM/支払い）、アピール。
優先順位=重大度×頻度×影響。

レポート（1ページ）：目的、選択、重要な洞察（5-7）、引用符の例、瞬間へのビデオリンク、ソリューション、問題の所有者。

10） A/Bおよび実験

テストするもの：明らかに1つの要因（CTAテキスト、ステップ順序、フィールド形式）。
メトリクス：ステップ/ファネル変換、CTR、時間、エラー率、キャンセル。
サンプルサイズ：所望の効果を計算します（例：アップリフト5-10％、パワー80％、 α=5％）。
倫理とリスク：損害を最小限に抑えるための支払い/結論：カナリア発射、トラフィックキャップ、キャンセル可能性。
多変量性テスト-大容量のみ。

11）ツールとアーティファクト

プロトタイプ：Figma/Framer/ProtoPie；for code-React/Next。
記録と分析：画面/カメラ、ヒートマップ、セッション再生、イベント。
テンプレート：テストプラン、モデレータスクリプト、同意フォーム、デブリーフチェックリスト、1ページのレポートテンプレート、意思決定ログ。
データ：架空/非人格的、支払いスタブとKYC。

12）テストでの可用性（A11y）とローカリゼーション

私たちは、タブ、フォーカスリング、トースト/エラーのための'aria-live'でナビゲーションをチェックします。
AA光/暗いテーマのコントラスト。
「長い言語」（DE/TR）、日付/通貨フォーマット、RTLをテストします。
エラー/成功の音声テキスト、アイコンの代替。

13）キーフローの特異性（iGaming）

登録/CUS：要件の明確さ、写真のヒント、ETA（「最大2分」）、ドキュメントのエラー。
支払い/入金/出金：制限、手数料、期限、同じ方法のルール；拒絶のテキスト；確認のステップ。
ボーナス/ミッション：透明な条件、進捗状況、ステータス；暗いパターンを避けること。
責任あるプレイ：ニュートラルなトーン、制限の簡単な設定、ヘルプへのアクセス。

14）ハンドオフおよび設計QA

ハンドオフパッケージ：プロトタイプ+仕様（状態、アニメーション、トークン）、マイクロコピーテキスト、i18nキー、A11y要件。
Done （UX）の定義：ロード/空/エラー/成功、フォーカス/キーボード、ローカライズがカバーされています。
Design-QA：レイアウト、インタラクティブ、コントラスト/フォーカス、テキスト、デバイス/ブラウザのレイアウトとの比較。

15）チェックリスト

テストの前に

• 仮説と研究問題を策定した。
• 忠実度レベルはタスクに対応します。
• シナリオと成功基準は準備ができています。
• 採用とスロットが確認され、同意が準備されています。
• ターゲットデバイス/ブラウザ上でプロトタイプが開きます。
• 敏感な活動（支払/ACC）のためのブラインド。

テスト後

• 収集されたメモとタイムコード。
• 問題は重症度と頻度によってマークされます。
• ソリューションが定義され、所有者が割り当てられます。
• 意思決定ログとロードマップを更新しました。
• ショートレポート（1ページ）とデモビデオ（≤ 5分）を用意しました。

16）アンチパターン

スクリプトやタスクの代わりに「美しさ」をテストします。
1つのテストで複数の仮説を混在させます。
ユーザーが試みる前に、主要な質問/ヒントを提供します。
「happy path」のみを表示-エラー/空の状態はありません。
「生産前」A11u/localization無視します。
確認なしで1-2人の回答者に結論を出す。
サンプルパワーを計算せずにA/Bを投稿します。

17）クイックテンプレート

• 「最初のステップに支払い方法の選択を取ると、後で予期しない制限を減らすため、預金の変換が7％増加します。」

• 「あなたのクレジットカードを使用して500 UAHでトップアップしてください。」

• 「ユーザーは支援なしで補充を完了し、≤ 90秒で」。

• 「タスクを完了することはどれほど困難でしたか？」（1-非常に簡単……7-非常に難しい）

• ブロッカー：立ち往生して完了できない→Major：真剣に干渉→Minor：減速→化粧品：干渉しません。

18）最終的なチートシート

Low-fiから始め、必要に応じてFidelityを上げる。
スクリーンではなく、スクリプトをテストします。
タスクの成功/時間/エラー+SEQ/SUSをМерьします。
重大度×頻度×影響による優先順位付け。
各サイクルでA11yとローカライズを維持します。
決定を文書化し、包括的なハンドオフを渡します。