こんにちは!寒さに負けて庭造りが進まない八木です!
前回ブログの予告は『「4. 住所の番地等の全角/半角制限を撤廃する」の検証事例紹介を紹介します。』と記載しましたが、既にノリ子が記事にしているので今回は「素敵フォーム第二弾」です。

カード会社様の素敵入力フォーム

複数のカード会社様を担当しているため、いろいろなカード申込みフォームを見ていますが、中でもお気に入りの「株式会社ジェーシービー様」のフォームについて説明します。

何が他のカード申込みと違うのか
「スマートフォンとPCでフォームの構成が異なる」
これに尽きます。

【異なる点】
・スマートフォンでは入力例の記載が無い
・スマートフォンでは各STEPを細かく分けている
など

過去の記事で私がスマートフォンフォームの改善点としてあげた内容が盛り沢山のフォームです。

特に私が注目する違いは
株式会社ジェーシービー様のフォームは「職業の選択項目がスマートフォンはラジオボタンPCはプルダウンとフォームの構成が異なる」
ここです。

言葉だけでは分かりにくいので実際のフォームキャプチャを見てみましょう。
20150223_01

20150223_02

プルダウンとラジオボタンいずれも単一選択の際に用いる形式です。
この二つはメリット・デメリットが相反しています。

項目名 メリット デメリット
プルダウン 選択肢が複数ある際に項目幅を狭く出来る 該当する選択肢が探しにくい
ラジオボタン 選択肢が確認しやすい 選択肢が複数あると縦幅が広くなる

それを上手く使い分けているのが、株式会社ジェーシービー様です。
私たちもお客様には「選択肢が5個以上のときはプルダウン、それ以下ならラジオボタン」とオススメしています。

ただしスマートフォンでは他にもプルダウンのデメリットがあります。
それは選択肢が12文字以上だと見きれてしまうことです。

細かい点ですが、日々増加するスマートフォンのシェアに対応するためには、このようなことは重要なポイントです。

それでは次回も素敵フォームを紹介です。
お楽しみに!

素敵入力フォーム1回目はこちら。3回目はこちら