求人サイトのUI比較ーイーアイデム（アルバイト・バイト・パート/正社員）ー

デザイナーのasatoです。

今回はイーアイデムのアルバイト版と正社員版のサイトの違いについて見ていきたいと思います！

アルバイト版

構成は上記の通りです。
比較的長めの構成になっています。

検索欄では地域選択がマストなのが特徴的だと感じました。

ファーストビューではエリアが選択できるようになっています。
カラフルな配色で親しみやすさを出しつつも彩度が高すぎないので、どこか落ち着いた印象も受けます。
本日のお仕事情報を枠で囲って表示させているため、目立って分かりやすいです。

各項目ごとにアイコンが左上に配置されているため、これは何の項目なのかが分かりやすいです。
アプリの紹介を人々の目に止まりやすい最初の方に置くことで、インストールしてもらいやすくする工夫をしているなと思いました。

このように右下に別タブに遷移するアイコンが表示されているので、ユーザーはクリックしたら遷移することを把握でき、親切だと感じました。

ページの下の方までスクロールすると、エリアや職種から検索できる項目が出てきます。
ページトップへ一旦戻る必要なく興味のあるワードで検索ができます。

一番下の項目にはアルバイト・バイト・パートについてより詳細な情報が書かれています。
一番下までスクロールした＝このサイトに興味のあるユーザーのために詳しい情報が記載されているのでしょう。

正社員版

では、次に正社員版のサイトを見ていきましょう。

構成は上記の通りです。
アルバイト版と比べると少し短めなのが分かりますね。
また、アルバイト版と比べてあまり色が使用されていないのが分かります。

正社員版ではヘッダーの時点でエリア選択のプルダウンがあります。
ここを変更すると、この下にある項目のピックアップ求人情報の内容が選択したエリアのものに変わります。

検索項目はアルバイト版にはなかった職種欄が増えています。
正社員となると、ある程度就きたい職種が絞れている方も多いので職種欄があるのかなと思いました。

ピックアップ求人情報ではヘッダーで選択したエリアの求人情報が掲載されています。職種欄は太字で書いてあるのでひと目で分かりやすいです。
また、この上下のボタンにカーソルを合わせてクリックすると画面を移動できます。

求人を探す項目ではアルバイト版よりもキーワードが豊富でした。
上でも述べたように、ある程度就きたい職種が絞れている方も多いのでより詳細に検索できるようにしているのかなと思いました。

ここまで考察してきて気がついた点をまとめます。

共通点
・検索欄でのエリア選択はマスト
・ページをスクロールするとキーワードから検索できる項目がある

相違点
アルバイト・バイト・パート版
・色数を多くして親しみやすさを演出
・下までページを見たユーザー向けにより詳細なコンテンツを配置

正社員版
・色数を控えめにして落ち着きを演出
・ヘッダーでエリア選択ができる
・検索欄のキーワード数が豊富

でした。
アルバイト版は親しみやすさを出して仕事探しにポジティブに取り掛かれるように、正社員版は検索を詳細にできるようにして自分の希望の求人を見つけやすくできるようにしているなと思いました。

以上で今回のデザインの比較は終えたいと思います。

弊社のデザイン部では他にも様々なデザインに関するnoteを投稿しています。是非見てみてください🌸

#HRog Design Magazine｜株式会社フロッグ｜note