→　beBit　ユーザビリティ実践メモ　離脱されない携帯サイトのフォーム作成術 [bebit.co.jp]

ケータイはPCに比べて文字入力などのが大変なため、よくユーザビリティを考えてサイトを作成しないと、利用者は途中で入力を諦めてしまいます。

この記事では、

1. フォーム入力例を適切な位置に配置する
2. フォームのページ数を減らす

という2点を重要なポイントとして紹介しています。

1つ目の「フォーム入力例を適切な位置に配置する」は、注意書きの位置についてのノウハウです。

ケータイは画面が狭く、更に上から下への目線移動のため、注意書きを下に配置しても気づかれないことが多いようです。
注意書きは、入力欄の上に配置したほうが良さそうです。

2つ目の「フォームのページ数を減らす」は、フォームと入力欄の配置についてです。

地下鉄など電波の不安定な場所での入力も想定して、度々読み込みが入るようなページの遷移は、極力控えた方がよいようです。

また、入力開始時の心理的負担を減らすため、最初のページの入力欄は少なめにするという例が紹介されています。

どちらもごく簡単に導入でき、今日からすぐ使えるテクニックですね。

フォームを作成する際には、ぜひ利用してみましょう。

関連：

• 携帯サイトでのユーザナビゲーションのコツ (beBit ユーザビリティ実践メモ)
• フォームでのユーザビリティ向上のポイントを紹介した記事「PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは」
• 画面メモを意識した携帯サイト制作 (beBit ユーザビリティ実践メモ)

→　Web担当者Forum　第11回　PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは [impressrd.jp]

メールアドレスの入力用フォームから、プルダウンやボタンの配置、アクセスキーについてまで、実例付きで解説されています。

携帯サイトの基本思想は、「調べさせない」「手間取らせない」がポイントとのことです。

また、フォーム改善のコツとして、次の３つが挙げられています。

• 「個人プロフィールからの引用機能」を前提にしてよい。むしろ積極活用を想定しよう。
• ボタンとプルダウンメニューの違いを明確にして、直感的に理解できるようにしよう。
• アクセスキーを効果的に取り入れることで、ユーザーの行動をサポートしよう。

ケータイサイトはページデザインが簡素なため、入力フォームなどを作成する場合も、デザイナーではなくプログラマが作成してしまうというケースも多いと思います。

プログラマの方であっても、このような記事を参考にし、普段からユーザビリティを意識することが必要かもしれませんね。

関連：

• リサーチで検証した売れるモバイルショッピングページのレイアウトとは？
• 画面メモを意識した携帯サイト制作 (beBit ユーザビリティ実践メモ)
• 個人プロフィールからの引用を考慮した携帯サイトフォーム設計 (beBit ユーザビリティ実践メモ)