web-dev-qa-db-ja.com

リアルタイムフィルタリングまたはWizard steps

現在、私は製品ファインダーツールに取り組んでいます。さまざまな質問に答えることで、興味のある製品を提案するアドバイスを得ることができます。したがって、質問への回答は、別のフォローアップ質問につながる可能性があります。このプロセスは直線的ではありません。

これに取り組むにはさまざまな方法があることを設計中に気づきました。 -A Wizardは、フォーカスを作成するのに役立つ明確なステップを提供し、適切な製品を見つけることをガイドします。-同時に、ユーザーが物事をリアルタイムで変更できる可能性を提供する何かを作成したい設定をいじって非常に速く別の結果を取得しますが、アコーディオンが実現しているのではなく、必要な柔軟性が得られていないことに気付きました。

コンテキストをよりよく理解するために、いくつかのクイックワイヤフレームを配置しました。この場合の提案はありますか?例は大歓迎です! enter image description hereenter image description hereenter image description here

1
YengarIV

うーん、非常に興味深い確率論的ケース

非線形プロセスの目的は、エンドユーザーに期待する製品を提供し、変数に基づいてそれらを絞り込むことです。

Akinatorを使用することをお勧めします。これは、質問によって、私たちが考える世界中の人を誰でも選択できるツールです!

https://en.akinator.com/

ただし、akinatorプロセスは線形です(ループ-質問-結果の絞り込み)


このような状況を設計する際には、各ステップの後に結果を表示することをガイドする価値があると思います。これにより、以前の選択が彼を導いた場所をユーザーに認識させることができます。

例:

SamVaporwaveを選択するので、これとその、SamHarryに変更するとどうなりますか?

また、プロセス全体を実行して最終的に結果を得るのではなく、アドバイスをリアルタイムで表示します。


これらのプロセスは非常に複雑で、機械学習のようなものがうまく機能すると私は思います。

1
Piotr Żak

誰がどのように使用するかによります。そして、このユーザーが実際にフィルターとオプションを処理する能力を持ち、それらが結果にどのように影響するか。ユーザーは、製品Finderがどのように機能するかについての洞察を持たない臨時のユーザーであると思います。

したがって、私はウィザードを使用します。ユーザーは一度に1つの質問に集中する必要があります。 (必要に応じて)質問を説明することもできます。ユーザーに回答を試すオプションを提供するには、要約を提供して、ユーザーが以前に与えた回答をユーザーに変更させることができます。新しい答えがさらに質問をトリガーする場合、それらは尋ねられます。そうでない場合、変更のみが結果に適用されます。

質問をグループ化することさえ可能であれば、より良いです。

これを非常にうまく行うサイトは https://www.instantcarinsurancequtoes.com/get-quote (このページに出くわし、同様の問題を探していました。)

0
BrunoH

ウィザードのかなり適切な例は、StackOverflowの(まだ)新しい ガイドモード です。

Screenshot of the first step of this mode


Piotの考えに同意します。期待される結果のリアルタイムプレビューは、ここで説明した内容に到達するのに役立つものです。

同時に、ユーザーがリアルタイムで物事を変更し、設定をいじってさまざまな結果を非常に速く得る可能性を提供するものを作成したいと考えています。

コメントも

何かを変更するたびに、すべてを無効にする必要があります...現実的ではないと私は思い、非常に混乱しています。

前のステップが選択されたら、前のステップをロックすることをお勧めします。たぶん、変更された場合などに何度も無効化する必要のあるオプションに限られます。

ここで説明しましょう:

enter image description here

0
Big_Chair