ちいさくはじめるデザインシステム(チイサクハジメルデザインシステム)

「だれでも・効率よく・迷わずに。」を実現するデザインシステムの作り方
「デザインシステム」は、デジタルプロダクト開発においてその必要性や役割を言及されることが多い概念で、プロダクトを提供するためのプロダクト、またはインフラとも呼ばれ、日本の企業・組織でも導入が進んでいます。一般的には、「デザインの再現性を高め、一貫した製品体験を効率よく表現すること」を目的に導入される「ドキュメントやリソース群のこと」と説明されます。

プロダクトの重要性が増すにつれ、プロダクトが示す領域も広がり、デザインシステムが取り扱う範囲も広がってきています。見た目のデザインや UI に関するルール・ナレッジだけでなく、ブランドパーソナリティや文章の表現など、ユーザーとのありとあらゆる接点を網羅し体系化する必要が出てきているともいえるでしょう。

しかし、デザインシステムには決まった在り方がなく、組織の数だけ、その目的の数だけ形を変えます。公開されている個別のデザインシステムを見ても、今の自分たちに必要なのか、作れるのか、そして運用できるのか、疑問は尽きないでしょう。

本書は、人事・労務領域の業務アプリケーション SaaS を提供している SmartHR のデザインシステムの立ち上げ前から、現在までの取り組みをケースとして扱いながら、デザインシステムの構想・構築・運用について、一般論を含めて解説します。まずはなにもわからなくても大丈夫。デザインシステムを始める目的と、最初に手をつけるべきコンテンツを考えるところからスタートしましょう。

他社の立派なデザインシステムを眺めるほど、自分たちに作れるのか、そもそも必要なのかが分からなくなる。そんな逡巡に対して「ちいさくはじめる」という答えを差し出すのが本書です。大塚亜周氏、稲葉志奈氏、金森悠氏、 samemaru 氏、圓山伊吹氏、植田将基氏の共著で、 2023 年 3 月にビー・エヌ・エヌから刊行されました。人事・労務領域の SaaS を手がける SmartHR のデザインシステムを事例として、立ち上げ前からの取り組みを一般論と往復しながら解説します。

デザインシステムには決まった形がなく、組織と目的の数だけ姿が変わります。本書はそこを出発点に、何のために始めるのかという目的の設定と、最初に手をつけるコンテンツの選び方から説き起こします。 UI コンポーネントの規約にとどまらず、文章表現やブランドの人格まで含めて体系化していく過程が、実在プロダクトの意思決定として追えるのが読みどころです。デザインの実務経験があれば読み進められ、デザインシステムそのものの予備知識は要りません。

プロダクト開発の中でデザインの一貫性に課題を感じ始めたデザイナーやフロントエンド開発者、デザイン組織のマネージャーに向きます。完成形の模倣ではなく、自組織の規模で回る最小構成から育てる道筋を示してくれる点で、着手前に読む価値があります。