web-dev-qa-db-ja.com

過剰な数のタブと複数行のタブ行の代替

現在のデザインにレイアウトを実装するように依頼されました。元のデザインには、表示するフォームのタイプを指定する5つのタブ/ラジオボタンが含まれていました。 「タブ」が行うことは、基本的にどのフォームフィールドを表示するかを変更することです。

しかし、以前は5つのラジオボタンであったものが今では13個のタブのセットになりました(下の怖い図を参照)。これで頭が痛くなりました。タブがこの問題への最善のアプローチだとは思いません。 「タブ」が行うことは、表示されるフォームフィールドを変更することです。また、タブを2行で表示するように指示されました。タブが2行になっている場合はさらに嫌いです。複数行のタブセットは非常に混乱します。

ユーザーが表示するフォームのタイプを選択できる最も親しみやすい方法は何でしょうか?ドロップダウン/選択が可能ですが、すべての選択肢が常に表示されている必要があります。

ホラー: enter image description here

2行の恐怖: enter image description here

1
ecc

私は先に進み、可能な解決策で自分に答えます。たぶん、すべてのオプションを表示したくないのですか?多くのタイプが何らかの理由でそれほど人気が​​ない可能性が高いので、最も人気のあるタイプ、またはおそらく最近使用されたタイプを最前列に表示することができます。

enter image description here

2
ecc

これが私の可能な解決策です...

enter image description here

すべての選択肢を提供する右側のオプション(すべてを表示する必要があると述べたため)。以前はラジオボタンでしたが、一度に1つのオプションしか選択できないことを意味していたと思います。これらのラジオボタンの上に、フォームタイプのようなサブヘッダーを作成します。右側のこのセクションには、ユーザーがスクロールするまで「スティッキー」な動作がある場合とない場合があります。

タブは確かに特定の動作を意味します。 IMOラジオボタンとして使用しないでください。タブは、物理的なタブ付きバインダー/ノートブックから取得され、新しい情報のセットを表示していることを意味します。

別の可能な解決策がありましたが、フォーム全体のほとんどは各オプションについて変更されたと思います。たとえば、質問で私が理解していることから、1つのフィールドではありません。これがユーザーが入力しているフォームであるかどうかも尋ねます。フォームに入力しているときにフォームタイプを変更するとどうなりますか。または、これはユーザーが入力しないフォームである可能性がありますが、ユーザーのWebサイト(またはそれらに沿った何か)に表示されます。

2
Rachel9494