既存求人サイトにおける入力・出力画面のUI改善

OVERVIEW

既存求人サイトにおけるUI改善のデザイン

YEAR 2022

求人の店舗情報にグラフやビジュアル要素を取り入れ、ひと目で把握できるUIへ改善した。

改善前の画面では、数値が一覧で表示されているのみで、重要度や意味の違いが直感的に伝わりにくい状態だった。

そこで、グラフやビジュアル要素を取り入れ、カード型UIへ改善した。


制作時期:2022年8月
作業内容:UIデザイン
ページ数:4ページ(企業側管理画面・求職者側画面×2パターン)
使用ツール:Figma
制作期間:2週間 (1日8時間で計算)


▼工夫した点

・登録済みの企業データ構造を踏まえ、エンジニアと連携しながら出力側画面の情報設計・UIデザインを行った。

・入力されていない項目についてはカード自体を表示しない仕様とすることで、不要な情報を見せず、画面をシンプルに保てるようにした。

・美容とケアという異なる概念を混同しないよう、スタッフ/従業員、シフトの早番・遅番などの用語について他部署と確認しながらUI上の表現を整理した。

・グラフでは隣り合う色の差を明確にしつつ、ユニバーサルカラーを意識した配色とすることで、誰にとっても識別しやすい表現を意識した。(※1)

・UI改善の効果を検証するため、数値計測の目的やユーザー行動仮説を整理し、リリース後の検証の方針を提案した。(※2)


※1 ユニバーサル色の考慮


※2 提案スライド