web-dev-qa-db-ja.com

ユーザーに指示を読ませるには、インターフェイスで何ができますか?

ユーザーがソフトウェアをインストールできる簡単なWebページを持っています。これは2段階のプロセスなので、2つの異なるリンクをクリックする必要があります(いいえ、1段階のプロセスにすることはできません)。


例:

ここに短い段落があり、ユーザーに何をすべきか、最初のリンクが何をするかを伝えます。

リンク

ここに短い段落があり、2番目のステップについて説明し、それが必要な理由を説明します。

リンク


私のユーザーは、指示を読むほど賢くない(または十分に興味がある)とは思わないため、すぐにトップリンクをクリックし、インストールを実行してから、なぜ機能しないのかを尋ねてきます。彼らは指示を読みませんし、2番目のリンクをクリックしません。

書式設定/ UIデザインの観点から、説明を読んで2番目のリンクをクリックするようにするにはどうすればよいですか?

確かに、私のページはかなり単純で退屈ですが、指示の各段落には3つか4つの短い文章しかありません。

6
Stewbob

何もない。人々は道順を読みません。 ; o)

2ステッププロセスを主要なビジュアルにすることをお勧めします。このようなもの:

Your intro paragraph here

---------------------------------
|                               |
| this is a two step process!   |
|                               |
| 1) [button]                   |
|                               |
| 2) [button]                   |
|                               |
---------------------------------
8
DA01

あなたが試すことができる多くのものがあります、これは簡単なものです:

ページの最初のステップのみを提供します。クリックすると、ステップ2の別のページに移動します。これは、レイヤーの表示/非表示のページでも実行できます。戻る/リセットする方法があることを確認してください。

9
Tucker

私があなたのコメントで読んだものから他の答えまで、ユーザーはリンクをクリックしてから他のウィンドウでいくつかのことを行い、次に理解覚えておく必要があります特定の時点で元のウィンドウに戻り、2番目のリンクをクリックする必要があること。あなたはno wayを使用して、ユーザーに2回目のクリックを自動的に促す–最初のステップが完了したことをシステムに知らせる方法はありません。これが機能しないことに驚いた人はいますか?あなたは本質的に厄介なデザインに固執しています。良い解決策はありません。

ただし、次の対策が必要です。

  • ステップごとに3つまたは4つの短い文章を読むのは、私には読みすぎです。ユーザーが最初の段落から開始し、「Fluxomatic 2.0で開始するには、下のリンクをクリックします。ダウンロードされます-」とユーザーが調整し、リンクをクリックして次に移動します。他のウィンドウ。最初のステップがいつ完了したかを認識する方法をユーザーに説明する必要があると思いますが、指示は逆効果になる場合があります。テキストが長いほど、ユーザーが読む可能性が低くなります。ステップごとの段落の代わりに、2つのリンクの間に1つのステートメントを置き、2番目のリンクをクリックしたときにユーザーにその旨を伝え、他のすべての指示を削除します。コンテンツは必要最低限​​にまで絞る必要があります。1.ここをクリックしてください。 2.これを待ちます。 3.ここをクリックしてください。ユーザーに伝えようとしないでください理由各ステップまたは各ステップの技術的な操作が必要です。彼らは気にしません。彼らはそれを機能させたいだけです。

  • ユーザーはページをちらりと見たときに、2つのリンクが2つのステップではなく2つのalternativesを表すと想定します(たとえば、一部のインストーラーのように、デフォルトインストールとカスタムインストール)、2番目のリンクは追加のクラップウェアをロードするためのものです。 (インストーラーが多すぎるように)。両方のリンクが必要であることを明確にしてくださいリンクラベル内。 「Install Fritzinger」と「Install Zortlemeizer」のラベルは付けないでください。 「Install Half Half」や「Install Half Half」のようにラベルを付けます。ユーザーが他に何も見ていなければ、最初のリンクを見ています。完全なプロセスではないことを明確にするラベルを選択してください。

  • いくつかのテキストをイラストで置き換えますか?ユーザーが一目で理解できる何か?おそらく、最初のステップには自転車のフレーム、2番目のステップには車輪のようなメタファーを使用して、ユーザーがどこにでも行くことを期待している場合は両方が必要であることを示唆します。

  • 他の場所を探して、両方の手順を実行する必要があることをユーザーに思い出させます。ユーザーはそれが機能していないことをどのようにして知るのですか?彼らはどのようにあなたに電話する方法を知っていますか?その時点で(電話番号のすぐ下のテクニカルサポートページなど)、2番目のステップのリマインダーまたはリンクを配置できますか?

意地悪なデザインで立ち往生しているって言った?

4

私にとって、2番目のリンクを配置する最も論理的な場所はインストーラーです。それは、先に進む前に必要になるためです。ユーザーは

  1. リンク1をクリックすると、インストーラーが起動します

  2. 準備ができると、インストーラーはユーザーに次のようなメッセージを表示します:「2回目のクリック[または確認、または呼び出したいもの]が必要です」。

  3. この時点で、ユーザーは[Take Me to Web Page]ボタンをクリックできます。さらに良いことに、インストーラーはステップ2でメッセージを読むのに十分な長さのカウントダウンタイマーを表示し、ページを自動的に開きます。

  4. ユーザーには、リンク2のみを含むWebページが表示されます。

ただし、「制限されたコントロール」のため、@ Tuckerの優れたアイデアはすでに却下されているため、これも気に入っていただけるかどうかはわかりません。 :-)

3
Hisham

同じページに両方のリンクが必要な場合は、「最初のステップ」と「2番目のステップ」の大きなヘッダーを持つ2つの列を作成することをお勧めします。人々は左から右、そして下に読みます。一目で2つのステップからなるプロセスであることがわかります。

ただし、最低限必要なことは、リンクに「ファーストステップ」と「セカンドステップ」のラベルを付けることです(まだラベルが付いていない場合)。 :-)。

3
JK Hudson

イントロテキスト:このインストールは失敗します!ここに理由があります...

次に説明します。最初の文は完全に避けられない行動を促すフレーズでなければなりません。

1
FatherStorm