なぜデザインシステムを作るのでしょうか？ よくある答えは、異なる製品・チーム間における一貫性を保つためです。また良く作られたデザインシステムは、認知的負荷を減らし、全体の開発スピードを早めることができます。しかし、これらの理由よりも大きな理由が１つあります。デザインシステムはユーザーを助けるからです。 Atlassianはデザインシステムの価値を理解しています。しかしデザインシステムがいかに強力な……
Atlassianがデザインに注力し始めた2012年、新しいデザインチーフとしてJürgen Spangl氏が雇われました。彼が始めた最初のプロジェクトの１つは、新しい会社内のデザインシステムであるAtlassianデザインガイドライン（ADG）の作成でした。 当時Atlassianは、デザイン手法を拡大する際に共通する、いくつかの困難に直面していました。 デザインのばらつき：当時は45種……
デザインシステム、パターンライブラリ、スタイルガイドという言葉が、同じような意味で使われていることがあります。 これら３つのコンセプトには繋がりはあれども、決して同じものではありません。 この記事では、定義を明確にして、それらがどのように繋がっているかを視覚化します。そしてデザインシステムを構築するための、主なガイドラインについて紹介します。 デザインシステムの定義 まず直接の定義を理解しましょう……
人は馴染みがあるものを信頼します。そのことを知っている多くのデザイナーは、作品をできるだけシンプルにするよう努めています。また、シンプルなデザインは実用的でもあります。たとえば、一度ナビゲーションバーをデザインすれば、すべてのページで使うことができます。 しかし、デザインコンセプトはどんどん変化します。新しいアイデアを持つデザイナーが古いプロジェクトを引き継いだり、新しいコーディング手法が昨年の最……
Webサイトに一貫性を持たせて、管理しやすくすることは、大規模な組織が直面するもっとも大きな悩みの１つです。幸いにも、このときパターンライブラリが役に立ちます。 大規模なWebサイトが直面する特有の問題に対するソリューションとして、気付けば私はパターンライブラリの作成を提案することが増えていました。それは、クライアントがNestleのような大企業であろうと、ストラクスライド大学のような高等教育機関……
デザインシステム言語（Design System Language、以下デザイン言語）という言葉が、デザイン業界でバズワードになっています。 編注：デザインシステム言語は、デザイン原則やパターンによって定義されたデザインに関する共通の言語。デザイン要素の名称やタイポグラフィ、配色などのルールを含みます。 しかし実際、デザイン言語は製品づくりにおいてどう有用なのでしょうか？ この記事では、デザイン言……