今までdカードゴールドをメインカードに使ってきたのですが、大人なので、そろそろ年1万円程度のゴールドカードも無いかなと考え、ダイナースカードを申し込んでみることにしました。
申込ページに書かれている通り、オンラインフォームで申し込み、審査を経て書類のやり取りをするようです。
さて、Webの専門家として、入会導線のUIを見ながら進めていきます。
申し込みページ
リッチな申し込みページを経由する
サイト内のどの「お申し込み」ボタンをクリックしても、広告のランディングページを兼ねているリッチな申し込みページにたどり着きます。
このページでの「お申し込みはこちら」ボタンは、ページトップから1,200pxくらい下にあるので、ノートパソコンなどではスクロールしないと表示されません。
ここまで来る人は、すでに入会を決めている人も多いと思うので、もうちょっと上にあってもいいような気がします。
フォームが出るのに時間がかかる
お申し込みはこちらボタンを押した後、カード発行クイック診断モーダルが表示されるのですが、モーダルウインドウの枠が表示された後に、フォームが表示されるのに8秒ほど時間がかかりました。
非同期で表示されているので、ブラウザの「読み込み中」表示が完了しているのにフォームが出てこないため、フリーズしているように見えます。
id=”fancybox-content”の中のiframeは、document.readyのタイミングで読み込んでおき、a.qs_popのclickでdisplay:blockするようにした方がいいのではないでしょうか。
入会方法の説明ページ
カード発行までの期間がわからない
クイック診断後、「ダイナースクラブカード オンライン入会申し込み」画面が表示されますが、
原則、審査承認後、2～3営業日後にカード発送
お申し込み時の状況により、入会審査完了まで1ヵ月前後お待ち願うことがあります
という表記があります。
入会審査に最大1か月かかり、その後のカード発送は2～3営業日、という意味なのでしょうが、この書き方だと、クレジットカード事業がわかっていないユーザーには「カード発行まで最短2～3日で、最大1か月」という意味にとられる可能性があります。
必要な書類がわかりにくい
オンラインによるお支払い口座の設定
オンラインによる本人確認書類の提出
という表記があります。
ただし、これが何を目的にしているのかの説明が無く、また実際には何が必要なのか、わかりません。
モーダルを開いた後、グレーアウトしたメインウィンドウが元に戻るのに時間がかかる
「ダイナースクラブカード オンライン入会申し込み」画面で、「詳細はこちら」などのリンクをクリックすると、説明文が書かれたモーダルウィンドウが開きます。
このモーダルの閉じるボタンをクリックしても、元のメインウィンドウがグレーアウトされたままで、元に戻るのに数秒かかります。
さらに、モーダルを閉じた後は、モーダルが開いていたエリアのメインウィンドウがクリックできなくなり、一部のリンクがクリック不可能になります。
本文と、補足文章が同じフォントサイズ／カラーで書かれている
これらのサービスをご利用いただくには、以下を事前にご準備ください。
マイナンバー制度の趣旨に基づき、当社ではお客様のマイナンバーを取得できないため、マイナンバーが記載されている書類は送らないようお願い申しあげます。
マイナンバーが記載されている書類が届いた場合は、当社で破棄する場合がありますので、あらかじめ了承ください。
オンラインによるお支払い口座の設定には：
この4行のうち、1行目の文章の下に、本来は「オンラインによるお支払い口座の設定には：」が続いていたのだと思われますが、間にマイナンバーの補足説明が入ったため、「以下を事前にご注意ください。」がどこに繋がっているのか分からなくなっています。
上記の規定等に承諾します。がクリックしても反応しない
反応するまで5秒ほどかかるようです。
混乱して、何度もクリックしてしまうユーザーの姿が目に浮かぶようです。
次のページへの遷移も、なかなか時間がかかります。
申し込みフォーム
反応速度がとにかく遅い
入力必須の欄に色が付いていて、入力が終わると色が消える部分は、フォームとしてわかりやすく作られています。
しかし、これらの入力チェックが原因だと思うのですが、全体的に反応速度が遅く、入力した項目を修正するのがとても大変です。
また、いまどき「番地や部屋番号は全角で入れてください」は古臭いとは思います。
謎のプルダウン
「プルダウンできないプルダウン」があります。
これは、本人確認書類を「免許証以外」にした時のみ必要なプルダウンのようです。
最初は非表示にしておき、input#idTypeSelect_0がクリックされたらtd.appfldFをdisplay:blockしたほうがいいですね。
ダイナースクラブの入会フォームを改善するためには
改善すべきポイントをまとめます。
- 申し込みページの簡易化
- インフラの高速化
- 各ページの作り方の高速化とバグ修正
- 説明文の見直し
金融系サイトのフォームの作り方がイマイチなのは普通なのですが、せっかくのハイブランドカードなので、もっとユーザー行動を重視したサイト作りを目指して欲しいですね。
申し込みを完了して
2016年3月28日、申し込みが完了しました。
カードが届いたらまた記事にしますね。
審査が通るかどうかが問題ですが、dカードゴールドで今まで年間500万円以上使ってきて、支払いに遅延が無い僕が落とされたら、それはそれで面白いので、記事のネタになりますね。
審査完了！
3/28夜に申し込みして、4/1には入会審査完了のメールが来ました。
実質3営業日で審査が完了したということですね。
→ダイナースクラブカードの入会審査完了までは3日間！
カード発送！
4/6にはカード発送のメールが来ました。
こちらも実質3営業日で手続きが完了したということになります。
→ダイナースクラブカードのカード発送は、入会審査完了から3日間！
ダイナース倶楽部が届くまでの記録はこちら
ダイナースクラブカードを申し込んでみる|クレジットカード申込サイトUI評価
ダイナースクラブカードが届いた
ダイナースクラブのETCカードが届いた