第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
Binbo-Special−技術資料らしきもの−HTML−携帯サイトのテキストフィールドの入力モード指定
少しでも入力補助してあげようという親切設計を目指したい、と言う訳ですね。 でも、携帯業界は大雑把に言うと3大勢力があり、入力モードを指定する方法は3つとも固有で持っている為に方法違います。いい加減にしてくださいよ、と。WEBってそんなの多すぎ、と。 でもまぁ、inputタグの中に3種類とも書いてあげればOKOKなので、面倒ですけど何とかなるからまぁ良いか、ということで。 いきなり方法 全角（ひらがな）モードにしたい場合。 <input type="text" name="hoge" istyle="1" format="M" mode="hiragana" /> 電話番号など、半角数字だけを入力させたい場合。 <input type="text" name="hoge" istyle="4" format="N" mode="numeric" /> メールアドレスなど、半角英数だけを入力さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
