こんにちは。かもめです。

東京が涼しくなってきた頃合いを見計らって私は、今月沖縄に行ってきます。
フォーム調整も体温調整もバッチリです。

最近では、みなさんのサイトもスマホユーザの割合って増えてきているのではないでしょうか?

よって、スマホフォームでの課題も増えてきていると思うんです。

スマホではプルダウンの離脱が多い

今回は、前回タケやんが書いた「スマホ離脱が多い。プルダウンはホントに楽なのか!?」の事例編です。

離脱の原因については、上記の記事や、何度もご紹介していますが大谷さんの記事をご覧ください。

こちらを踏まえた上で、スマホでのプルダウン項目での課題を下記に挙げると

  1. 項目が長いと文字が消えてしまう
  2. 選択肢がどれくらいあるかわからない

efo_001

これらをまるっと解決できる、とっても素敵なフォームを見つけたので、ご紹介いたします。

プルダウンに変わる素敵なUI表現

野村不動産株式会社様

efo_002

株式会社リクルートキャリア様

efo_003

上記2つのフォームでの良いところは

  1. 長い項目でも、文字が消えない
  2. 候補が一覧で見える為、選択しやすい

プルダウンという形式にとらわれず、表示方法を工夫したとても良い例ですね。

改修をするのは、かなり大変なようですが、入力のしやすさは格段に上がりますので
ぜひ、ご参考にしてみてはいかがでしょうか!