ユーザビリティ実践メモに「離脱されない携帯サイトのフォーム作成術 」という記事が掲載されています

2009/1/27 火曜日 Posted in デザイン, 記事紹介・リンク | No Comments »

過去に何度か紹介させていただいたbeBitさんのユーザビリティ実践メモに、「離脱されない携帯サイトのフォーム作成術 」という記事が掲載されています。 → beBit ユーザビリティ実践メモ 離脱されない携帯サイトのフォーム作成術 [bebit.co.jp]   ケータイはPCに比べて文字入力などのが大変なため、よくユーザビリティを考えてサイトを作成しないと、利用者は途中で入力を諦めてしまいます。 この記事では、 フォーム入力例を適切な位置に配置する フォームのページ数を減らす という2点を重要なポイントとして紹介しています。   1つ目の「フォーム入力例を適切な位置に配置する」は、注意書きの位置についてのノウハウです。 ケータイは画面が狭く、更に上から下への目線移動のため、注意書きを下に配置しても気づかれないことが多いようです。 注意書きは、入力欄の上に配置したほうが良さそうです。   2つ目の「フォームのページ数を減らす」は、フォームと入力欄の配置についてです。 地下鉄など電波の不安定な場所での入力も想定して、度々読み込みが入るようなページの遷移は、極力控えた方がよいようです。 また、入力開始時の心理的負担を減らすため、最初のページの入力欄は少なめにするという例が紹介されています。   どちらもごく簡単に導入でき、今日からすぐ使えるテクニックですね。 フォームを作成する際には、ぜひ利用してみましょう。   関連: 携帯サイトでのユーザナビゲーションのコツ (beBit ユーザビリティ実践メモ) フォームでのユーザビリティ向上のポイントを紹介した記事「PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは」 画面メモを意識した携帯サイト制作 (beBit ユーザビリティ実践メモ) Read more..

フォームでのユーザビリティ向上のポイントを紹介した記事「PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは」

2008/5/29 木曜日 Posted in 記事紹介・リンク | No Comments »

以前にも何度かご紹介したことのある「Web担当者Forum」というサイトに、ケータイサイトでのフォームを設計する際に、ユーザビリティを向上させるためのポイントをまとめた記事が掲載されています。 → Web担当者Forum 第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは [impressrd.jp]   メールアドレスの入力用フォームから、プルダウンやボタンの配置、アクセスキーについてまで、実例付きで解説されています。 携帯サイトの基本思想は、「調べさせない」「手間取らせない」がポイントとのことです。 また、フォーム改善のコツとして、次の3つが挙げられています。 「個人プロフィールからの引用機能」を前提にしてよい。むしろ積極活用を想定しよう。 ボタンとプルダウンメニューの違いを明確にして、直感的に理解できるようにしよう。 アクセスキーを効果的に取り入れることで、ユーザーの行動をサポートしよう。   ケータイサイトはページデザインが簡素なため、入力フォームなどを作成する場合も、デザイナーではなくプログラマが作成してしまうというケースも多いと思います。 プログラマの方であっても、このような記事を参考にし、普段からユーザビリティを意識することが必要かもしれませんね。   関連: リサーチで検証した売れるモバイルショッピングページのレイアウトとは? 画面メモを意識した携帯サイト制作 (beBit ユーザビリティ実践メモ) 個人プロフィールからの引用を考慮した携帯サイトフォーム設計 (beBit ユーザビリティ実践メモ) Read more..