web-dev-qa-db-ja.com

シナリオ後にタスクフローを作成するにはどうすればよいですか?

ATMユーザー向けのユーザーエクスペリエンスデザインを作成しようとしています。これらのユーザーは文盲です。デザイン戦略、ペルソナとシナリオを作成しました。次のステップは、タスクフローを作成してからワイヤーフレームを作成することです。ユーザーのメンタルモデルに一致するタスクフローを作成するにはどうすればよいですか?

3
chetantyagi79

これは非常に幅広い質問ですが、いくつかの記事を提供して、答えを導き出すのに役立ちます。

最初は X Pin here からです。これは、ユーザーフローの作成方法に関する適切な概要です。

次に、これらのフローとワイヤーフレームを作成するツールが必要です。ペンと紙でスケッチしたり、イラストレーター、オムニグラフ、基調講演、スケッチなどを使用して、これらのフローやワイヤーフレームを作成できます。何があなたに最適か。ここでの目標は、新しいソフトウェアを習得することではなく、最も使いやすいツールを使用して、すばやく移動し、間違いや修正を加えることです。

私はスケッチを使用しています。だからここに Sketchでフローを作成する方法 に関する良い記事があります。これはウェブデザインを中心としていますが、ATMでこれがどのように機能するか想像できます。独自のワイヤーフレームテンプレートを作成する必要がある場合があります。

これがどのように役立つか。乾杯。

2
Aaron James

さて、私はこの部分を修正することから始めましょう。「あなたはすでに作成したペルソナからタスクフローを構築します。」

メンタルモデルとは、アイデアや活動に関して人々が形成する思考であり、これらは人によって異なります。これらの情報「メンタルモデル」は、ペルソナに組み込まれています。

これを容易にするために、すでに適切な調査を実施しており、収集したデータを分析した対象読者について学びました。ユーザーにインタビューして、動機、行動、テクノロジーの専門知識、性格などについてすべて学習しました。その後、使用シナリオが作成されました。タイトルに基づいて情報アーキテクチャを作成したかどうかはわかりませんが、それは大きなプロジェクトであり、構造化する必要がある収集した情報がたくさんあると思います。アプリケーションの概念設計および知覚(視覚)設計を行う前に、情報アーキテクチャを準備する必要がある場合があります。

ペルソナからタスクフローを作成する方法は?

  1. フローを設計するユーザー/ペルソナ
  2. ユーザーおよびビジネスの目的を達成するために必要なもの
  3. アプリケーションマップの準備:アプリケーションマップは、アプリの構造とナビゲーションの全体的なスナップショットを提供します。さまざまなタスクフローとワイヤーフレームを作成する際の基準点として機能しました
  4. ビルディングブロックから始めます。このロゴがどこにあるか、またはそれらのコンテンツがどこに移動するか。 「Onboarding Task-Flow」の例のようないくつかの簡単なフローから始めます。「ユーザーがシステムに着地する->ウェルカム画面が表示される->など」以下は、タスクフローの例です。

enter image description here

詳細情報を提供する良いサイト:

  1. 情報アーキテクチャ
  2. ページのデザインを中止してフローのデザインを開始
  3. ユーザーを念頭に置いて構築:ユーザーフローの設計方法

これらの情報がお役に立てば幸いです。ありがとうございました。

1
Serag Alzentani