#Goalist Design

2021年11月30日 20:38

サイトUIの履歴を追いかけてみた〜doda登録フォーム編〜

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

まずはDODAとしてサービスを開始した2007年から2021年までの登録フォームを並べてみました。
今回は重複してい

もっとみる

カヒブン

2021年11月30日 15:30

【Linkedin】魅力的な機能のUXUIデザイン考察

こんにちは。UIデザイナーのカヒブンです。
今回はLinkedinの第三弾ー求人以外で魅力的な機能のUXUIデザインを見ていきたいと思います。

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

LinkedInは他の求人サイトと比較すると、単なる求人情報サイトではなく、実名で登録するビジネス向けSNSサービスであることが特徴的です。

特徴① つながり機能

自分がつながっているユーザーのことを、Facebookでは

もっとみる

しみず

2021年11月30日 11:51

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

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

まずはDODAとしてサービスを開始した2007年から2021年までの検索結果一覧ページを並べてみました。

ざっと見渡すと検索

もっとみる

asato

2021年11月29日 20:27

10月に作成したUIまとめ

デザイナーのasatoです。

今回は10月に個人的に作成したUIデザインをまとめてみようと思います。

今回デザインを作成するにあたって、以下のサービスを使用しました。

Daily Cocoda!のDaily UIです。
Daily Cocoda!とは、デザインのお題が掲載されているサービスです。

DailyGraphic #001 SNSのプロフィール画面*以下引用
ターゲット　プライベー

もっとみる

yiio

2021年11月26日 15:14

はじめての Web アクセシビリティ

この記事は、社内デザインチーム向けの勉強会の書き起こしです。スライド画像に英語がついてるのは、チームの半数が日本語を第一言語としないためです。

アクセシビリティとは「とは」はこちらの動画をまず見ましょう。

アクセシビリティとユーザビリティ

アクセシビリティは、様々なユーザーがアクセス可能であることを指します。使いやすさは必ずしも問われません。

これに対し、ユーザビリティは、特定のユーザーに

もっとみる

a-masuda

2021年11月22日 21:00

求人媒体で使われているアイコンまとめてみた

こんにちは。UIデザイナーのマスダです。
今回の記事は…！求人媒体のアイコンをまとめてみた〜です👏

仕事では人材業界のサービスを扱うことが多いのですが、求人サイトめぐりをしていると、いろんなデザインテイストがあることに気づきます。

そこで、今回はビジュアルデザインの要素のひとつであるアイコンに着目してみました。へぇ〜と言ってもらえたら嬉しいな、と思い書いています。笑

それではいってみよ〜〜

もっとみる

酒うさぎ

2021年11月22日 20:35

求人サイトのデザインを観察してみた#8

今回はこれまで見てきた様々な求人サイトのアイコンデザインの傾向に注目してみました。短めなので、サクッと読めると思います！

過去のシリーズはこちらから↓

それではレッツゴー🏃‍♂️💨

アイコンを2種類に分ける求人サイト内でアイコンをひとつも使わないことは少ないと思います。今のところ私が観察対象にしてきた10サイトではアイコンを必ず使用していました。今回は各サイトのトップページ内で大なり小な

もっとみる

Yi Thying

2021年11月19日 19:13

デザトレ！(Dezatore!): Principles of Design - Part 1

Long time no write! It's been a while since I last posted (◍′◡‵◍) We've all been through quite a whirlwind of a time in the past year or two, I hope you're doing well as you're reading this~ :) ✿

Tod

もっとみる

asato

2021年11月17日 11:02

求人サイトのUI比較ータウンワーク/タウンワーク社員ー

デザイナーのasatoです。

ふとタウンワークのサイトを見たら、アルバイト/パート版と社員版でサイトのデザインが違うことに気がつきました。
そこで今回は、タウンワークのアルバイト/パート向けと社員向けのサイトのトップページのデザイン比較をしていこうと思います。

タウンワーク（アルバイト/パート版）

まずページ全体を見てみましょう。
ページ構成は上記の画像の通りです。
全体的にポップな色使いで

もっとみる

yiio

2021年11月11日 11:11

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

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

チェック1：axe DevTools で機械的なチェックaxe は、オープンソースのアクセシビリティ検証ライブラリーです。今回は、axe DevTools を使って以下のページのチェックを行いました。
https://doda.jp/dcfront/member/memberRegist/?entr

もっとみる

a-masuda

2021年11月8日 14:05

【engage】人の心を動かすUIデザインの工夫

こんにちは。UIデザイナーのマスダです。
今回は、engageのUIデザインに見られる工夫を、心理的な効果とともに考察していきたいと思います。

人の行動メカニズム

人は、なにかしらの情報をインプットして頭の中で判断してから行動を起こします。一見シンプルのように見えますが、頭の中での判断するときには、無意識のうちに周囲の状況や過去の経験などに影響を受けています。
無意識のうちに影響を受けて非合理

もっとみる

酒うさぎ

2021年11月5日 20:08

求職サイトのデザインを観察してみた#7

こんにちは！酒うさぎです。今回はLINEバイトのUI観察です。（今回は比較は無しです）
LINEからログインして利用する媒体なので、スマホで確認しています！

UI観察【ビジュアルデザイン編】

LINEバイトのコンセプトカラーは青。サブカラーにはお馴染みの緑が使われています。個人的に、てっきり緑と白ベースのLINEっぽいデザインかと思っていたので少し意外でした。ちなみに、リリース当初の2015年

もっとみる

yiio

2021年11月4日 17:41

エン転職の登録フォーム画面のアクセシビリティを考える

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

チェック1：axe DevTools で機械的なチェック
axe は、オープンソースのアクセシビリティ検証ライブラリーです。今回は、axe DevTools を使って以下のページのチェックを行いました。
https://employment.en-japan.com/signup/signup_ma

もっとみる

asato

2021年11月2日 10:58

UIデザイン比較ー募集要項画面編ー（デザインのお仕事/MOREWORKS）

デザイナーのasatoです。

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

前のnoteはこちら↓

デザインのお仕事まずはページの構成を見てみましょう。

割とシンプルなページ構成でした。
次に細部を見ていきましょう。

募集要項画面にも画面左にカ

もっとみる

フォローしませんか？

2021年11月の記事一覧