ログインページ改修

UI / UX

担当範囲
UI/UX設計 / デザイン
経緯
既存のログインページは要素が多くて分かりにくく、ログインできないという問い合わせも頻繁に発生していました。それらを解消しログイン率を上げるための改修を行いました。
作業内容
GAなどでエラーの状況やどこでつまづいているかを推測、チームでブレストをして既存のページでの問題点を洗い出しました。
チーム構成
PM1名、アートディレクター 1名、デザイナー 1名、エンジニア 3名
制作期間
1ヶ月程度

Before

以前のログインページ

MedPeerのログイン方法には2種類あります。Medパス(別会社と共同で開発、製薬会社などにも共通アカウントとして使用可能)とMedPeerID(MedPeerサイトのみ使用可)でのログインです。
そのログインボックスが2つあることで以前のログイン方法が分からずエラーになるユーザが半数以上いた状況でした。それ以外にも注意書きなどの要素が多いことから、より分かりにくくさせる要因となっていました。

  • メドピアでは医師専門サイトとしているためセキュリティ上の観点から一般的なSNSアカウントでのログインは会社的に使用不可となります。

After Phase1

ログインページSP

他社の事例も参考にPMやエンジニアと相談して、極力不要な要素は削除してシンプルな構成を考えました。
多少の改善は見られたものの、同時にエラーも多くなり2つのログインボックスがあることにより、どちらからログインしたら良いのか分からないことが原因だと思われました。

After Phase2

ログインページSP

Phase1から過去のログイン方法を忘れてエラーになるユーザが多かったため、自分がどちらのアカウントでログインしていたかを知らせるTIPS表示をする対応をしました。
こちらの改修を経て、以前よりログイン成功率は120%以上改善しました。

After Phase3

ログインページSP

会社としてはmedパスユーザを増やしていきたい意向があり、割合としてもそちらの方が多かったため比較的少ないMedPeerID側のログインボックスをデフォルトで非表示(アコーディオンで隠す)対応を行いました。
結果、Phase1と2において増えていたお問合せが半減しました。

猫
Designed by Curoneco