タグ

iosとjqueryに関するpoad1010のブックマーク (2)

  • iOSブラウザのセレクトボックスUIが使い辛すぎ問題 | キノコログ

    WEB屋さんなら、タイトルである程度察してもらえるこの問題。 昨今のWEBサイトは、スマートフォンからのアクセスがほとんどのため、デザインや操作性はスマートフォンでストレスなく使えることが最重要課題となっている。 特に、ユーザーが商品の購入を行う際に、必ず経由するであろう「フォーム」の入力。 ここがストレスなく入力できるかが、成約の肝となるのだが…。 ユーザーに入力する際に、選択肢の中から項目を選んでもらう「セレクトボックス」というものがある。 複数の選択肢の中から、ユーザーに選んでもらう、というフォームを設けたい場合は、「セレクトボックス」が最も使われていると思う。 (ラジオボタンやチェックボックスよりも癖がないため) 「セレクトボックス」とは、↓コレのことである。 今見ている端末によって、このSELECTの仕様が異なっていると思うが、iPhone端末はこんな表示になっている。 いわゆる

    iOSブラウザのセレクトボックスUIが使い辛すぎ問題 | キノコログ
    poad1010
    poad1010 2019/11/29
    これ、逆だなぁ Androidのように展開される方が使いづらいって思う そもそもselectの項目が多過ぎる時点で使い辛いので、AndroidのGUIのように展開されるから使い易いってのは無い。 実際に使ったことあるからわかるけど、数
  • スマートフォンでの日付、時刻をスムーズに入力·Mobiscroll MOONGIFT

    MobiscrollはiOSやAndroidでの日付、時刻入力を手軽にしてくれるWeb UIコンポーネント。 MobiscrollはjQuery/JavaScript製のオープンソース・ソフトウェア。Webブラウザ上で扱いが難しいデータが日付や時刻だ。入力するのも、入力チェックもややこしい。Webの貧弱なコンポーネントを補うためのカレンダー形式の選択ライブラリは人気が高い。 日付 そんな中、iOSの日付や時刻入力はとてもスマートに思える。スクロールを回転させて入力するのは分かりやすい。そんな入力フォームをWebベースでも実現するのがMobiscrollだ。 Mobiscrollはテキストボックスで利用するライブラリで、フォーカスが当たると日付や時刻を入力するためのMobiscrollが表示される。アプリ用のコンポーネントと同じようにスクロールして日付や時刻を選択する形だ。入力したらSetボ

  • 1