web-dev-qa-db-ja.com

横向きのベストウェイパックボタン

enter image description here

上のスクリーンショットを見てください。私はそれを見つけました here そしてそれは私が自分のアプリで何をする必要があるかについての便利なパターンを提供します:簡単にフィルタリングできるはずの長いリストを表示します。唯一の問題は、ユーザーがより多くのカテゴリ(現在は9)から選択/選択解除できるようにする必要があることです。私が検討したオプション

  • ドロップダウンを目的に使用しますが、ラジオボタンの水平行が提供する直感性と即時性が失われます。
  • テキストをアイコンに置き換えると、より多くのボタンをパックするメカニズムが提供されますが、多くのユーザーは、アイコンの意味を理解しようと頭を悩ませてしまいます。
  • 不器用に見える傾向があるボタンの複数の行を使用する

これらすべてのコンテキストはAndroidアプリがタブレットではなく携帯電話向けであり、縦向きモードでのみ使用することを目的としているため、使用できる幅がかなり限られていることを説明する必要があります。

ここの誰かがいくつかの提案を提供できるかもしれないと思います。


提案ありがとうございます。私が言及したボタンはタブではなくフィルターであるということを述べておかなければなりません-それらはユーザーがリスト項目の特定のカテゴリーにドリルダウンできるようにします。私はいくつかのアイテムのアイデアが好きで、それから「もっと」ドロップダウン。その間に私はこれをしました

enter image description here

左上のメニューボタンをクリックすると、ユーザーがドリルダウンすることを選択できるこのカテゴリのリストが表示されます。いくつかのカテゴリを表示し、次にMore ...ドロップダウンを表示するという即時性が欠けているため、実際には最後にそれを行う可能性があります。ただし、実際のデザイナーやマテリアルデザインの専門家ではないため、このような実装(つまり、現在の実装)が一般ユーザー、特にデザイン群衆にどのように影響を与えるか知りたいです。

3
DroidOS

私が正しく理解していれば、ボタンはタブです。 材料設計 では、これらは異なる解決策です:

  • 「その他」ドロップダウンメニュー

  • オーバーフローのページネーション

  • スクロール可能なタブバー

最後の1つは、タッチデバイス専用です。最初の2つはデスクトップ用で、最後の1つがより適切ですが、これらも使用できると思います。

2
Alvaro

https://www.w3schools.com/howto/howto_css_menu_horizo​​ntal_scroll.asp と同様に、スクロール可能なタブバーを使用できます(ただし、スクロール可能であることを示します)。そうすれば、人々は1タップで隣接/近接カテゴリを切り替えることができます。

ただし、主題と分類によっては、タブのアイコンを使用する方が簡単な場合があります。

0
PixelSnader