おさらい
製品哲学のない製品と「緩やかに死んでいくシステム」を考える - Qiita
愛される製品の、製品哲学をまなぶ - Qiita
製品哲学の言語化にいどむ。「カタログ」概論 - Qiita
愛される製品は製品哲学に「カスタマーサクセス」が組み込まれているのでは説 - Qiita
製品哲学は大事だ。そしてそれをデザインシステムに記すべきではという話。
参考: 日は沈む。考える事を放棄した日本産UIの日没 - Qiita
デザインとは、外見の装飾の事ではなく、形や機能による問題解決の事である。
Design Systems
デザインシステム、パターンライブラリ、スタイルガイドの違い - Qiita
The Difference Between Design Systems, Pattern Libraries, Style Guides & Component Libraries
デザインシステムとは、チームが首尾一貫した製品を作るための共通の言語学、原則、ツール を含む生きた実体です。
「デザインシステムはプロジェクトではなく、製品のための製品である」のです。
製品理念 - すべての製品の背後にある目的と魂は何か？
コピーの内容 - 製品のインターフェイスのコピーはどのように見え、どのように感じるべきか？
視覚的特性 - 製品の「肌」はどのように見え、どのように感じるべきか？
コンポーネント - デバイス間で一貫した製品を構築するために必要なUIパターンとコードコンポーネントは何か？
Fresh visual style, Faster performance, Future-friendliness, Purposeful, Familiarity
フレッシュなビジュアルスタイル、高速パフォーマンス、将来性、目的性、親しみやすさ
などというキーワードを表現し、記そうという話である。
Design Systems集
例
マテリアルデザイン
Hello new logo | メルカリデザイン ... メルカリ
Design - Apple Developer ... Apple
Carbon Design System ... IBM
Redefining Progress ... Audi
LINE Design System ... LINE
SmartHR Design System ... SmartHR
Overview | Pajamas Design System ... GitLab
https://baigie.me/company/guideline/
https://classmethod.jp/company/culture/
まとめ
デザインシステムは、すべてを結びつけるもの
そのために...
UIインベントリーを作成する: まず、現在のインターフェースで使用されているデザインパターンをすべてリストアップして説明し、そこにある矛盾点を指摘します。
組織のサポートを得る: 調査結果を発表し、共通のデザイン言語の有用性を全員に説明します。Evangelizing Design Systemsのテンプレートで説明されているように、冗長な作業で無駄になっているデザインとエンジニアリングの時間数を見積もり、製品の一貫性がNPSスコアをどのように向上させるかを説明します。
デザインの原則を確立する: あなたのやり方を成文化します。
製品哲学をDesign Systemsに記そう、という事例集でした。
補足
Designとデザインと設計 - Qiita
デザインシステムを育てていく
Figmaに公開されている日本のデザインシステム系ファイル
育てていくことを目標に
以上です～