Slide 1
Slide 1 text
Women Developers Summit 2022
Slide 2
Slide 2 text
Women Developers Summit 2022
私たちの会社
複雑化、多様化する社会課題を人の知恵を結集し解決することで「はたらく」を楽しくする
知恵とテクノロジーで「COMPANY」を進化させ、お客様に最も信頼されるHRテック業界の
リーディングカンパニーになる
社員が成長する環境を作り、その成長にコミットし、我々が最も「はたらく」を楽しんでいる
Vision
Mission
Slide 3
Slide 3 text
Women Developers Summit 2022
私たちの組織
Slide 4
Slide 4 text
Women Developers Summit 2022
私たちの組織
Slide 5
Slide 5 text
Women Developers Summit 2022
私たちの製品
「COMPANYは統合人事システム」
約1,200法人グループの大手法人にご利用いただいている、入社から退職までの人事
労務をすべて網羅する統合人事システムです。
初期リリースは 1996年 で、提供する製品は人事・給与・勤怠・要因分析・人材開
発・雇用手続き管理・ID管理 と多岐にわたります。
Slide 6
Slide 6 text
Women Developers Summit 2022
Women Developers Summit 2022
今日のテーマ
1. WHIのUI/UXチームって？
2. 歴史ある製品のデザイナー的難所
3. UI/UXチームの”歴史”
4. これからのUI/UXチーム
Slide 7
Slide 7 text
Women Developers Summit 2022
QAチームに配属後、UI/UXデザインチーム発足時に
デザイナーとしてキャリアを再スタート。 ロゴ作成、デザ
インガイドライン設計、デザイン文化啓蒙などを経験。
現在は、チームリーダーとしてジュニアデザイナーのサポ
ートや幅広い製品の新規機能や既存機能のUI/UX設計を担
当。
古澤 杏奈
（UI/UXデザイナー歴 3年）
ふるさわ あんな
Slide 8
Slide 8 text
Women Developers Summit 2022
入社後、UI/UXデザインチームに配属され、会計や建設系
管理の画面デザインをメインで担当したのち、人事の就労
チームに異動。
現在は、就労全般と設定画面関連のUI/UX改善を担当し、
ツールの開発から画面改善など幅広く対応。
扈 文茜
（UI/UXデザイナー歴 5年）
こ ぶんせん
Slide 9
Slide 9 text
Women Developers Summit 2022
入社後、UI/UXデザインチームに配属され、UI/UXのいろは
を修得。その後、開発(2年半)→導入支援(半年)と渡り歩き、
今年7月にWHIに出戻り中途入社、UI/UXデザインチームに
参加。
現在は、タレントマネジメント系の新規機能や既存機能の
UI/UX設計を担当。
大川 澪
（UI/UXデザイナー歴 2年）
おおかわ みお
Slide 10
Slide 10 text
Women Developers Summit 2022
入社後、COMPANY製品人事考課チームで新規機能開発、
保守開発を担当し、コンセプトデザイン、バックエンド、
フロントエンド、UI/UXデザインを経験。
現在は、新規機能開発と保守のしやすいフロントエンド開
発を担当。
竹原 百合子
（エンジニア歴 5年）
たけはら ゆりこ
Slide 11
Slide 11 text
Women Developers Summit 2022
Women Developers Summit 2022
今日のテーマ
1. WHIのUI/UXチームって？
2. 歴史ある製品のデザイナー的難所
3. UI/UXチームの”歴史”
4. これからのUI/UXチーム
Slide 12
Slide 12 text
Women Developers Summit 2022
WHIのデザインチームでは
どんなメンバーが働いているの？
最近拡大しているってウワサ・・・
Slide 13
Slide 13 text
Women Developers Summit 2022
7名のデザイナー
元営業
UX
リサーチャー UI/UX
Designer
（開発経験あり）
元開発
元開発 カスタマー
サクセス
元QA
色々なバックグラウンドをもったデザイナーで構成
Slide 14
Slide 14 text
Women Developers Summit 2022
デザイナーが極端に少ない
エンジニアの数とシステム規模に対して
一体、どういう体制でUI/UXを設計しているの？
Slide 15
Slide 15 text
Women Developers Summit 2022
Before
UI/UX Team
デザイナー
製品B
開発者
製品A
開発者
開発
体制図
業務理解が追いつかない。スピーディに設計できない。
Slide 16
Slide 16 text
Women Developers Summit 2022
After
体制図
U/UX Team
On-site
Designer(兼務)
Central
Designer
製品B
開発者
On-site
Designer
製品A
開発者
On-site
Designer
開発
● 各製品の状況をオンタイムで把握できたので効率良く設計できるようになった
● UI/UXの問題を早期に発見しやすくなった
Slide 17
Slide 17 text
Women Developers Summit 2022
COMPANY全体のUI/UX向上を目指して：
● デザインガイドラインの設計、整備
● On-site デザイナー がいない製品のUI/UX設計
● デザイナー同士が連携できる体制を構築
Central デザイナー
Slide 18
Slide 18 text
Women Developers Summit 2022
On-site デザイナー
各担当製品を深く理解した上でエンジニアと協業：
● 製品のあるべき姿の追及
● 課題解決のためのUI/UX設計
● ナレッジを共有
Slide 19
Slide 19 text
Women Developers Summit 2022
COMPANYって機能が充実しててすごい！
けど、使い勝手が惜しい…
Slide 20
Slide 20 text
Women Developers Summit 2022
“COMPANYをもっとよくしたい！
その価値をお客様に届けたい！”
Slide 21
Slide 21 text
Women Developers Summit 2022
Women Developers Summit 2022
今日のテーマ
1. WHIのUI/UXチームって？
2. 歴史ある製品のデザイナー的難所
3. UI/UXチームの”歴史”
4. これからのUI/UXチーム
Slide 22
Slide 22 text
Women Developers Summit 2022
その前に…
COMPANYって
どうやって作っているの？
Slide 23
Slide 23 text
Women Developers Summit 2022
要件定義
COMPANYの開発者は、ゼロから全部やる。
実装 テスト
いわゆる世の中の ”UI/UXデザイン領域” の一部はデザイナーではなく
開発者が元々やってきている
UI/UXデザイン領域
基本設計 機能設計 詳細設計
COMPANY開発者の担当領域
Slide 24
Slide 24 text
Women Developers Summit 2022
COMPANY開発者は
ゼロからモノづくりをする
COMPANYの職人である！
Slide 25
Slide 25 text
Women Developers Summit 2022
じゃあUI/UXデザイナーの仕事は？
A. よりデザイン専門的な知識を持って
開発者をサポートすること
Slide 26
Slide 26 text
Women Developers Summit 2022
どんなやり方でサポートしている？
この画面の課題を改善したいで
す！デザインについて相談させ
てください。
1．開発から画面改善の相談依頼が来る
確かにここはユーザにとって課題と
感じるポイントだな。
このように変更したら解決
できそうです。
この案は工数的
に難しいかもし
れないです
4．開発と認識をあわせる
この代替案は
いかがでしょうか？
5．必要に応じて修正案を用意 6．実装サポート
ここはもう少しスペースを空けた
いので、このCSSを入れると再現
できます。
いいですね、
これで
行きましょう！
2．現在の画面、機能、業務シナリオ
などをキャッチアップ
3．デザイン案を作成、共有
代替案
検討します！
開発者 デザイナー
デザイナー
デザイナー 開発者
開発者 デザイナー デザイナー 開発者 開発者 デザイナー
ここは構造上、
変更が難しいか
もしれません...
Slide 27
Slide 27 text
Women Developers Summit 2022
実際On-site Designer
やっていてどこが難しい？
Slide 28
Slide 28 text
Women Developers Summit 2022
歴史あるパッケージシステムならではの苦悩…
強みと弱みは紙一重…
機能
充実性
設定の
柔軟性
共通化
できない
最適解が
見つかりにくい
多くの
ユーザー
容易に
変更できない
Slide 29
Slide 29 text
Women Developers Summit 2022
ズラッと縦に並んでいるボタン達...
苦悩①
UI/UXの概念がない時代の「ボタン」
Slide 30
Slide 30 text
Women Developers Summit 2022
ラベルを変更するだけでも
重大なミスに繋がることもあるのが業務システム…
苦悩②
UI/UXの概念がない時代の画面への
「慣れ」
Slide 31
Slide 31 text
Women Developers Summit 2022
どう乗り越えたか？
Slide 32
Slide 32 text
Women Developers Summit 2022
①改善前画面 と②改善後画面を用意して、
段階的に移行してもらう
Slide 33
Slide 33 text
Women Developers Summit 2022
開発者から見た
デザイナーの活動ってどう？
Slide 34
Slide 34 text
Women Developers Summit 2022
最終的な判断は開発に委ねた上で
柔軟な選択肢を
いくつも提案してくれるのがありがたい
Slide 35
Slide 35 text
Women Developers Summit 2022
Women Developers Summit 2022
今日のテーマ
1. WHIのUI/UXチームって？
2. 歴史ある製品のデザイナー的難所
3. UI/UXチームの”歴史”
4. これからのUI/UXチーム
Slide 36
Slide 36 text
Women Developers Summit 2022
今はいい感じに進められているっぽいが…
最初からデザイナーに理解がある状態だったの？
UI/UXに対する意識、重視するマインドは元々高いの？
Slide 37
Slide 37 text
Women Developers Summit 2022
最初は苦戦しました
機能追加が
最優先
開発者は
超多忙
UI/UX概念が
なかった
苦戦ポイント① 苦戦ポイント② 苦戦ポイント③
Slide 38
Slide 38 text
Women Developers Summit 2022
開発としても、工数負荷なく
どうUI/UX観点を組み込めばいいか
わからなかった
Slide 39
Slide 39 text
Women Developers Summit 2022
文化的背景も逆風となり、マイナスからのスタート
Slide 40
Slide 40 text
Women Developers Summit 2022
組織のマインドからアプローチ
Slide 41
Slide 41 text
Women Developers Summit 2022
組織のマインドにアプローチ
説得材料集めやプレゼン資料の作成
Slide 42
Slide 42 text
Women Developers Summit 2022
設計者全員が良いUI/UXを実装できるよう、
勉強会を開催
「デザイン4大原則とは？」
「UXライティングとは？」
「デザインガイドラインとは？」
「デザインハンドオフ資料とは？」
「UI改善のケーススタディ」
などなど
Slide 43
Slide 43 text
Women Developers Summit 2022
いつでも質問を受け付ける体制へ
Slide 44
Slide 44 text
Women Developers Summit 2022
最適な落としどころを、
バッファーを付けた形で提案する
Slide 45
Slide 45 text
Women Developers Summit 2022
しかし、
既に実装されていて
色や位置しか変更できない …
ということもあった
Slide 46
Slide 46 text
Women Developers Summit 2022
開発の上流工程から一緒に参加
PO PO
PO
DEV DEV DEV DEV DEV
PO PO PO PO PO
DESI
GNER
DESI
GNER
DESIG
NER
DESI
GNER
DESI
GNER
NEW
Slide 47
Slide 47 text
Women Developers Summit 2022
Women Developers Summit 2022
今日のテーマ
1. WHIのUI/UXチームって？
2. 歴史ある製品のデザイナー的難所
3. UI/UXチームの”歴史”
4. これからのUI/UXチーム
Slide 48
Slide 48 text
Women Developers Summit 2022
・製品の設計からデザイナーが関わることができる体制
・開発者と同じ方向を向きながら
COMPANYという製品の課題や未来の話ができるようになった
やっと職人が振り向いてくれた
Slide 49
Slide 49 text
Women Developers Summit 2022
でも、まだ”スタート地点に立った”だけ
COMPANYのユーザー数
大
、機能数
大
我々デザイナーが関わり、
製品のユーザービリティに影響を及ぼせている部分…小
Slide 50
Slide 50 text
Women Developers Summit 2022
改めて
私たちデザイナー共通のマインドは？
Slide 51
Slide 51 text
Women Developers Summit 2022
“COMPANYをもっとよくしたい！
その価値をお客様に届けたい！”
Slide 52
Slide 52 text
Women Developers Summit 2022
実現には、職人=開発者の力が必要
Slide 53
Slide 53 text
Women Developers Summit 2022
そのためにはまず
職人＝開発者のことをよく知ること。
Slide 54
Slide 54 text
Women Developers Summit 2022
WHIの開発者が置かれている状況
製品のUI/UXの優先順位がどうしても下がってしまう
共通化
できない
最適解が
見つかりに
くい
容易に
変更できない 納期に
追われる
日々
歴史あるパッケージアプリの故の制約 開発者の宿命
Slide 55
Slide 55 text
Women Developers Summit 2022
私たちデザイナーができることは？
Slide 56
Slide 56 text
Women Developers Summit 2022
私たちデザイナーができること①
デザイナーが開発プロセスに入ることによって生まれる
あらゆるコミュニケーションコストを極限までなくす
Slide 57
Slide 57 text
Women Developers Summit 2022
製品理解
Slide 58
Slide 58 text
Women Developers Summit 2022
製品理解
製品理解 現場理解
この2つを通じてデザイナーが開発者と
普段から足並みをそろえておく
Slide 59
Slide 59 text
Women Developers Summit 2022
目指すところは、
デザイナーが開発チームの一員である世界
On-site Designerはそのための第一歩
Slide 60
Slide 60 text
Women Developers Summit 2022
私たちデザイナーができること②
デザイナーが入ることで
開発者のアウトプットの質を最大化する
Slide 61
Slide 61 text
Women Developers Summit 2022
職人に
「自分が考えるよりも“早くて、より良い”」
と思わせる
デザイナー自身の実力が必要
Slide 62
Slide 62 text
Women Developers Summit 2022
信頼されるUI/UXデザイナーとして
UI/UXの
“駆け込み寺”
デザインシステムの
構築
オーナーシップ
デザイナー個人のUI/UXデザインスキル
Slide 63
Slide 63 text
Women Developers Summit 2022
歴史ある製品のデザイナー
だからこそ
できるべきことって？
Slide 64
Slide 64 text
Women Developers Summit 2022
妥協点を探りながら最適解を見つけていく力、
説明のできるデザインを常に提案し続けること、
そして、これを楽しめること！
Slide 65
Slide 65 text
Women Developers Summit 2022
「伝統（的なシステム開発）職人の
良きパートナーになるため」には？
Slide 66
Slide 66 text
Women Developers Summit 2022
職人の作る製品や、置かれている状況を
デザイナーが職人と同じくらいよく理解すること。
その上で、
職人が製品を作りやすい環境を
デザイナーが柔軟に作っていくこと。
Slide 67
Slide 67 text
Women Developers Summit 2022
職人とデザイナーが強固な信頼関係を結ぶ未来
Slide 68
Slide 68 text
Women Developers Summit 2022
COMPANYの魅力がさらに引き出されて
成長速度は最大化するはず！
そう信じて、日々模索中です。
Slide 69
Slide 69 text
Women Developers Summit 2022
ご清聴ありがとうございました！
デザイナーも開発者も大募集中です！☺
◇採用サイト
https://www.career.works-hi.co.jp/
Slide 70
Slide 70 text
Women Developers Summit 2022