ウェブサイトのユーザー エクスペリエンス分析: ユーザーの視点から見たフォーム ジャーニー

ウェブサイトのユーザー エクスペリエンス分析: ユーザーの視点から見たフォーム ジャーニー

ユーザーがリリースフォームを使用するとき、それは旅のようなものです。旅行の目的は達成できたか?プロセスは満足できるものだったか?これらすべてが、ユーザーが再びここに来るかどうかを決定します。

1. では、なぜユーザーの視点に立つ必要があるのでしょうか?

デザイナーとして、次のような状況に遭遇したことはありませんか?

ユーザー情報を収集するための追加項目を追加しましょう。

私たちのフォームが複雑なのは、ユーザーにもっと多くの情報を入力してもらうためです。これは有用です。

より多くのユーザーがフォームを見ることができるように、この最も重要なステップでフォームが表示される必要があります...

フォームに記入するユーザーとして、あなたはこのように考えますか?

フォームに記入するのは、あなたの情報を収集するためではなく、私の目的を達成するためだけです。

可能であれば、同じ目的を達成するために、より少ない情報を入力するか、フォームに何も入力しないで済みます。

A のことをしたいときは、B の形はまったく見たくないのです…

上記のシナリオは少し誇張されているかもしれませんが、フォームを設計するときに、ユーザーの視点から何を望んでいるのかを考えるのではなく、製品側の観点から、ユーザーに私たちが望むことを実行させようとすることがあるのは否定できません。

2. ユーザーの視点から投稿フォームをどのように表示するか?

ここで、これまでの旅行手順を投稿フォームのデザインに組み込むと、次のアイデアが得られます。

このことから、リリース前とリリース後の 2 つのプロセスは見落とされやすいことがわかります。プロセスにおける設計ポイントは具体的にどのように行えばよいのでしょうか。ユーザー視点で見てみましょう。

3. ユーザーとしてフォームを表示する

アイデアが浮かんだので、ユーザーとして投稿フォームを調べてみましょう。

公開前に:

ユーザーとして、私は特定の目的を持って、必要なツール、つまり投稿フォームを探します。

まず、フォームにはどこからアクセスすればよいのでしょうか?

この質問は、ユーザーが投稿フォームに誘導される状況についてです。次の例をご覧ください。

上の画像の投稿フォームは、ウェブサイトについて基本的な理解があり、お問い合わせを希望される場合に表示されますが、このような従属関係は受け入れやすいものです。

上の写真の投稿入り口は、ビジネス関連ではなくアカウント関連エリアに配置されています。ユーザーをそこから投稿させる十分な理由がありません。

それで、それは私の目的に合っているでしょうか?

フォームの冒頭では、フォームの目的、フォームがユーザーの期待に応えているかどうか、応えていない場合はユーザーはどこに行けばよいかをユーザーに明確に伝える必要があります。

上記のフォームは、ユーザーに目的を明確に伝え、迅速な脱出ルートを提供します。

図 4 の簡単な紹介により、ユーザーはフォームの概要を理解し、複雑な情報に対する準備を整え、目的をより明確に把握できるようになります。

上の写真のページは、ユーザーが入るとまずルールや各種機能の入り口について長々と説明されており、それまでの案内でユーザーに与えていた印象が台無しになっています。新規ユーザーとしては、ここが自分の探している場所なのか確認しづらいです。

リリース:

フォームに記入すること自体が面倒な作業なので、記入の手間をできるだけ軽減したいと思っています。

最初のステップとして、フォームを入力した後、すっきりとしたシンプルなページが表示されることを期待します。 (全体的な感想)

これをデータで定量化することはできませんが、ユーザーへの影響は無視できません。

上の写真は修正前と修正後の比較であり、ページがきれいかどうかを明確に比較することができ、データ的にも修正後にはより明らかな改善が見られます。

ステップ2: フォームに記入する前に、長いフォームを段階的に提示できることを願っています(記入方法)

長いフォームはユーザーを遠ざける可能性が高くなりますが、明確な手順はユーザーにフォームへの記入を促すことができます。ただし、プログレスバーを使用する場合は、それが機能するかどうかに注意する必要があります。

以下のフォームでは、情報の入力が別のステップになっています。ユーザーはほとんどの時間を 2 番目のステップに費やしますが、実際にはフォームの簡素化にはあまり役立ちません。

ステップ3: フォームに記入し始めるときに、内容が一目でわかるようにしたい(情報レイアウト)

フォームに記入する際は、ユーザーが自分で記入方法を理解できるようにすることが最善であるため、情報のレイアウトが一目でわかることが重要です。これは主に以下の側面に反映されています。

1) 情報分類

2) 情報の配置順序

3) 優先差別化

基本情報と詳細情報の違い、必須フィールドと非必須フィールドの違いをユーザーに明確に伝えます。

次の例を見てみましょう。製品属性が製品名などの情報と分離されておらず、順序と優先順位が間違っているため、ユーザーに混乱が生じています。

ステップ4: 記入の過程で、不必要な質問(内容)を避けたい

ビジネスの観点から言えば、もちろんユーザーが入力する情報が多ければ多いほど良いです。しかし、ユーザーにとって、フォームに入力するのは目的を達成するためだけです。同じ効果が得られるのであれば、もちろんユーザーが入力する情報は少ないほど良いです。

上記の例は、ユーザーが目標を達成するために最も基本的な入力内容が何であるかをよく示しています。実は、上の写真の会社情報は、登録が完了した後にユーザーが記入する特別なプロセスがあり、登録プロセスに含める必要はありません。

