web-dev-qa-db-ja.com

トラックバーコントロールの適切な代替

使用しているタッチスクリーンアプリケーションの2つの異なる場所でトラックバーコントロールを使用しています。最初に特定の量のデータを記録します。 (260サンプルとしましょう)2番目は無制限の量のデータを記録します。

トラックバーコントロールを表示する領域が限られています。最初の例は正常に機能しますが、サンプル数が3000を超えると(2番目の使用法では完全に許容可能)、トラックバーのパフォーマンスが低下します。コントロールの使用可能な領域が小さいということは、トラックバーカーソルの最小の動き(ドラッグ)で何百ものサンプルを動かすことができ、特定のサンプルに到達することが不可能であることを意味します。

誰かがこの問題に遭遇したかどうか、または記録されたサンプルのリストをナビゲートするための適切なコントロールを推奨できるかどうか、私はどう思いますか?現在、問題を回避するための「前に進む」ボタンと「前に戻る」ボタンがあります(つまり、1つまたは10個のサンプルだけ前に戻ります)。できれば、小さいサンプルサイズと大きいサンプルサイズの両方でうまく機能するコントロールが欲しいです。

7
AidanO

IPhoneのスライダーは、指がスライダーからどれだけ離れているかに応じて、ステップサイズ/速度を調整します。スライダーを使用している場合は、バーの幅との1対1のマッピングですが、遠ざかるにつれ、よりきめ細かいコントロールが得られます。

過去から借用する別の解決策は、一連の同心円ノブで、中央のノブは外側のノブよりも速く(粗く)調整されています。これは短波ラジオなどの多くのアプリケーションで使用されていました(ラジオ局を非常に正確にチューニングしようとしているが、可能な周波数の範囲が非常に広い)。

4
Alex Feinman

スライダーでグロスコントロールを使用し、ホイールまたはスピナーで速度に比例した微調整を使用します。

Trackbar and spinner

水平スピナーをスライダー(トラックバー)に追加して、選択範囲をより細かくスクラブします。したがって、現在と同じようにスライダーを使用しますが、より細かく制御できるように下にスピナーを追加します。スライダーとスピナーの両方が水平であることは、ユーザーが動きを直感的にマッピングするのに役立ちます。

また、サンプルが10または100倍大きい場合は、常に2番目のホイールを追加するか、スピナーに速度を追加することができます。そのため、ゆっくり回転すると1つずつ、中程度の回転では5つ移動します(たとえば)。飛ばすことは、より大きな要因で行かせます。

または、ホイールをより細かい選択ツールとして使用します。

Slider and wheel

[Calvin Chongの答えは私にスピナーのアイデアを与えました、そして私は水平性と速度に比例した制御でそれを改善しました。]

3
Taj Moore

Rotor visible in lighter portion of screenshot

人気のゲームPeggleは、垂直ローターを使用して、ボールランチャーを細かく制御できます。

トラックバーの横にこれの小さいバージョンを配置することができます。これを上下に拡張しても、サンプル数はわずかに増減します。追加の使いやすさのメモ:ユーザーの指がコントロールの表示領域を離れたとき(ただし、画面に触れたまま)でも、ローターは引き続きダイヤルアップ/ダイヤルダウンします。

3
Calvin Chong

Meegoで時間を選択するために使用されるような、複数リングタイプセレクターを使用することを検討することができます。

Screenshot of selecting a time in Meego

それは分を選択するための外側のリングと時間を選択するための内側のリングを持つことによって機能しますが、この概念はおそらく選択の2桁ごとのリングに拡張できます。したがって、10進数の後ろのすべてを選択するための1つのリング、0〜99の部分を選択するための1つのリング、000〜9900の範囲を選択するための1つのリングなど。

2
André

このようなものについては、ドラッグする距離に応じて感度が変化するスライダーを検討します。上記のテキスト入力は現在選択されている値を示し、スライダーのセレクターはドラッグされていない場合はデフォルトで中央に戻ります。

値と感度の2つのスライダーのアイデアは気に入っていますが、スペースの不足についてはすでに述べたので、これは適さないと思います。

Slider example

2
TJH

サンプル値へのアクセスが(主に)チャート/グラフを介して行われた場合、ピンチなどを使用して目的のレベルにズームインまたはズームアウトできます。ユーザーがサンプルデータポイントをスクロールする速さの究極の選択をユーザーに与えます。移動/フィードバックは、サンプルの数に関係なく一貫している必要があります。そのため、特定のズームやスクロールのように、インターフェイスで合計サンプルサイズのxパーセントだけ移動するように抽象化する必要があります。 roambi.comのiphoneデータ視覚化アプリからインスピレーションを得られるかもしれません。

1
Chris