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.4k
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.6k
SmartHRのプロダクトデザイングループが考える理想のデザイン組織
tyoys00
3
2.8k
Other Decks in Design
See All in Design
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
710
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
280
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
250
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
270
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
110
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
580
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.6k
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
570
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
450
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
390
OLTA株式会社/デザイン紹介資料
taxy
0
110
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Speed Design
sergeychernyshev
27
800
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
4 Signs Your Business is Dying
shpigford
182
22k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Building Your Own Lightsaber
phodgson
104
6.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Typedesign – Prime Four
hannesfritz
40
2.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
360
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
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からお問い合わせください。