ステップ 5. フォームに入力中および入力完了後に、親切なヒントやフィードバックが必要です。 (ガイド)

これはユーザーがフォームを完了するために非常に重要です。たとえば、多くのフォームは対話形式でユーザーと通信し、機械的な通知を人間味のある対話に置き換えて、ユーザーに心理的な安心感をもたらすことができます。

フィードバックは「ぜひやってみてください」

フィードバックは「間違っている」という意味を伝える

あなたがユーザーだったら、この 2 種類のフィードバックを見たときの気持ちはどうなるでしょうか?

リリース後:

投稿した内容に問題がないか確認したいのですが、問題があった場合はどうすればいいでしょうか?

既存のフォームでは、公開後にユーザーに効果を表示できず、公開後すぐにレビューに進みます。レビューが完了するまでユーザーはフォームを変更できないため、多くのユーザーに頭痛の種となっています。さらに、リリース後の体験は次のリリースに直接関係します。

IV. 結論

ユーザーとして数多くの優れたフォームデザインを体験した結果、その優秀さは次のように追跡できることがわかりました。

シンプルで明確であるため、ユーザーはすぐに何が行われているのか理解できます。

· ユーザーがよりスムーズに目標を達成できるようにする

フレンドリーで心のこもった対応で、帰りたがらない

過度に強制的でも負担でもない

興味深い方が良い

しかし、考え方を変えてみましょう。目的が同じであれば、フォームなしでも使用できるのでしょうか?

これは、私たちのデザインにインスピレーションをもたらすかもしれません。実際、目標を達成する方法はたくさんあり、ユーザーにフォームに記入してもらうのはその 1 つにすぎません。デザインするときには、より多様な考え方をし、ユーザーをより深く考慮することができます。おそらく、フォームよりも速くて効果的な方法が見つかるでしょう。

原文: http://www.aliued.com/2012/08/18/1072/

元のタイトル: ウェブサイトのユーザー エクスペリエンス分析: ユーザーの視点からのフォーム ジャーニー

キーワード: ウェブサイト、ユーザー、エクスペリエンス スコア、視点、フォーム、ジャーニー、使用、フォームの公開、ウェブマスター、ウェブサイトのプロモーション、収益化

<<:  世界の6つのトップレベルドメイン名の動向: 8月初旬に約20万の新しい.COMドメインが追加された

>>:  ローカルフォーラムのオンラインプロモーションに関する経験の共有

推薦する

コラボレーションオフィスSKYCC複合マーケティングソフトウェアと通常のマーケティングソフトウェアのどちらが優れていますか?

インターネットの急速な発展に伴い、ますます多くの企業がオンライン マーケティング業界に参入し、さまざ...

eurobyte™: 14.9 元/月、ロシア VPS、無制限トラフィック、512M メモリ/1 コア/15g NVMe

以前ウェブマスターが紹介したeurobyte™は、2010年から運営しているロシアの会社です。ロシア...

LetBox-$20/X3440/8G メモリ/500g ハードディスク/100M 無制限/シアトル

Letbox は特別価格で複数のサーバーをリリースしました。元の価格は月額 30 米ドルと非常に安い...

セールストークを通じて内部リンク構築について語る

この記事では、電話セールスの言語による内部リンク構築の思考ガイダンスについて説明します。誰もが、製品...

ビジネスエリートからエンターテインメントの主人公へ、劉強東の「自己推薦」がマーケティングに変身

原題:ビジネスエリートからエンターテインメントの主人公へ、劉強東の「自己推薦」がマーケティングに変身...

Nodepedeploy-3.5ドル/Kvm/2gメモリ/50gハードディスク/2IP/2Tトラフィック

サーバーは E3 または E5 U、最低 16G のメモリ、G ポートを使用し、コインマイナー、CC...

オーディオとビデオについての理解を深めましょう。ファーウェイクラウドRTCは最先端の技術を統合

[51CTO.comからのオリジナル記事] 2020年の世界的なCOVID-19パンデミックにより、...

Baidu と Google の登録を高速化するためのヒント

1. ウェブサイトの初期コンテンツがオリジナルであることを確認してください。つまり、インターネット上...

サイト内記事拡大の秘訣 - 素材ソース戦略

頭脳のないウェブマスターや編集者にとって、さまざまな種類のウェブサイトやその空間のバックエンド コン...

ウェブマスターネットワークニュース:北京のインターネットユーザーが海外のウェブサイトで噂を広め、国を中傷したとして拘束される

1. 北京のネットユーザーが海外のウェブサイト「博訊」で噂を流布し、国家の名誉を傷つけたとして拘束さ...

すべてのウェブマスターが収益を得られるよう、ウェブサイトを運営するための7つの要素を学びましょう

拒否理由: いつもと同じ話、頑張ってください現代社会は高度に情報化された社会であり、インターネットの...

addressnode-$7/4IP/1gメモリ/15gSSD/1.5Tトラフィック/ダラス

addressnode サーバーはダラスにあり、openvz をベースとし、純粋な SSD ハード ...

レンレンビデオ&シューターゲートウェイステーション

本日、アメリカの有名なドラマ字幕グループRenren FilmsとShooter.comが同時に閉鎖...

Kubernetesを保護する方法

[[408253]] Kubernetes が開発され、そのテクノロジーが成熟するにつれて、ますます...

開発者向けのトップ 30 CSS3 ツールとアプリ

ウェブサイトのデザインを編集または変更する必要がある場合、カスケーディング スタイル シートが重要な...