2

ユーザーが特定の時間値を入力する必要があるモバイル Web サイトがあります。基本的には hh:mm 形式です。さまざまなブラウザからの時間の表示と入力の一貫性に非常に苦労しています。

既存の例を探していると、分単位の「ボール パーク」値を許可するさまざまなサイトに遭遇し続けています。そのため、それらのサイトでは、(たとえば) 15 分刻みのドロップダウンは問題ありませんが、値が 60 のドロップダウンはどのサイトでもばかげています。プラットフォーム、特にモバイル。

HTML5 の < input type="time" /> ではうまくいきません。標準のテキスト入力もそうではありません。デバイスに数字のないアルファベット キーボードを表示させる傾向があるためです。HTML5 type="number" はほとんど機能しますが、数字キーボードにコロン (:) がない一部の Android ブラウザーでは機能します。

モバイル ブラウザが混沌の地にいることは十分承知していますが、Android と iPhone の両方で何がうまく機能するかについて、だれか良い考えを持っている人はいますか?

注: グーグルを試し、さまざまな jQuery プラグインを調べましたが、モバイルで優れたユーザー エクスペリエンスを提供するものはありませんでした。また、多くはデスクトップでも貧弱です。アイデア？

4

2 に答える 2

0

ここで私自身の質問に答えるのは嫌いですが、Mobiscroll がユーザーの問題の解決に最も近づいているようです。jQM-DateBoxも調べましたが、ユーザーは、59 を過ぎて前に進むか、0 を過ぎて前に戻ると、時間の値が自動的に変化することに慣れていないと感じました。

これに加えて、標準のドロップダウン リストで jQuery Mobile 選択リストを使用して評価を行いましたが、それを使用すると、基本的にページに div がポップされ、それをスクロールするとページ全体がかなり移動するため、間違っていると感じました。いくつかのアイテムには優れていると思いますが、私たちのユーザーベースには適用できません.

于 2011-09-30T15:49:28.483 に答える
0

私は彼らのアプローチが特に好きではありませんが、Any+Timeの日付/時刻ピッカーはモバイル デバイスでかなりうまく機能すると思います。静的に配置でき、縦横比とボタンのサイズが適切に見えます。

とはいえ、私の iPhone でテストしたところ、いくつかの問題を解決する必要があることがわかりました。特に、ピッカー ウィジェットのボタンをタップすると、ピッカーが入力する「非表示」の入力フィールドがフォーカスされ、ビューが移動し、オンスクリーン キーボードがポップアップします。

于 2011-09-28T20:23:48.677 に答える