アイデンティティおよびアクセス管理サービスOktaは本日、自社の企業およびブランド向けだけでなく、Apache 2.0ライセンスに基づくオープンソースプロジェクトとしても新しいデザインシステムを発表しました。同社が「Odyssey Design System」と呼ぶこのシステムは、GoogleのMaterial DesignやMicrosoftのFluent Designに類似しています。機能数はそれほど多くありませんが、アクセシビリティへの配慮が際立っており、デザインシステムのすべての要素がW3のWebコンテンツアクセシビリティガイドラインに準拠しています。
Oktaのデザイン担当SVP、ブライアン・ハンセン氏は、これまで同社には統一されたデザインシステムがほとんど存在しなかったと語った。代わりに存在していたのは、彼が「洗練されたパターンライブラリ」と呼ぶものだった。エンジニアたちは新しいUIを素早く構築できるためそれを気に入っていたものの、チームが新しいパターンを追加するのは困難だった。「そのため、できることが限られていました」とハンセン氏は語る。「そして結局、特にデザイナーにとっては、妥協を強いられることがあり、四角い釘を丸い穴に押し込むようなものでした。」
しかし、Okta がスタートアップ企業のルーツを脱した今、チームは設計図に戻って、より機能が充実した会社用デザインシステムを構築する時期が来たと決定しました。そして、ほとんどのユーザーが目にするであろう Okta のサインインウィジェットで、まもなくそれを目にすることになるでしょう。しかし、プラットフォームとしての Okta は、ほとんどのユーザーが目にすることのない、管理者向けのバックエンドツールも豊富に提供していることを忘れてはなりません。これらの管理者は通常、非常に情報密度の高いユーザーエクスペリエンスと、作業を簡単に完了して次のステップに進むことができるデザインを求めています。Okta の 3 番目のユーザーグループは開発者であり、ハンセン氏が強調したように、彼らにとって (あらゆる技術的な詳細に加えて) 非常に重要なのは (デザインの観点から) 読みやすくなければならないドキュメントです。
しかしハンセン氏が指摘したように、社内的には、すべてのサーフェス領域を一度にOdysseyに移行するというプロジェクトは現実的ではありませんでした。「デザイナーとしては、すべてを一度に完璧にしたいものです。しかし同時に、現実的に考えて、完璧ではない部分も受け入れなければなりません」と彼は認めています。そのため、Oktaブランドとユーザー向けサービスの一部は今回の刷新の対象となりますが、すべてのOktaサービスがこの移行を実現するまでには、まだしばらく時間がかかるでしょう。
例えば管理コンソールの場合、ハンセン氏のチームはUIの切り替えには何年もかかると判断しました。そこでチームはブリッジ戦略を採用し、Odysseyのデザインを基本的に模倣したスタイルシートを作成しました。「そうすれば、Odysseyのネイティブコンポーネントに切り替えるだけで、自然に溶け込みます。フランケンアプリ、つまり2つの異なる世代のUIが共存するわけにはいきません。それは信頼を損なう行為です。誰もそんな状況に満足しないでしょう」とハンセン氏は語りました。
Odysseyを自身のプロジェクトで試してみたい開発者は、ぜひOdysseyが提供する様々なコンポーネントを試してみてください。デザイナーの方はFigmaでもお試しいただけます。
フレデリックは2012年から2025年までTechCrunchに在籍していました。また、SiliconFilterを設立し、ReadWriteWeb（現ReadWrite）にも寄稿しています。フレデリックは、エンタープライズ、クラウド、開発者ツール、Google、Microsoft、ガジェット、交通機関など、興味のあるあらゆる分野をカバーしています。
バイオを見る
