web-dev-qa-db-ja.com

複数の入力でスムーズなUXを維持する方法

私は多くのアイテムを比較し、ユーザーに1つだけの完璧なアイテムとたくさんの興味深いアイテムを提供するアプリを構築しています。それらは特別なアルゴリズムを介して選択されます。

ユーザーは結果を取得する前に複数の入力を入力する必要があります。さまざまなタイプ(テキスト、チェックボックス、ドロップダウン...)の約7〜10の入力があります。ユーザーを退屈させたりイライラさせたりすることなく、必要なすべての情報をユーザーが入力できるようにする素晴らしい方法を提供したいと思います。

私が考えたこと:

  • 続行ボタンと各ステップ間のニース遷移で一度に3つの入力を表示します。
  • これらの入力にデフォルト値を与えると、ユーザーはデフォルト値をそのまま使用できます。

それらのアイデアは効果的ですか? UXを拡張してインタラクティブに保つために他に何を追加できますか?

2
Anis Souames

これが私の提案です。 @Robによって提案されたカードレイアウトは、カードレイアウトまたはウィジェットの見通しが異なるため、ここには適合しないため、実行できません。

あなたのシナリオはそれほど複雑ではないと思いますので、単純で直線的なアプローチに進んでください。

あなたが言ったように、7-10の基準だけがそこにあり、それに基づいて最良の一致結果を選択します。したがって、通常モバイル画面は7〜8個の基準を簡単にカバーできるため、ユーザーを複数の画面にリダイレクトして基準を選択すると、イライラして飽きてしまうため、シンプルでほとんどの場合に使用されるリストレイアウトは実現可能だと思います。ユーザーエクスペリエンスに従って、操作を最小限に抑える必要があるため、複数の画面を保持することは適切ではありません。そのため、以下では、明確なアイデアが得られるように、さまざまなコントロールを含むレイアウト例を添付しました。私の提案に従って、私は8ポイントをカバーし、残りの2ポイントについては、ページをスクロール可能に保つことができます。

enter image description here

1
Jasmin Javia

ウィザードのように、よりインタラクティブにすることができます。これは、ユーザーがフォームに入力することに興奮するための最良の方法だと思います。

Uはこのリンクに移動して[カードを取得]をクリックすると、そこにインタラクティブウィザードが表示されます

ウィザードの例

ウィザードは、本能的な経路をたどると、このようなソリューションになる可能性があります。豊かな相互作用は、退屈な古いメニューやフォームフィールドよりも優れていると感じています。インターネットは、リッチで面白いメディアをユーザーの手元に置きます。ユーザーは娯楽のために私たちのアプリケーションを必要としません。そのため、ウィザードが会社のビジネスモデルとユーザーのニーズを本当にサポートするか、またはメニューとフォームを使用したそれほど面白くないソリューションが全体的に優れているかどうかを慎重に検討してください。

ソース

0
Rob H. Yamin

7-10フィールドのセクションを持つフォームはそれほど長くないと思います。

ユーザーが入力する必要のある情報をユーザーが処理できるように、関連情報をブロックにグループ化する必要がありますが、10個のフィールドがあるフォームでは手順は必要ないと思います。

デフォルト値を持つことに関しては、非常に多くのユーザーがそれらの値を選択すると思われる場合を除いて、このオプションは避けるべきだと思います。

0
Madalina Taina