サイボウズ株式会社 試用申し込みフォームUI改善
仕様書作成
サイボウズ製品サイト(5サイト分)の試用申し込みフォームの改善プロジェクトに参画し、多部署との連携(ディレクション)、UIデザイン、コーディングを行いました。
プロダクトオーナー:
サイボウズ株式会社
制作期間:
2019.02 - 2019.07
担当領域:
UI/UXデザイン、WEBディレクション
URL:
https://www.cybozu.com/jp/service/com/trial/

TASK

このプロジェクトの目的はユーザーの離脱率を軽減させることでした。

製品プロモーション担当者より「フォームの文言やエラーなどの表記が見づらい」との意見があり、社内のデザイン&リサーチチームと共同でUT(ユーザーテスト)を行った結果、登録が完了する前の離脱率が高いことが分かりました。

サイボウズ試用申し込みフォーム改修前画面

STORY

UTの結果を踏まえて作成したプロトタイプをもとに、実装を行いました。

ユーザーを混乱させてしまう文言は削除し、必須項目と任意項目を分かりやすくするためにラベルを追加。項目ごとに区別がつきやすいように見出し等の追加を行いました。

また、バリデーションエラー表記が分かりにくい問題は、エラー個所のフォームを赤くすることで問題を解決しました。

サイボウズ試用申し込みフォームエラー画面改修前
サイボウズ試用申し込みフォームエラー画面改修後

試用申し込みフォームは社内システムと連携している複雑な仕様になっているため、手数が多く慎重な作業が必要でした。

試用申し込みフォームの改修後はkintoneの試用申し込み者数が過去最高に上昇し、登録完了前の離脱率を5%改善させることができました。

bizpaコーポレートサイト画面UI
bizpaコーポレートサイト画面UI

また、社内で試用申し込みフォームの仕組みについて理解している者が私だけだったため、属人化を防ぐために仕様書を作成しました。