Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SmartHRが考える プロダクトデザイナーの役割 あるいは、 プロダクトデザイナーの発見
Search
Yuki SASAKI
August 27, 2020
Design
1
2.3k
SmartHRが考える プロダクトデザイナーの役割 あるいは、 プロダクトデザイナーの発見
2020/08/27に『ReDesigner Online Meetup 各社が考えるプロダクトデザイナーとは』で発表した資料です
Yuki SASAKI
August 27, 2020
Tweet
Share
More Decks by Yuki SASAKI
See All by Yuki SASAKI
UIデザインの呪術性 -覚書-
tyoys00
1
2.5k
SmartHRのプロダクトデザイングループが考える理想のデザイン組織
tyoys00
3
2.7k
Other Decks in Design
See All in Design
ZKK_001.pdf
nicholaspegu
0
1.4k
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
300
Night Shift concept 9/15/2024
cpineda57
0
740
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
890
Haruki_Konaka_Portforio.pdf
haruki556
0
660
Slip N Slime - Character Design Ideation
thebogheart
0
310
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
820
ブランドづくりの双視点 - GUILD #31 ブランディング勉強会
yampuu
0
110
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
330
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
150
root COMPANY DECK / We are hiring!
root_recruit
1
15k
TUNAG BOOK 2024
stmn
0
330
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Designing Experiences People Love
moore
138
23k
BBQ
matthewcrist
85
9.3k
Designing the Hi-DPI Web
ddemaree
280
34k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Teambox: Starting and Learning
jrom
133
8.8k
Fireside Chat
paigeccino
34
3k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Typedesign – Prime Four
hannesfritz
40
2.4k
Transcript
SmartHRが考える プロダクトデザイナーの役割 あるいは、 プロダクトデザイナーの発見 佐々木 勇貴 〜 ReDesigner Online Meetup
各社が考えるプロダクトデザイナーとは 〜 SmartHR プロダクトデザイングループ
自己紹介
2019年1月 株式会社SmartHR 入社 プロダクトデザイングループ所属 プロダクトマネージャーとプロダクトデザイナーを 兼務(最近はほぼプロダクトマネジメント寄り) グループ内での役割は「傲慢」、期待値はアジテー ション ・ ・
・ ・ Yuki SASAKI tyoys00
「傲慢」ってなに?という人へ SmartHRのプロダクトデザイングループは七つの大罪に基づいています
より詳しく知りたい方はこちらをどうぞ https://twitter.com/tyoys00/status/1253651814177599488
デザイン組織とSmartHR の事業
SmartHRのデザイン組織は2つに分かれています コミュニケーション デザイングループ デザイングループ プロダクト デザイングループ マーケティング、ブランディングにま つわるデザイン活動を行う。 グラフィック、印刷、映像、Webデザ イン・コーディング、などが期待値。
SmartHR 製品(=アプリケーション)開 発にまつわるデザイン活動を行う。 UI デザイン、情報設計、UX リサーチ、フ ロントエド実装などが期待値。
プロダクトデザイングループの現在の構成
事業と揮発体制
今日話すこと
今日話したいこと プロダクトデザイナーを 「プロダクト開発の専門性を持ったデザイナー」として再定義する
アジェンダ プロダクトデザインに対するギャップ プロダクトデザイナーのスキル プロダクトデザイナーのキャリアステップ
アジェンダ プロダクトデザインに対するギャップ プロダクトデザイナーのスキル プロダクトデザイナーのキャリアステップ
募集要件にあうUIデザイナーに全然出会えない 書類選考でよく見る風景 スキルセットがミスマッチ スキルセットがミスマッチ スキルセットがミスマッチ スキルセットがミスマッチ
UIデザイナーの書類選考通過率は10%程度 いらすとやで見つけた10%のイラスト
決してゼネラリストを求めているわけではない SmartHRのUIデザイナー募集要件 業務内容 ・SmartHR 製品の UI デザイン ・デザインシステムの構築 ・デザインにまつわる各種ガイドラインの策定、運用 ・プロダクトマネージャー、エンジニアとの協働および意思決定への関与
・プロジェクト推進 必須要件 ・UIデザイナーとしての実務経験2年以上 ・デザインの中間成果物を含んだポートフォリオがあること ・アプリケーションやソフトウェアの仕組みについてへの理解、関心 ・デザインシステムへの理解・関心 ・オブジェクトデータモデルへの理解・関心指向への理解 ・SmartHR のミッション、バリューへの共感
適当にUIデザイナーについて調べてみると… 転職エージェントのマイナビエージェント | クリエイティブ職の転職に+Agent | クリエイティブ職の職種図鑑 | UI・UXデザイナー
適当にUIデザイナーについて調べてみると… UIデザイナーの仕事 UIとは「User Interface(ユーザーインターフェース)」の略で、ユーザーと製品・ サービスとの接点のことを指します。UIデザイナーの仕事は、ユーザーと製品・サービ スとの接触がスムーズにいくデザイン、簡単にいえば「使いやすい」デザインを実現す ることです。 例えばWebサイトなら、商品がすっきり整理された構図、きれいな写真、見やすいカ ラーリング、最適な文字の大きさ、使いやすい検索機能などを意識して、ユーザーに とって使い勝手のいいサイトを目指します。
〜〜 技術面では、UIデザイナーなら、Photoshop、Sketch、Illustratorといったデザイン ソフトを使いこなせることが必須といえます。
適当にUIデザイナーについて調べてみると… ソフトウェアの仕組みやデータモデルに対しての記述が全くない
世のUIデザイナーと私たちが考えるUIデザイナーには大きな解離がありそう 一般的に言われるUIデザイナー ネイティブアプリ中心のデザイン経験 ルック&フィールからUIまで1人でデザインすることが強み 表層の差別化としてのデザインシステム デザインとエンジニアリングは分業 SmartHRで求めるUIデザイナー webアプリケーションのデザイン経験 データモデルを意識して設計できることが強み 開発効率化としてのデザインシステム
デザインとエンジニアリングを分けない
アジェンダ プロダクトデザインに対するギャップ プロダクトデザイナーのスキル プロダクトデザイナーのキャリアステップ
SmartHRが考えるプロダクトデザイナーとは「プロダクト開発に特化したデザイナー」 いい感じの素材がなかったのでペトラ遺跡の素材をご鑑賞ください
プロダクトデザイナーの専門性 データモデルを理解した webアプリケーション デザイン デザインチームでの開発 スクラム開発への適応
モバイルアプリ webアプリケーション webアプリケーションに適したレイアウトパターンの引き出しを持っている データモデルを理解したwebアプリケーションデザイン モバイルはスタックレイアウトが中心なので、より自由度の高いwebアプリレイアウトパターンの引き出しが必要
データモデルからの情報設計と視覚表現を一致できる (ルックアンドフィールで先行で作らない) データモデルを理解したwebアプリケーションデザイン 最近よくやるtypescript風情報設計と画面レイアウト
データ型を意識したコンポーネント設計ができる デザインチームでの開発 ボタン font-size: 16 font-style:hoge font-weight:bold text-color: #ffffff width:
200px height:44px fill:#00A5AB radius: 8px デザインアプリケーションのアセットではなくデータ型を意識したコンポネート設計が重要 文字列 JSX プライマリ | セカンダリ 関数 論理 名前:ラベル 値: 名前:アイコン 値: 名前:種類 値: 名前:アクション 値: 名前:非活性情報 値:
ディスカバリートラックとデリバリートラックに働きかけられる スクラム開発への対応 スクラムチームに合わせて働き方を柔軟に変えられる Discovery Track Delivery Track 主にPM、PMM、リサーチャー 要件定義、リサーチ のアシスト
実装へのコミット 主にエンジニア プロダクトデザイナー
要件・仕様が未確定な状態でもデザインを作りながら率先して定義していける スクラム開発への対応 PRDなどを待たずに先行してデザインを進めて、途中でマージしていく野武士スタイル PdM プロダクトデザイナー
アジェンダ プロダクトデザインに対するギャップ プロダクトデザイナーのスキル プロダクトデザイナーのキャリアステップ
スタートアップ初期に求められるUI/UXデザイナーと 大規模なプロダクト開発で専門性を発揮できるデザイナーは別物 お洒落なUI/UXデザイナー 悲しみから生まれたプロダクトデザイナー
目指すべきプロダクトデザイナー像が発見できたプロセス 組織分割をきっかけに大胆なスキルセットの 選定が可能になる デザイナーの肩書きに捉われずに フロントエンドエンジニアとしてのキャリア を積んでいたメンバーを向かい入れることが 可能になる デザインとエンジニアリングを地続きで捉えられる グループカルチャーが醸成される
今後はこのようなスキルセット・マインドセットを持ったプロダクトデザイナーが プロダクト開発の現場においてスタンダードになっていくと考えています デジタル野武士の図
真面目にお話するとSmartHRのプロダクトデザイングループの仕事が プロダクトデザイナーのスタンダートになっていくと考えています
真面目にお話するとSmartHRのプロダクトデザイングループの仕事が プロダクトデザイナーのスタンダートになっていくと考えています まずはSmartHRのプロダクトデザイングループがプロダクト開発の専門性を高めたいデザイナー のキャリアステップを約束する場になっていきたいと思います
プロダクトデザイナーになりたい方募集中 コーポレートサイト採用ページまたはWantedlyからお問い合わせください。