web-dev-qa-db-ja.com

iPadユーザーのためのスライダーコントロールの最良の代替手段?

私のチームは現在、結果をフィルタリングするためのいくつかのスライダーコントロールを備えた地図中心のWebアプリを計画しています。画面を移動する代わりにスライダーをコーディングしてタッチに応答するテクニックが出現しているようですが(例: http://www.quirksmode.org/m/tests/drag.html )、私はd代替デバイスを探索したい。

現在、5〜60分の値を調整するタイムスライダーと、1〜100の範囲で2つのポイントを設定できるスコアスライダーを計画しています。 (例: http://jqueryui.com/demos/slider/range.html

私たちの目標は、個々の亜種を盗聴することなく、すべての主要なデバイスで機能するサイトを提供することです。

IPadに対応するためにユーザーが使用している代替コントロールは何ですか?またはiPadで適切に機能する範囲スライダーを備えた通常のWebアプリの例は何ですか?

3
mahalie

この例は設定時間を示しているだけですが、あなたの場合にはうまくいくかもしれません。スクリーンショットは、BoomerangのモバイルWebアプリ(iOS Safari)からのものであり、Apple iPhoneの時計アプリの機能を複製しています。時計アプリでは、アラーム時間とタイマーを設定できます。

ブーメラン:

Apple Clockアプリ:

あなたの場合、私はそれが次のようなものになると思います:

  • 【5〜60分回転】分
  • [最初の1-100の番号を回転]から[2番目の1-100の番号を回転]へ(最初の番号を選択すると、2番目の番号を自動的にその上の1つに移動できます)
2
Drew