第16回 入力フォームを1画面にする？ 分割する？ | gihyo.jp
サービス開始時のユーザー登録フロー、クチコミやレビューといったユーザー投稿などユーザーに何か情報入力してもらう際、入力してもらう項目が増え、画面が長くなってしまうことがあります。そんな場合、長くなっても分割せずに1画面にする（図1a）のか、それとも画面を分割して複数画面にする（図1b）のか、その構成がユーザー体験に大きく影響してしまう場合があります。どちらにするべきか悩んだ経験がある方が多いのではないでしょうか。 図1 同じ項目で、分割せず1画面にした場合（a）と、分割して複数画面にした場合（b）の違い 今回はどういったときに分割するか／しないかの考え方の事例をもとに、私の判断軸を紹介します。この記事を読んだあと、みなさんの迷いが少しでも解消しやすくなり、ユーザーにとってスムーズな設計ができるようになればと思っています。 分割するかしないかの基準 分割する／しないどちらが良いかは一概には言
スマートフォンサイトの作り方(8/8) - 入力フォームの最適化 - シンプルな暮らし。 - 家族とWEBマーケティングな日々
数字用キーパッドの指定 PC画面の場合はさほど問題になりませんが、スマートフォンで入力値が数値の場合(郵便番号や電話番号など)には、数字入力用キーパッド(HTMLのinput type="number"input type="text"にpattern="[0-9]*"を指定してあげるとユーザービリティーが向上します。pattern属性は、正規表現で入力文字を制限する指定で、[0-9]*は数字に限定するという意味です。[0-9]*を指定すると自動的に英字キーボードの場合に数字用キーパッドが表示されます。input type="number"は、iOS4では問題なかったのですが、iOS5のSafariの仕様変更により連続した数字3桁を入力した場合に自動的にカンマが挿入されるのと、先頭に「0(ゼロ)」が入力できなくなったので避けたほうが無難です。 ただし、PC版のほとんどのブラウザではHTML
こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修
シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。 シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。 今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EFO（入力フォーム最適化）とは？8つの施策と実施のポイント
