MatchDog プロジェクトの概要 | IxDF

MatchDog のプロジェクト概要へようこそ。この概要では、Build Your を開始するために必要なすべての情報を入手します。 ポートフォリオ ここで主催されている演習 インタラクションデザイン 財団のウェブサイト。

ゴール

完全なものを作成する UXデザイン ウェブとサイトにまたがる非営利団体 MatchDog のために モバイルエクスペリエンス UX Magic Semantic IxD メソッドを実践して習得しながら、消費者向けの UX と従業員向けの Web バックオフィス管理 UX を提供します。

消費者と管理者の UX の 3 つの設計はすべて、同じ概念的文法に基づいている必要があります。

B2C UX の最小実行可能範囲

• 犬の救助センターと保護施設の非営利ネットワークである MatchDog について学びましょう。
• MatchDog の犬救助サービスに寄付します (クレジット カードまたはデジタル通貨で)。
• を完了します アンケート 写真をアップロードすると、自動的に AIがマッチした養子縁組可能な犬の候補者をリストアップし、生きた犬が適さない場合はロボット犬も候補者に選ばれる可能性がある。
• ユーザーが自分のライフスタイルに最適なサイズ/組み合わせのライブ/ロボットを決定できるようにします。
• ユーザーが犬の飼い主に満足しているのか、それともライフスタイルや関心が薄いのかを判断します。
• 個々の犬の「経歴」を読んでください。
• 選択した属性で並べ替え/フィルターして、犬の在庫を表示します。
• 最近の試合を表示します。
• 「今日のムット」について学びましょう。
• 犬の養子縁組プロセスについて学びましょう。
• 犬の世話について学びます。
• 避妊・去勢手術の大切さを学びましょう。
• 犬の健康について学びましょう。
• 養子縁組について話し合うための電話面接の予約を取ります。
• 保護施設に来て犬に会う予約をしてください。
• 養子縁組後のサービスのためのコミュニティ (新しい犬と一緒に自撮り写真を撮り、投稿します)。
• MatchDog の企業スポンサーである RoboDog 社を宣伝します (非常に大きなギフトの場合は、お返しにロボットを受け取ることができます)。

B2E UX の最小実行可能範囲

• コンテンツを Web サイトに公開します (ニュースと情報、今週の犬のプロフィール)。
• 動物データベースを管理（作成、更新、削除）します。
• 消費者アカウントを管理します。
• 寄付プロセスを管理します。
• 導入プロセスを管理します (所有者へのインタビューと納品のスケジュール設定)。
• 消費者コミュニティと後続サービスを管理します。
• 財務状況 (寄付など) を追跡します。
• Web サイト分析 (採用の中止など) を追跡します。

スコープを追加または削除しないでください。 MVP 意味！

設計成果物

ポートフォリオの目的ですべてをプロトタイプ内に保持し、中程度の忠実度で作業することをお勧めします。設計をテストした後、後で高忠実度に切り替えることができます。

• 自分の名前、コース番号、日付などを記載した表紙を作成します（1枚）。
• 4 つの消費者を想像してください ペルソナ このサイト/アプリを使用する可能性のあるもの (各 3 文) (1 ページ)。
  • 彼らのことに焦点を当ててください 共感的な 必要です（犬が欲しい理由）。
  • 年齢、性別、ライフスタイルの特徴はすべて二の次です。
• 従業員/管理者のペルソナ (技術者ではない) が 1 人いると想像してください。
• エンドツーエンドを作成する ジャーニーマップ 犬の養子縁組手続きのために。
• を作成します。 オブジェクトアクションマトリックス (MVP スコープ)。
• を作成します。 オブジェクト属性テーブル (MVP スコープ)。
• スパース行列テストを使用して文法を正規化し、洗練し、単純化します。
• を作成します。 優先順位付けマトリックス アクション/オブジェクトのペア。
• 紙をスキャンして含める スケッチ 文法を明確にする 3 つの異なる概念について説明します。
  • さまざまなアプローチを生成するには、グリッドと文法のトピックを参照してください。
• を構築します ナビゲーション Web およびモバイル デザインのフレームワークと基本的なページ構造。
• 基本を作る クリック可能なナビゲーション。 (まだ細かいことは気にしないでください。)
  • ナビゲーション フレームワークは文法を明確に表現していますか?
  • それはあなたの優先順位付けマトリックスと一致していますか?
• ポートフォリオ閲覧者がデザインを理解できる程度のサンプル コンテンツを追加します。

プロジェクト設計の提案

• インタラクティブを使用する プロトタイピング Axure などのツール。 (ホットスポット プロトタイピング ツールでは十分ではなく、さまざまなインタラクション状態をシミュレートするには多くの冗長な画面が必要です。)
• 中程度の忠実度 ワイヤーフレーム （通常は白黒）。
• フォントは 1 つだけ使用します (最大 3 つの異なるサイズと 2 つのフェイス)。
• のみ使用します 色 意味がある場合（そうでない場合は白黒）。
• 写真は許可されています。
• アニメーションはありません。
• 埋め込み動画等はありません。

見た目を美しくするのではなく、概念的な妥当性を重視します。そのステップは後ほど説明します。

ペルソナ

各消費者は非常に異なる共感ニーズを持っていることに注意してください。

研究からこれらのペルソナを提供してくださった SJSU の学生に心より感謝いたします

の組み合わせから、 デザイン概要 これらのペルソナを数十個生成できるはずです ユーザーストーリー。実際の UCD プロセス、これは正式な結果であるはずです ユーザー調査。ただし、ここでは近道として、想像力やペットの飼い主としてのこれまでの経験を使って詳細を入力できます。