マガジンのカバー画像

#Goalist Design

453
運営しているクリエイター

2021年10月の記事一覧

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

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

デザイナーのasatoです。

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

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

2つ目はSAYOさん(Twitter

もっとみる
【Linkedin】会員登録フローでのUXUIデザインの考察

【Linkedin】会員登録フローでのUXUIデザインの考察

こんにちは。UIデザイナーのカヒブンです。
前回のLinkedin求人検索のフローの記事に引き続き、今回はLinkedinの会員登録フローについて見ていきたいと思います。

前回の記事はこちらです。

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

特徴① LPのファーストビューという一番目にしやすい場所に会員登録のボタンを設置しています

Linkedinを知っているユーザーが多いと思いますので、L

もっとみる
サイトUIの履歴を追いかけてみた〜doda検索編〜

サイトUIの履歴を追いかけてみた〜doda検索編〜

前回URLを入力するとそのサイトのインターネットアーカイブを見ることができるWayback Machineというサービスを使って、dodaのトップ画面を変遷を見てみましたが、今回は同じくdodaの検索に焦点を絞って変遷を辿ってみようと思います。

まずはDODAとしてサービスを開始した2007年から2021年までのトップページの検索エリアと検索詳細ページを並べてみました。

トップページが変わって

もっとみる
【engage】ログイン前後でのトップページUIデザインの変化

【engage】ログイン前後でのトップページUIデザインの変化

こんにちは、UIデザイナーのマスダです。
今回のUIデザイン考察の対象はengageです。
2016年にリリースされたサービスで、求人媒体の中でも新人さんではないでしょうか。

engageを触っていると、ログイン前後でトップページのレイアウトが大きく異なるな〜ということに気づいたので、今回はログイン前後でのUIデザインの変化に着目したいと思います。

ログイン前後でのユーザーニーズの違いログイン

もっとみる
転職サイトのデザインを観察・比較してみた#6

転職サイトのデザインを観察・比較してみた#6

こんにちは!酒うさぎです。今回もタイトル通り、転職サイトのデザインを観察し、比較をしたのでざっくり結果を纏めてみました。
観察対象はtypeと女の転職typeです。
実はこの2つを選んだのは一番初めの記事のときなんです。同じtypeシリーズですがコンセプトが全然違うので興味深いと思ってチョイスしました!

それでは行ってみましょう!

構成編
typeと女の転職typeそれぞれのページ構成は、こち

もっとみる
UIデザイン比較 ー検索&検索結果画面編ー(デザインのお仕事/MOREWORKS)

UIデザイン比較 ー検索&検索結果画面編ー(デザインのお仕事/MOREWORKS)

デザイナーのasatoです。

この前はデザインのお仕事とMOREWORKSの2つのクリエイター向け求人サイトのトップ画面のUIデザインを比較しました。
今回はそれに続いて、検索画面と検索結果画面のUIデザインを比較していこうと思います。

前回はこちら↓

デザインのお仕事

検索画面はなく、トップ画面のヘッダーから選択する仕様です。
ドロップダウン方式で選択でき、カーソルを合わせると色が変わる

もっとみる
POWER WORKのUIデザインを考察してみた

POWER WORKのUIデザインを考察してみた

デザイナーのasatoです。
今回はPOWER WORKの4つの画面のUIデザインを考察していきたいと思います。

POWER WORKとは、建設業界に特化した求人サイトです。

トップ

トップ画面ではさまざまな切り口から求人を探せる仕組みになっていることがわかりました。ページ内に4つの検索につなげる動線があり、それぞれの項目も違うので様々なユーザーのニーズを満たせるようになっています。

また

もっとみる

type のフォーム画面のアクセシビリティを考える

Webアクセシビリティの勉強をしています。今回は type の新規登録フォームを検証してみます。

チェック1:axe DevTools で機械的なチェック
axe は、オープンソースのアクセシビリティ検証ライブラリーです。Lighthouse のアクセシビリティ監査にも、この axe のエンジンが使われています。今回は、axe の DevTools を使ってみます。freee のアクセシビリティ

もっとみる
【エン転職】求人応募フローでのUIデザイン考察

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

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

前回の記事はこちら👇

求人応募のユーザーフロー

エン転職では、求人を気になる登録する・応募するには会員登録が必須になっています。つまり、会員登録というハードルを超えてきたユーザーのみが利用する機能ということです。

特徴①求人一覧から気になる求人リストへの導線を常に表示

もっとみる
求人サイトのデザインを観察・比較してみた #5

求人サイトのデザインを観察・比較してみた #5

どうも!酒うさぎです。今年はえらい暑い10月ですね〜!いつになれば涼しくなるのやら、と思いながら引きこもっています。

さて今回も勝手にデザイン観察しました!前回までの記事はこちらからどうぞ🙌

今回は少し趣向を変えて、求人ボックスの今昔デザイン観察比較です!
(なおできるだけ簡潔にするため、細かい月日は省略して年だけで表記させていただいてます)

デザインの変遷求人ボックスは2015年10月に

もっとみる
バイトチェックのユーザをリードできるUI Design

バイトチェックのユーザをリードできるUI Design

こんにちは。グラフィックデザイナーのティエンです。
今回はバイトチェックのサイトから「ユーザをリードできるUI Design」についてお話しさせていただきます。
アジェンダは以下の3点になります。

1. ユーザーの動向を握る
オンラインショッピングで自分の欲しい商品を購入した人からのレビューやコメントをよく読んだり、評価の星が多くついていれば安心して購入できる方も多くいると思います。それと同じく

もっとみる
求人媒体の Lighthouse パフォーマンスを比較する ③ - 求人ページ編

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

Lighthouse を使って、国内の大手バイト求人5つのパフォーマンス計測と考察をしてきました。今回が最終回になります。

計測対象ページ「渋谷駅 バイト」で一番上に出てきた、たぶん一番リッチなプランの求人広告ページを対象にしました。

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

もっとみる
UIデザイン比較 ートップ画面編ー(デザインのお仕事/MOREWORKS)

UIデザイン比較 ートップ画面編ー(デザインのお仕事/MOREWORKS)

デザイナーのasatoです。
今回はクリエイター向けの求人サイトのUIデザインを比較しようと思います。
サイト名はデザインのお仕事とMOREWORKSです。

この記事内ではトップ画面の比較をします!

デザインのお仕事

トップ画面の構成は上の画像の通りです。
求人情報をトップ画面の時点で数多く掲載して、ユーザーが興味のある求人情報を見つけやすくしています。

また、サイト自体の色使いは基本彩度

もっとみる