マガジンのカバー画像

#Goalist Design

475
本
運営しているクリエイター
株式会社ゴーリスト
カヒブン

カヒブン

【Linkedin】UXUIデザインの考察

【Linkedin】UXUIデザインの考察

こんにちは。UIデザイナーのカヒブンです。
今回のUXUIデザイン考察の対象はLinkedinです。

Linkedinとは？
アメリカ生まれのビジネス向けSNSの1つで、企業向けの採用機能があり、ユーザーが求人を探せる機能もあります。

「求人」はLinkedinのユーザー向けの主要機能なので、求人検索のフローについてのUXUIデザインを考察したいと思います。
下記の図は求人を検索するときのユー

もっとみる
a-masuda

a-masuda

【エン転職】会員登録フローでのUIデザイン考察

【エン転職】会員登録フローでのUIデザイン考察

こんにちは、UIデザイナーのマスダです。
前回の記事に引き続き、エン転職の会員登録フローについて見ていきたいと思います。

前回の記事はこちら👇

会員登録のユーザーフロー

こちらはエン転職のWebサイトで会員登録をするときのユーザーフローです。エン転職では、求人を気になるリストに保存したり、求人に応募したりするには会員登録が必須となっています。

特徴①ユーザーが目にしやすい場所に会員登録の

もっとみる
酒うさぎ

酒うさぎ

就活情報サイトのデザインを観察・比較してみた #4

就活情報サイトのデザインを観察・比較してみた #4

どうも、デザイナーの酒うさぎです。

勝手に観察・比較シリーズ4本目になります！前回に引き続き、2023卒向けマイナビとリクナビを比較してみました。
今回は、就活準備ガイドページです。

構成編
リクナビとマイナビそれぞれのページの構成は、こちら！

共通のコンテンツもありますが、マイナビの方がややコンテンツ量が多いようです。表示順も違いますね。
マイナビは注目コンテンツを一番最初にし、ガントチャ

もっとみる
asato

asato

UIデザインの比較 ー募集要項画面編ー（スタンバイ、Indeed、求人ボックス）

UIデザインの比較 ー募集要項画面編ー（スタンバイ、Indeed、求人ボックス）

こんにちは。デザイナーのasatoです。
前回に引き続き、今回もスタンバイ、Indeed、求人ボックスのUI比較について記載します。今回は全3回投稿予定の3回目で、募集要項画面についてです。
1回目、2回目はこちら（検索画面編、検索結果画面）↓

スタンバイ

アイコンを大きめにしているので情報の位置を把握しやすいです。
右上とページ下に「掲載元で見る・応募する」「お気に入り」欄が配置されています

もっとみる
yiio

yiio

求人媒体の Lighthouse パフォーマンスを比較する ② - トップページ編

求人媒体の Lighthouse パフォーマンスを比較する ② - トップページ編

Lighthouse を使って、国内の大手バイト求人媒体5つのパフォーマンス計測と考察をしていきます。

計測対象ページ
今回はサイトのトップページを計測します。

- タウンワーク
- バイトル
- マイナビバイト
- Indeed
- 求人ボックス

計測方法
PageSpeed Insights から、Lighthouse 8.3.0 を使用してラボデータを取得しました。ラボデータは母数1の

もっとみる
asato

asato

UIデザインの比較 ー検索結果画面編ー（スタンバイ、Indeed、求人ボックス）

UIデザインの比較 ー検索結果画面編ー（スタンバイ、Indeed、求人ボックス）

こんにちは。デザイナーのasatoです。
前回に引き続き、今回もスタンバイ、Indeed、求人ボックスのUI比較について記載します。今回は全3回投稿予定の2回目で、検索結果画面についてです。
前回はこちら（検索画面編）↓

スタンバイまずはスタンバイの検索結果画面からです。

1ページあたり28件ほど掲載されています。並び順は不明です。

左上に何件ヒットしたか太字＆青文字で書かれていて見やすいで

もっとみる
しみず

しみず

サイトUIの履歴を追いかけてみた〜dodaトップページ編〜

サイトUIの履歴を追いかけてみた〜dodaトップページ編〜

これまでアプリの比較などしてみましたが、今回はURLを入力するとそのサイトのインターネットアーカイブを見ることができるWayback Machineというサービスを使ってどういったUIの変更があったのか調べてみました。

今回履歴を見るサイトは以前アプリの考察をしてみた転職サイトdodaです。

Wayback MachineにURLを入力してみるとこのように変更があった日のカレンダーにマークがつ

もっとみる
a-masuda

a-masuda

【エン転職】求人閲覧フローでのUIデザイン考察

【エン転職】求人閲覧フローでのUIデザイン考察

こんにちは。UIデザイナーのマスダです。
求人サイトの勝手にUIデザイン考察シリーズです。

今回のUIデザイン考察の対象はエン転職です。
エンエンエエン♪エン転職〜♪のCMでおなじみの求人媒体です。

求人サイトを利用するときにまずはじめにユーザーが行う行動である、求人検索のフローに着目してUIデザインを見ていきたいと思います。
下記の図が求人を検索するときのユーザーフローです。

求人一覧を軸

もっとみる
酒うさぎ

酒うさぎ

就活情報サイトのデザインを観察・比較してみた #3

就活情報サイトのデザインを観察・比較してみた #3

どうも、デザイナーの酒うさぎです。

今回もタイトル通り、デザイナー視点で求人サイトのデザインを観察し、2サイトの比較をしたのでざっくり結果を纏めています。
なんだかんだこのシリーズも3本目になってきました。これまでの記事はこちら！

今回の観察対象は、マイナビ2023とリクナビ2023のトップページデザインです。次回は別ページの観察結果を書こうと思います。
それではいきましょ〜！

サイトの構成

もっとみる
yiio

yiio

求人媒体のLighthouseパフォーマンスを比較する ① - Lighthouseとは



Lighthouseは、Webサイトのパフォーマンスやアクセシビリティ、SEO対応状況などをチェックできるツールです。Chrome拡張やDevToolsから簡単に利用することができます。

使い方

ChromeのDevToolsで、Lighthouseタブを開きます。検査したいカテゴリとデバイスを選び、「Generate report」するだけです。

各指標の見方

Lighthouseパ

もっとみる
asato

asato

8月に作成したグラフィックまとめ

8月に作成したグラフィックまとめ

デザイナーのasatoです。

前回に続いて今回は8月に個人的に作成したグラフィックデザインをまとめてみようと思います。
前回↓

今回もグラフィックデザインを作成するにあたって、2つの中からお題を選びました。
1つ目はDaily Cocoda!のDaily Graphicです。
Daily Cocoda!とは、デザインのお題が掲載されているサービスです。

2つ目はこばやすさん（Twitter

もっとみる
asato

asato

UIデザインの比較 ー検索画面編ー（スタンバイ、Indeed、求人ボックス）

UIデザインの比較 ー検索画面編ー（スタンバイ、Indeed、求人ボックス）

デザイナーのasatoです。
以前noteにスタンバイ、Indeed、求人ボックスのレスポンシブデザインについての文章を投稿しました。そこではレスポンシブデザインについてしか触れていなかったので、今度はUIについて特徴を書き出して比較していこうと思います。
検索画面編、検索結果画面編、募集要項編の3つを3週に渡って書いていきます。（なお今回はPC版に絞って比較します）
今回は検索画面編です。早速各

もっとみる