SmartHRが考えるプロダクトデザイナーの役割あるいは、プロダクトデザイナーの発見

Slide 1

Slide 1 text

SmartHRが考えるプロダクトデザイナーの役割あるいは、プロダクトデザイナーの発見佐々木勇貴〜 ReDesigner Online Meetup 各社が考えるプロダクトデザイナーとは〜 SmartHR プロダクトデザイングループ

Slide 2

Slide 2 text

自己紹介

Slide 3

Slide 3 text

2019年1月株式会社SmartHR 入社プロダクトデザイングループ所属プロダクトマネージャーとプロダクトデザイナーを兼務（最近はほぼプロダクトマネジメント寄り）グループ内での役割は「傲慢」、期待値はアジテーション・・・・ Yuki SASAKI tyoys00

Slide 4

Slide 4 text

「傲慢」ってなに？という人へ SmartHRのプロダクトデザイングループは七つの大罪に基づいています

Slide 5

Slide 5 text

より詳しく知りたい方はこちらをどうぞ https://twitter.com/tyoys00/status/1253651814177599488

Slide 6

Slide 6 text

デザイン組織とSmartHR の事業

Slide 7

Slide 7 text

SmartHRのデザイン組織は2つに分かれていますコミュニケーションデザイングループデザイングループプロダクトデザイングループマーケティング、ブランディングにまつわるデザイン活動を行う。グラフィック、印刷、映像、Webデザイン・コーディング、などが期待値。 SmartHR 製品（＝アプリケーション）開発にまつわるデザイン活動を行う。 UI デザイン、情報設計、UX リサーチ、フロントエド実装などが期待値。

Slide 8

Slide 8 text

プロダクトデザイングループの現在の構成

Slide 9

Slide 9 text

事業と揮発体制

Slide 10

Slide 10 text

今日話すこと

Slide 11

Slide 11 text

今日話したいことプロダクトデザイナーを「プロダクト開発の専門性を持ったデザイナー」として再定義する

Slide 12

Slide 12 text

アジェンダプロダクトデザインに対するギャッププロダクトデザイナーのスキルプロダクトデザイナーのキャリアステップ

Slide 13

Slide 13 text

アジェンダプロダクトデザインに対するギャッププロダクトデザイナーのスキルプロダクトデザイナーのキャリアステップ

Slide 14

Slide 14 text

募集要件にあうUIデザイナーに全然出会えない書類選考でよく見る風景スキルセットがミスマッチスキルセットがミスマッチスキルセットがミスマッチスキルセットがミスマッチ

Slide 15

Slide 15 text

UIデザイナーの書類選考通過率は10%程度いらすとやで見つけた10%のイラスト

Slide 16

Slide 16 text

決してゼネラリストを求めているわけではない SmartHRのUIデザイナー募集要件業務内容・SmartHR 製品の UI デザイン・デザインシステムの構築・デザインにまつわる各種ガイドラインの策定、運用・プロダクトマネージャー、エンジニアとの協働および意思決定への関与・プロジェクト推進必須要件・UIデザイナーとしての実務経験2年以上・デザインの中間成果物を含んだポートフォリオがあること・アプリケーションやソフトウェアの仕組みについてへの理解、関心・デザインシステムへの理解・関心・オブジェクトデータモデルへの理解・関心指向への理解・SmartHR のミッション、バリューへの共感

Slide 17

Slide 17 text

適当にUIデザイナーについて調べてみると… 転職エージェントのマイナビエージェント｜クリエイティブ職の転職に+Agent ｜クリエイティブ職の職種図鑑｜ UI・UXデザイナー

Slide 18

Slide 18 text

適当にUIデザイナーについて調べてみると… UIデザイナーの仕事 UIとは「User Interface（ユーザーインターフェース）」の略で、ユーザーと製品・サービスとの接点のことを指します。UIデザイナーの仕事は、ユーザーと製品・サービスとの接触がスムーズにいくデザイン、簡単にいえば「使いやすい」デザインを実現することです。例えばWebサイトなら、商品がすっきり整理された構図、きれいな写真、見やすいカラーリング、最適な文字の大きさ、使いやすい検索機能などを意識して、ユーザーにとって使い勝手のいいサイトを目指します。〜〜技術面では、UIデザイナーなら、Photoshop、Sketch、Illustratorといったデザインソフトを使いこなせることが必須といえます。

Slide 19

Slide 19 text

適当にUIデザイナーについて調べてみると… ソフトウェアの仕組みやデータモデルに対しての記述が全くない

