アクセシビリティを重視したオープンソースの新デザインシステムをOktaがローンチ

今回は「アクセシビリティを重視したオープンソースの新デザインシステムをOktaがローンチ」についてご紹介します。

関連ワード （Okta、アクセシビリティ、オープンソース、デザイン等） についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、TechCrunch様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。

アイデンティティとアクセス管理サービスを提供するOkta（オクタ）は米国時間2月4日、新しいデザインシステムをローンチした。これは社内と自社ブランドで使用するためのシステムだが、Apache 2.0ライセンスの下でオープンソース化されている。同社がOdyssey Design Systemと呼ぶこのシステムは、Google（グーグル）のマテリアルデザインやMicrosoft（マイクロソフト）のフルーエント・デザインなどと同類のものだ。機能の数ではおよばないものの、アクセシビリティを重視している点で市場では際立っている。このデザインシステムのあらゆる要素が、W3CのWeb Content Accessibility Guidelines（ウェブコンテンツ・アクセシビリティー・ガイドライン）に準拠している。

Oktaのデザイン担当上級副社長Brian Hansen（ブライアン・ハンセン）氏は、これまで同社には統一されたデザインシステムがなかったと私に話してくれた。だがその代わりに「栄光のパターンライブラリー」がある。エンジニアたちは新しいUIがすばやく作れるためとても気に入っていたのだが、新しいパターンの追加が難しかった。「そのため、できることに制限があったのです」とハンセン氏。「そのため最後には、特にデザイナーですが、丸い穴に四角いものを無理矢理入れ込むような妥協を強いられることもあります」。

画像クレジット：Okta

すでにOktaは若いスタートアップの段階から脱却しているが、今こそ社内用に機能を完備したデザインシステムを原点に戻って構築するときだと彼らは考えた。それはまもなく、ほとんどのユーザーが目にするOktaのサインインウィジェットに現れるはずだ。さらに注目すべきは、Oktaのプラットフォームが、ほとんどのユーザーは決して見ることがなかった管理者用のバックエンドツールを大量に公開したことだ。管理者たちは、情報の濃いユーザーエクスペリエンスと、仕事がよりはかどるデザインを求めるものだ。Oktaのサードユーザーは開発者であることを、ハンセン氏は強調する。開発者が最も気にかけるのは、細部の技術的なできもさることながら、説明資料だ。それは（あくまでデザイナーにとって）読みやすいものでなければならない。

ハンセン氏も認めているが、すべてのインターフェイスを一気にOdysseyに切り替えるのは現実的ではない。「デザイナーとしては、すべてを完ぺきに揃えてほしいと思います。しかし同時に現実的な態度として、完ぺきでないものと共存していく必要もあります」と彼は話す。そのため、Oktaブランドでは現在その更新を進めている最中であり、一部のユーザー向けインターフェイスも移行中だが、すべてのOktaサービスが移行を終えるまでには時間がかかる。

たとえば管理者用のコンソールに関しては、ハンセン氏のチームはUIの移行を数年かけて行うことに決めた。そこで中継戦略を立て、Odesseyの基本デザインを真似たスタイルシートを制作した。「そこから、私たちはOdysseyネイティブのコンポーネントへの切り替えが可能になり、徐々に組み込んでいけるようになります。アプリの切り貼りはできません。2つの異なるUIを共存させることもできません。それをすれば信頼を失うと私は考えています。そんなことで満足してくれる人はいません」とハンセン氏は語る。

開発者は、自身のプロジェクトでOdysseyを試すことができる。また提供されているさまざまなコンポーネントを見ることもできる。デザイナーはFigmaでの試用が可能だ。

画像クレジット：Okta

【原文】

Identity and access management service Okta today launched its new design system, both for its own corporate and brand use, but also as an open-source project under the Apache 2.0 license. The Odyssey Design System, as the company calls it, is similar to the likes of Google’s Material Design or Microsoft’s Fluent Design. It may not have quite the same number of features, but what makes it stand out is a focus on accessibility, with every element of the design system being compliant with the W3’s Web Content Accessibility Guidelines.

Brian Hansen, Okta’s SVP of Design, told me that until now, the company didn’t really have a unified design system. Instead, it had what he called a “glorified pattern library.” And while the engineers loved it, because it allowed them to build new UIs quickly, it was hard for the team to add new patterns. “And so it was limited in what it could do,” Hansen said. “And what you ended up having to do sometimes is compromise — particularly as a designer — and kind of shove the square peg into the round hole.”

Image Credits: Okta

