TOP › UX用語 › ユーザーフロー
デザイン・情報設計

ユーザーフローUser Flow

ユーザーフロー(user flow)とは、ある製品で、よくある作業を終えるまでの、標準的な、または理想的な手順である。利用者が何をして、画面がどう応えるかを、順に描く。設計や評価のときに、体験を理解し、よくするために使う。 たとえば、ネット […]

ユーザーフロー(user flow)とは、ある製品で、よくある作業を終えるまでの、標準的な、または理想的な手順である。利用者が何をして、画面がどう応えるかを、順に描く。設計や評価のときに、体験を理解し、よくするために使う。

たとえば、ネットショップで、商品を1つ注文するまでの流れである。「商品を選ぶ」「かごに入れる」「住所を入れる」「支払い方法を選ぶ」「注文を確定する」と、1つずつ並べる。画面の側も、「かごの画面が出る」「完了の画面が出る」のように書き添える。

何を描くのか

ニールセン・ノーマン・グループ(NN/g)の記事「User Journeys vs. User Flows」(2023年)によると、ユーザーフローの特徴は、次のとおりである。

  • 1つの製品の中の、具体的な目的に絞る。たとえば、テニスラケットを買う、メールの配信登録をする、プロフィール画像を変える、などである。
  • 数分から数時間で終わる作業を扱う。
  • 利用者の操作と、画面の応えを描く。感情や考えは、描かない。

描き方

ユーザーフローの表し方には、たとえば、次のものがある。

  • ワイヤーフロー。ワイヤーフレームを、流れの順につないだもの。細部は省いた、ラフな画面で、利用者が通る画面を描く。
  • フローチャート。手順を、四角や矢印でつなぐ。
  • タスク図。作業の手順を、簡単な図にしたもの。
ネットショップで商品を1つ注文するまでの、ユーザーフローの例と、ジャーニーとの範囲の違い
図1:ユーザーフローの例と、ジャーニーとの違い(説明用に作った図。違いは NN/g「User Journeys vs. User Flows」に基づく)

ジャーニーとの違い

ユーザージャーニー(カスタマージャーニー)は、利用者が目的を果たすまでの体験を、もっと大きな範囲でとらえる。長い期間にわたり、ウェブ、電話、店舗など、複数の接点にまたがる。感情や考えも、描く。これを図にしたものが、カスタマージャーニーマップである。

ユーザーフローは、その中の、1つの製品での操作だけを、拡大して描く。NN/g は、ユーザーフローを、ジャーニーの一部を掘り下げたものと位置づけている。

情報の集め方

いちばんよい方法は、ユーザビリティテストである。利用者が、決まった課題を行うのを、直接見られるからである。アクセス解析などで集めたデータ(クリックのヒートマップなど)は、補助的な情報源として役に立つ。

出典

関連用語

「UX用語」のカテゴリー