フォームフィールドで便利な情報を表示する際には、どのようなインターフェイスを使うべきでしょうか？ 答えはツールチップです。フィールドのラベルよりも明確に情報を伝える必要があるとき、フォームフィールドにはツールチップが必要です。 たとえば、フォームのラベルがユーザーに馴染みのないわかりにくい用語のときが挙げられます。また、通常より個人的な情報を聞く際に、なぜその情報が必要なのか説明するときにも配置す……
フォームのどこにエラーメッセージを配置していますか？ ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょ……
メルマガの登録フォームが非常に不快だという意見には私も同意します。以前、私はこのテーマについて記事を書いたことがあります。その後、さらにもう一記事を書きました。 私はメルマガの登録フォームはさらに改善できると考えています。実際、私のサイトの実績を元に登録フォームの効果を証明することができます。 私はメルマガの登録フォームにうんざりしています。企業は何としても私のメールアドレスを手に入れようと、あら……
現代のすべてのWebサイトは、レスポンシブなレイアウトを使うべきです。レスポンシブにすることで、どのようなデバイスであってもブラウジングが簡単になりますが、その反面、デザインの難易度は上がります。 検索フィールドは、扱いにくいページ要素の一例です。レスポンシブなレイアウトが増えていく中で、Webデザイナーたちはよりアクセスしやすくより洗練された検索フォームの新たなトレンドを次々と生み出しています。……
メールアドレスは、もっとも間違いやすいフォームフィールドの１つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールアドレスの確認フィールドを追加することで、間違ったメールアドレスの送信を防ぐことができると考えています。メ……
フォームは多くのWebサイトにとって欠かせないものです。しかし私たちは、その細部にまでいつも気を配れるわけではありません。 フォームを改善する方法はたくさん存在します。バリデーションの追加や、マスクやその他のビジュアルガイドをインプットしたりすることが挙げられるでしょう。そしてこれは表面的な対処でしかありません。最終目標は、できる限り使いやすく魅力的なフォームにすることです。 この記事では、最適な……
ECサイトにはそれぞれ、ユーザーをショッピングカートから最終購入まで誘導する独自の支払いフローがあります。商品の種類とユーザーの意図によって異なりますが、購入の意志決定は常にもっとも難しい部分です。 支払い画面では、ユーザーがチェックアウトプロセスを完了するように促す必要があります。今回は、支払いフォームのデザインを改善し、チェックアウトのコンバージョンを改善するためのユーザビリティのヒントを紹介……
サイトを訪問して、モーダルウィンドウでニュースレターフォームがポップアップされたことはありませんか？ もちろんあるでしょう。 現在ではインターネットの至る所にこのポップアップが存在しています。これを多くのサイトが利用しているのには理由があります。しかし、多くのサイトがこのモーダルウィンドウをもう一度考慮し直すべき理由もまた存在します。 高いコンバージョン率が保証される 多くのサイトで、モーダルのニ……
あなたの作った入力フォームには、名字と名前という２つの入力欄がありませんか？ 特にグローバルに展開するようなサービスにおいて、このような入力欄はユーザーが名前を記入するのを難しくしている可能性があり、解決する必要があります。 名字と名前が区切られた入力欄は問題を引き起こす すべてのユーザーが名字と名前を持っているわけではありません。姓名は文化的背景によって構造がかなり異なるからです。 たとえば、ラ……
ユーザーと企業の両方にとって、フォームはWebサイト上でもっとも重要な要素の１つです。サイト訪問者が操作でき、使い勝手が良いのが最高のフォームと言えます。そのようなフォームであれば、サイト訪問者はフィードバックや購入、予約、登録をするためにフォームの項目を埋めようとするでしょう。 逆に、不格好でユーザーを誘導できずページ全体の印象を下げてしまうのは最悪のフォームです。では、どのようにして直感的で効……