Slide 20

Slide 20 text

世のUIデザイナーと私たちが考えるUIデザイナーには大きな解離がありそう一般的に言われるUIデザイナーネイティブアプリ中心のデザイン経験ルック&フィールからUIまで1人でデザインすることが強み表層の差別化としてのデザインシステムデザインとエンジニアリングは分業 SmartHRで求めるUIデザイナー webアプリケーションのデザイン経験データモデルを意識して設計できることが強み開発効率化としてのデザインシステムデザインとエンジニアリングを分けない

Slide 21

Slide 21 text

アジェンダプロダクトデザインに対するギャッププロダクトデザイナーのスキルプロダクトデザイナーのキャリアステップ

Slide 22

Slide 22 text

SmartHRが考えるプロダクトデザイナーとは「プロダクト開発に特化したデザイナー」いい感じの素材がなかったのでペトラ遺跡の素材をご鑑賞ください

Slide 23

Slide 23 text

プロダクトデザイナーの専門性データモデルを理解した webアプリケーションデザインデザインチームでの開発スクラム開発への適応

Slide 24

Slide 24 text

モバイルアプリ webアプリケーション webアプリケーションに適したレイアウトパターンの引き出しを持っているデータモデルを理解したwebアプリケーションデザインモバイルはスタックレイアウトが中心なので、より自由度の高いwebアプリレイアウトパターンの引き出しが必要

Slide 25

Slide 25 text

データモデルからの情報設計と視覚表現を一致できる（ルックアンドフィールで先行で作らない）データモデルを理解したwebアプリケーションデザイン最近よくやるtypescript風情報設計と画面レイアウト

Slide 26

Slide 26 text

データ型を意識したコンポーネント設計ができるデザインチームでの開発ボタン font-size: 16 font-style:hoge font-weight:bold text-color: #ffffff width: 200px height:44px fill:#00A5AB radius: 8px デザインアプリケーションのアセットではなくデータ型を意識したコンポネート設計が重要文字列 JSX プライマリ | セカンダリ関数論理名前：ラベル　　値：名前：アイコン　　値：名前：種類　　値：名前：アクション　　値：名前：非活性情報　　値：

Slide 27

Slide 27 text

ディスカバリートラックとデリバリートラックに働きかけられるスクラム開発への対応スクラムチームに合わせて働き方を柔軟に変えられる Discovery Track Delivery Track 主にPM、PMM、リサーチャー要件定義、リサーチのアシスト実装へのコミット主にエンジニアプロダクトデザイナー

Slide 28

Slide 28 text

要件・仕様が未確定な状態でもデザインを作りながら率先して定義していけるスクラム開発への対応 PRDなどを待たずに先行してデザインを進めて、途中でマージしていく野武士スタイル PdM プロダクトデザイナー

Slide 29

Slide 29 text

アジェンダプロダクトデザインに対するギャッププロダクトデザイナーのスキルプロダクトデザイナーのキャリアステップ

Slide 30

Slide 30 text

スタートアップ初期に求められるUI/UXデザイナーと大規模なプロダクト開発で専門性を発揮できるデザイナーは別物お洒落なUI/UXデザイナー悲しみから生まれたプロダクトデザイナー

Slide 31

Slide 31 text

目指すべきプロダクトデザイナー像が発見できたプロセス組織分割をきっかけに大胆なスキルセットの選定が可能になるデザイナーの肩書きに捉われずにフロントエンドエンジニアとしてのキャリアを積んでいたメンバーを向かい入れることが可能になるデザインとエンジニアリングを地続きで捉えられるグループカルチャーが醸成される

Slide 32

Slide 32 text

今後はこのようなスキルセット・マインドセットを持ったプロダクトデザイナーがプロダクト開発の現場においてスタンダードになっていくと考えていますデジタル野武士の図

Slide 33

Slide 33 text

真面目にお話するとSmartHRのプロダクトデザイングループの仕事がプロダクトデザイナーのスタンダートになっていくと考えています

Slide 34

Slide 34 text

真面目にお話するとSmartHRのプロダクトデザイングループの仕事がプロダクトデザイナーのスタンダートになっていくと考えていますまずはSmartHRのプロダクトデザイングループがプロダクト開発の専門性を高めたいデザイナーのキャリアステップを約束する場になっていきたいと思います

Slide 35

Slide 35 text

プロダクトデザイナーになりたい方募集中コーポレートサイト採用ページまたはWantedlyからお問い合わせください。