Now that Okta has moved beyond its early startup roots, though, the team decided that it was time to go back to the drawing board and build a more fully featured design system for the company — and you may soon see it yourself in Okta’s sign-in widget, which is where most users are likely to encounter it. But it’s worth remembering that Okta, the platform, also offers a plethora of backend tools for admins that most users never see. Those admins typically want a very information-dense user experience and a design that makes it easy for them to get things done and move on. Okta’s third group of users, Hansen stressed, is developers, and what matters a lot to them — in addition to all the technical details — is documentation, which has to be easily readable (from a design perspective).

As Hansen noted, though, internally, it wasn’t a realistic project to simply switch every surface area to Odyssey at once. “As a designer, you want everything to be perfect all at once. But you also have to be pragmatic and live with some things that aren’t perfect,” he acknowledged. So while the Okta brand is now getting this refresh and some of the user-facing services, it’ll take a while before every Okta service can make this move.

For the admin console, for example, Hansen’s team decided that it would take years to switch out the UI. So instead, the team opted for a bridge strategy where it created the style sheets to essentially mimic the Odyssey design. “Then we can cut over to Odyssey-native components and they’ll blend in. We can’t have a Franken app — we can’t have two different generations of UI coexisting. That to me just ruins trust. No one would be happy with that,” Hansen said.

Developers who want to give Odyssey a try for their own projects can do so and explore the different components it has to offer. And designers can try it out in Figma, too.

（文：Frederic Lardinois、翻訳：金井哲夫）

Okta | ID のスタンダード

OktaのIDaaSはID管理とセキュリティの新しいスタンダードです。Okta アイデンティティクラウド は、シングルサインオン、マルチファクターオーセンティケーション、ライフサイクルマネジメント（プロビジョニング）などの機能によって、セキュアな

Okta | The Identity Standard

The Okta Identity Cloud gives you one trusted platform to secure every identity in your organization and connect with all your customers. More than 8,950 global organizations trust Okta to manage access and authentication. Protect and enable your employees, contractors, and partners, wherever they are.

Okta（オクタ） - UNIADEX ユニアデックス株式会社

Oktaは、シングルサインオン、多要素認証、IDライフサイクル管理機能をクラウドで提供するIDaaSサービスです。クラウドサービスのセキュリティー対策として、パスワードをもたないモダンな認証であるSAMLもしくはOpenID Connectの利用が可能になります。

Okta Identity Cloud - クラウド型ID管理・統合認証サービス

Okta Identity CloudはIDの運用を劇的に変えるIDaaSです。シングルサインオン、多要素認証、ID管理などの各機能をクラウド上のサービスとして提供し、少ない工数で強固な認証基盤を構築できます。

Okta オクタ － IDaaSのスタンダード、一次代理店

Oktaは、クラウドID管理・IDaaSのスタンダードの製品です。当社では一次代理店を務めております。Office 365, G Suite, Boxなど様々なクラウドへのログインを一元管理し、SSO（シングルサインオン）にて利用することができます。また、プロビジョニング機能により、クラウドのユーザーアカウントの自動作成・管理を行うこともできます。

Okta (アイデンティティ管理) - Wikipedia

Okta、Inc. は、サンフランシスコに本社がある、株式公開されている アイデンティティおよびアクセス管理 会社である 。. 企業が最新のアプリケーションへのユーザー認証を管理および保護し、アプリケーション、WebサイトのWebサービスおよびデバイスにアイデンティティコントロールを開発者が構築するのを支援するクラウドソフトウェアを提供する 。. 2009 ...

Okta｜接続実績多数、世界のEnterprise企業が採用するIDaaS ...

Oktaに関する、CTC（伊藤忠テクノソリューションズ）が提供する《概要》ページです。接続実績多数、世界のEnterprise企業が採用するIDaaSサービス：Okta

オクタ【OKTA】：株式/株価 - Yahoo!ファイナンス

オクタ【OKTA】の株価。NYSE（ニューヨーク証券取引所）とNASDAQに上場している全銘柄の株価やチャート、業績などを網羅。ADR日本株やランキングも充実しています。

マイクロソフトが、アマゾンやグーグル並みに恐れる「Okta」 …

マイクロソフト主催のカンファレンス「Microsoft Ignite」へのスポンサー参加を巡って、ちょっとした波乱があった。あるスタートアップ企業のスポンサー参加が認められなかったのだ。その企業の名は「Okta（オクタ）」。アマゾン（AWS）やグーグルが拒否されるならいざ知らず、一スタートアップ企業が参加を拒否されたとあって、逆に注目を集める結果になった。その後、マイクロソフトは対応を一転、Oktaを同カンファレンスのスポンサーとして再度招待した。マイクロソフトの判断をぶれさせたOktaとは、いったいどんな企業なのだろうか。

企業向けID管理のOktaがSaaSへのログイン統計発表、Office ...

Oktaは毎年同社の認証システムで何百万件ものSaaSアクセスを処理している。同社のレポートによればこの1年で利用回数がトップのツールはMicrosoft Office365だった。