web-dev-qa-db-ja.com

タッチインターフェイスのコンボボックス選択(別名単一選択)を置き換える最良の方法。

コンボボックスには2つの利点があります。a)限られた不動産に適合し、b)ユーザーに単一の選択を通知します。

相互作用を最小限に抑えるタッチスクリーンの最良の代替策は何ですか?コンボボックスは複数回のクリックを要求し、それはタッチ(imo)より面倒です。

8
Ryan Cromwell

IOSデバイスでは、「ドロップダウン」コントロールは、画面の半分を占める大きなターゲットコントロールとしてレンダリングされ、ユーザーがリストを簡単にスワイプできるようにします。レチクルの中央にあるアイテムが選択されます。この方法では、タッチしてコントロールをアクティブにし、スワイプして選択し、もう一度タッチして確認するだけです。これらのタッチはすべて明確な目的を果たすため、不必要ではありません。

Combo box on iPhone

入力して項目を選択することもできるコンボボックスは、上記のようなコントロールを備えたタッチプラットフォームでは、長いリスト(特にiOSのような電話帳スタイルのインデックスの選択)をスワイプする方がはるかに簡単であるため、不要に見えますkb /マウスプラットフォームでドロップダウンメニューをスクロールします。

7
Rahul

Rahalは、この問題の最も一般的で有用な解決策を提示して説明しました。

特別な場合リストボックスの値のリストが非常に長い場合の場合、別のアプローチを検討します。

選択した値(または "選択...")を通常のフィールドに表示し、右端にニンジン( ">")を表示します。
フィールドを押すと、長い値のリストを含む新しい画面に移動します。この時点で、次の2つの手法を使用できます。

  • 1つの値を選択すると、自動的に前の画面に戻ります。
  • 値を選択すると、「v」のマークが付けられますが、ユーザーは同じ画面にとどまります。ユーザーが別の値を押すと、「v」は新しい値にジャンプし、複数選択がないことを意味します。

利点(長いリストであると想定):

  • ユーザーはすぐにさらに多くの値を見ます
  • 画面が半分しかないローラーよりもスクロールが簡単です(画面の上部をタッチして上に移動できます)
  • IPhoneのネイティブの連絡先リストにあるアルファベット順のナビゲーションなどのナビゲーションコントロールを追加して、興味のあるポイントに「ジャンプ」することができます。
  • 極端な場合には、「検索」ボックスを追加することもできます。
2
Dan Barak