デザインシステム構築の様々なアプローチ - Ubie
https://scrapbox.io/files/6304ba01f3165c00232b1b53.png
Ubie のデザインエンジニア
デザイン読書日和に参加するらしい
torish14.icon こういうイベント大好きだけどコロナが気になる
https://scrapbox.io/files/6304ba3f8c38980023655aea.png
https://scrapbox.io/files/6304ba4e855183001d3663fe.png
https://scrapbox.io/files/6304ba5bbd9b81001f6b214f.png
https://scrapbox.io/files/6304ba6322b8e0001d42807b.png
torish14.icon 使ったことがある
UX がすばらしく、感動した
https://scrapbox.io/files/6304ba8c6aea4b001d104b7e.png
製薬企業とのコラボに注力しているとのこと
https://scrapbox.io/files/6304baa8cd5e0a00225102b0.png
OKR とは?
アンディ・グローブが考案した目標管理手法
インテルの元 CEO らしい
torish14.icon SMART みたいなフレームワーク?
https://scrapbox.io/files/6304baf14f02e8001dfd7a5a.png
目標は結果的に 60 ~ 70 % の達成率になるように設定するのが理想的
torish14.icon へえ〜
https://scrapbox.io/files/6304bb2504c4060023f6626b.png
torish14.icon これおもしろいとおもった
個々人 小さい組織のトップ?に意思決定権を委譲する?
https://scrapbox.io/files/6304bba363059a002173523c.png
Gatekeeper
ケツ叩き役
https://scrapbox.io/files/6304bbd3e850150021d34e0a.png
https://scrapbox.io/files/6304bbef9bacb9001d629ef4.png
https://scrapbox.io/files/6304bc02c36bbb001e844458.png
https://scrapbox.io/files/6304bc1b6aea4b001d10549a.png
https://scrapbox.io/files/6304bc3fe850150021d351c8.png
https://scrapbox.io/files/6304bc4cdc48a10023d25fde.png
https://scrapbox.io/files/6304bc61e37b6e0023d0c004.png
https://scrapbox.io/files/6304bc818c389800236574c0.png
Ubie Vitals(Ubie のデザインシステム)に含まれるもの
デザインシステムの思想
プロダクトデザインの原則
アイコン
デザイントークン
torish14.icon なにを「デザイントークン」と呼ぶかよくわかんない
コンポーネント
アクセシビリティガイドライン
UX ライティングガイドライン
レビューガイドライン
プロダクトで利用するイラスト
torish14.icon 有名企業のデザインシステム、ガイドライン を読む会をやると楽しそう 有名企業
Netflix
行う場所・方法
ハッカー飯の食事会
Discord
ハッカー飯のルーム
https://scrapbox.io/files/6304bc8c01366f001d8ac6b6.png
https://scrapbox.io/files/6304bcf3c36bbb001e844b01.png
発散 → 分類 → 全体 → 詳細
https://scrapbox.io/files/6304bd4f89c15f001d1fe422.png
https://scrapbox.io/files/6304bd909c067e001d015df3.png
https://scrapbox.io/files/6304bda4ef8509001dc28462.png
目標や進捗の数値化、効果測定は必須
なにができてなにができなかったが記録に残る
振り返りがしやすい
torish14.icon 余談だけど、Oura ring でも同じことが言える
デザインシステムは、直接的にビジネスの成果が得られない
チーム外の人間の賛同が得られづらい
だから 👆 で言ったように数値化・可視化が大事
https://scrapbox.io/files/6304be28f70d95002080c8e3.png
https://scrapbox.io/files/6304bdb24f02e8001dfd98d4.png
デザインシステムの進捗は微妙
デザインシステムは後回し
torish14.icon プログラミングでいう「テストを書くか?」みたいな話か
そもそもコードを書くか?
スクラップ & ビルドを前提にしているならノーコードを使えばいい
Figma
Justinmind
STUDIO
https://scrapbox.io/files/6304bf0724fde6001d3961c4.png
デザインシステムの外部公開をしている
ブランディングの目的
「共有」するポジティブな意味・効果
デザインシステムができるほど体力がある
torish14.icon は見事に思う壺になっている
https://scrapbox.io/files/6304bfcef70d95002080d5dc.png
Ubie
やっぱり言語化がだいじ
定量化
定性化
freee
デザインシステムがないことによるデメリットが大きい
開発体験を損なう
デザインの一貫性を損なう
ブランディングを損なう
ICS
https://scrapbox.io/files/6304c0e7de8b38002012a17c.png
https://scrapbox.io/files/6304c0ee8c38980023659e5e.png
https://www.youtube.com/watch?v=iYaHYCKhh1Y