私は、jQueryデモを使用して、ユーザーのWebフォームでの移動を最適化するために使用できるUIウィジェットを決定しました。
そのようなウィジェットの1つはプログレスバーですが、それは大きな疑問を引き起こします。長く複雑なWebフォームでは、プログレスバーの使用がやる気を起こさせたり、やる気にさせたりしますか?
私の考えでは:
Pro:彼らがプロセスのどこにいるかに関するきめ細かなフィードバックで、完了までの予想時間を設定します。 Con:長いWebフォームでは、各アイテムは進行中の小さな増分変更を生成します。
何て言うの?進行状況バーのあるバージョンとないバージョンの2つのバージョンをユーザーがテストして、ユーザーがどのように感じているかを確認する必要がありますが、引用したい経験や研究はありませんか?
進行状況インジケーターが平均してやる気を起こさせる、またはやる気を起こさせるUIを作るかどうかはわかりません。私は彼らが有益で正直なUIを作ることを知っています。ユーザーは実行する作業の量を評価し、フォームが提供する利点が努力に値するかどうかを自分で決定できます。努力する価値があると考えるユーザーが少なすぎる場合は、フォームを簡単にするか、メリットを大きくして、これをユーザーに伝える必要があります。それは公平なことです(肩をすくめる)。
対照的に、進行状況インジケーターがないことで変換が改善されることに賭けた場合、基本的には、フォームの誤解が長すぎるよりも、短いと誤解するユーザーが増えることを期待しています。最高のユーザーエクスペリエンスを実現するのではなく、ユーザーにトリックを提供するようなものです。
ユーザーエクスペリエンスとして、フォームの入力は、さまざまな理由、特にWebベースのフォームのために、ユーザーにとってかなりの不安を表しています。大きな不安の1つは、ユーザーがフォームに入力するための十分な時間がないことです。これは、通常、Web上でその時点までのすべての作業が無駄になり、後で最初からやり直す必要があることを意味します戻る)。時間を推定するための早期かつ正確な手段を提供することは、この不安を減らすのに大いに役立ちます(部分的に完成したフォームを保存して取得する手段も提供します)。
プロセスのどこにいるかに関するきめ細かいフィードバック、完了までの予想時間を設定
フィードバックは使用可能なフォームの中心的な品質ですが、完了するまでの時間は最適なメトリックではない場合があります。フォームにさらに多くの質問/セクションがあることを期待することは、おそらくそれについてより良い考え方です。
ここでは用語の問題かもしれませんが、jqueryプログレスバーIMHOはどのフォームにも使用しないでください。 「進行状況バー」は、システムが実行している機能に関するフィードバックをユーザーに提供します。たとえば、フォームの入力fromの処理、ファイルのアップロード、データの取得などです。リポジトリなど.
システムがユーザーがフィールドに入力するのを待っているフォームの「進行状況バー」は役に立たず、コンテキストを提供しません。とはいえ、「進行状況バー」に似たデザインパターンは他にもあり、これらは実際に機能します。これがあなたの質問が実際に扱ったパターンのタイプだったと思います。
残りのステップのパターンは、ユーザーがプロセスをどれだけ進んだか、残りのステップがいくつあるかをユーザーに示します。また、システムは途中のポイントでフィードバックを提供して、ユーザーに情報を安心させることもできます「正しい」(許容可能、完全、正しくフォーマットされているなど)。
チェックリストパターンは、左ステップのアプローチに似ていますが、チェックリストの各部分に特定の順序を強制しません。このパターンを使用すると、ユーザーはフォームを自分の方法で選択できます。
ウィザードパターン他のパターンに似ていますが、前の段階で行われた決定のために最終目標を達成するために必要な手順が異なる場合に役立ちます。
私は多数のフォームをテストしました。いくつかは単純で、いくつかは複数のセクション、複雑なパーツと関係があり、私が見るすべてのテスト結果は同じです。 「進行状況インジケーター」-通常はあと1ステップですが、上記のパターンの2つまたは3つすべてを組み合わせると、ユーザーがフォームに入力するのに役立ちます。
長い形式はどういうわけか(アコーディオン、プログレスバー、「yのステップx」など)必ず分割する必要があると思いますが、私が見るように、答えに影響を与えるかなり重要な2つの要素があります。
...しかし、完了までの時間は最適な指標ではない可能性があります。フォームにさらに多くの質問/セクションがあることを期待することは、おそらくそれについてより良い考え方です。
これ以上は同意できません。長くて複雑なフォームの場合、一般的にWizardとSteps Leftパターンの組み合わせをお勧めします。ただし、入力するフォームの種類によって、選択肢が異なる場合があります。 。
サービス/製品の品質に関するフィードバックフォームの例を見てみましょう。残りのステップの数は表示されません。これは、ステップの数が多く、各ステップに非常に多くの質問/フィールド/選択肢がある場合、本当に気が遠くなるからです。ここでは、チェックリストとウィザードのパターンの組み合わせに慣れています。
一方、要件を投稿したり、苦情を提出したりする場合は、多くの手順とウィザードのパターンになります。