web-dev-qa-db-ja.com

選択入力またはテキスト入力を切り替えますか？

ユーザーが選択オプションを入力またはテキストとして何も適切でない場合に使用するための実行可能な方法を決定しようとします。

ほとんどの場合、ユーザーは選択オプション内に事前に入力されているものを使用しますが、実際のテキスト入力が必要なさまざまなインスタンスがある場合があります。

選択オプションの「その他」フィールドがフォームフィールドの表示後に機能するとは思わないので、この解決策を思いつきました。

言葉遣いはそれが提示された方法にとどまりません、これは純粋にあなたが視覚的にそこに何があるかを見るためのものです。

enter image description here

enter image description here

ここで働いているように見えます：

http://codepen.io/brycesnyder/full/WoeVrY/

このデザインと機能に潜在的な落とし穴はありますか、またはこれを表す別の方法はありますか？

usabilitywebsite-designgui-designinteraction-designuser-behavior
2
Bryce Snyder

コンボボックスを使用しないのはなぜですか？

コンボボックスは、ドロップダウンリストとテキストボックスの両方の組み合わせであり、Web全体で共通のコントロール要素です。

例：

2
Tory

ユーザーの最初の決定は、どちらかを選択することです：

  • 定義済みオプション
  • カスタムオプション

事前定義されたオプションの重要性に応じて、それに取り組むいくつかの方法を考えることができます。

Select:
    Option A
    Option B
    Option C
    Option Other. Fill:
        Text input

enter image description here

（他のオプションを選択すると、テキスト入力が表示されます）

Radio:
    Option A
    Option B
    Option C
    Text input

enter image description here

（選択できるのは1つだけです）

Radio:
    Predefined option. Select:
        Option A
        Option B
        Option C
    Custom option. Fill:
        Text input

enter image description here

Select:
    Option A
    Option B
    Option C
Checkbox:
    Text input

enter image description here

（[カスタムオプションを入力]をオンにすると、テキスト入力が表示されます）

1
Alvaro

リスト形式とリストを一般的に使用する上での最良の議論の1つは、人間は上から下への情報を追跡するのに非常に優れている賢明な方法で流れることです。同様に、私たちは（少なくとも西側で）右上隅にある最も重要な情報をチェックするのに慣れています（したがって、通常のロゴの配置）。これは、私たちが慣れていること（右から左に読むこと）と、頭の中で効率的になっていること（上から下への追跡）の両方です。

私は必ずしもあなたのデザインを嫌うわけではありませんが、あなたは訪問者に彼女/彼を持っていることによって通常の上下のアイパターンから離れることを強制する続行する前に、右を見てから左に戻って入力してください。あなたのやることリストを考えてみてください：あなたはそれらを左から右へ、または上から下へ書きますか？

テキスト入力/ドロップダウンを右側に、テキスト入力/ドロップダウンを左側にして（上から下への目の動きに続いて）A/Bテストを実行し、これがユーザーにどのような影響を与えるかを確認できますか？

もちろん、これは新しいことを試して理論や1つまたは2つの理論に反証することはできないと言っているのではありません。

0
codeWolf

ユーザーに「テキスト入力」オプションが表示されないリスクがあります。そして、ユーザーがそれを理解しない別のリスクがあります（私の意見では「入力」という用語は、ユーザーフレンドリーではなく、むしろ技術的です）。デザインの提案としては、「テキスト入力」の名前を「その他」に変更して、ドロップダウンリストに含まれていないものを追加するオプションを示すことができます。

0
Jesper Vestergaard