Guruのアクセシビリティとユーザビリティを向上させるためのコミットメントの一環として、私たちは一貫性があり、アクセス可能で、美しい体験をGuru全体に作成することに fokus した “pod”という専用のデザインシステムを持っています。 今日はその pod のリーダーたちとのインタビューを共有し、素晴らしいデザインシステムを作成するための彼らの思慮深く計画的なプロセスを提供します。

今日は私たちに参加してくれてありがとう！ まずは、あなた自身とGuruでの役割について少し教えていただけますか？

ホーマー：私の名前はホーマー・ゲインズで、2001年からアクセシビリティ分野で働いている認定アクセシビリティスペシャリストです。 今、私はGuruのスタッフUIエンジニアで、デザインシステムチームをリードしています。

ジェイク：私はジェイク・ザウアーで、デザインシステムと検索チームのリードプロダクトデザイナーです。 私はGuruで4年ちょっと働いており、プロダクトデザインには約10年の経験があります。

Guruのデザインシステムチームにどのようにして参加することになったのですか？

ホーマー：以前、Guruのエンジニアリングリーダーたちと一緒に働いたことがあり、アクセシビリティに焦点を当てた同様の役割を持って、デザインシステムの構築を手伝いました。 彼らがGuruに来たとき、デザインシステムを整備し、アクセシビリティの観点からGuruを強化するために私を呼び寄せてくれました。

ジェイク：私はGuruで二人目のプロダクトデザイナーでしたが、当時はデザインシステムの形跡がありませんでした。 私の二年目に、私たちはプロダクトの階層をもう一度見直しようとしていて、その結果、私は短命のデザインシステムへの初めての誠実な試みを作ることになりました（「SAGE」と呼んでいましたが、それが私たちの新しいデザインシステムの名前です）。

当時、それはデザイナーだけに採用されていました—私たちはそれをエンジニアリングとデザインの両方にとって有用な全体的なシステムだとは考えていませんでした。 昨年、再びデザインシステム作業グループを立ち上げたとき、私はデザインリードの自然な候補でした。

デザインシステムチームの目標とGuruでのデザインシステムの目標についていくつか共有できますか？

ジェイク：デザイナーはプロトタイピングとアイデア出しに関してエンジニアよりも迅速に動くことができますが、それでも多くの前もっての構築が必要です。 私の目標は、デザインシステムによりデザイナーがUIのコンポーネントについてあまり考えずにユーザーの体験にもっと焦点を当てられるようにし、反復の速度を向上させることです。

また、私は歴史的にデザインシステムパターンの単一の信頼できる情報源であったため、他のデザイナーはボタン、テキストなどのスタイルについて私に質問をしなければなりませんでした。

私は「肩を叩く人」になりたくありませんでした—私はすべてのデザイナーが自分で決定を下せるようにするシステムを構築したいと思いました。

ホーマー：エンジニアにとって、私たちの目標はデザインシステムがエンジニアリングチームとデザインチームとの同等性を生み出すことです。 これによって、デザイナーの自信が増し、新しい体験を構築する際に、すでに製品に存在している事前審査済みのアクセシブルなコンポーネントから構築していることがわかります。

これにより、プロジェクトを構築するエンジニアも同様の自信を持ちます。なぜなら、すでに製品に存在している要素を使っていることがわかるからです。 彼らは一から構築する必要なく、SAGEライブラリからそれらのコンポーネントを「取得」できます。これにより、速度と効率が向上します。

また、これにより、ブランドの声との一貫性が確保されます—デザインシステムを使用すると、全体のアプリケーションが一つの統一された製品のように見えます。たとえそれが複数の異なるチームによって構築されていても。 すべての製品ページで一貫した体験を作りたくなります。

最後に、デザインシステムにより、コンポーネント内に私たちのアクセシビリティニーズを組み込むことができます。 私たちは、コードが適切なセマンティックマークアップを持ち、スクリーンリーダーやキーボード入力のテストが行われていること、必要に応じてコンポーネントがフォーカス可能であることを確認できます。

私たちにはこれらの機能の整合性を保証する唯一の信頼できる情報源があり、私たちの品質が時間とともに劣化しないことに自信を持てます。

デザインシステムを持つことの利点は何ですか？

ホーマー：デザインシステムは、デザイナーとエンジニアの従業員体験を向上させます。 それは、一貫性がありアクセス可能な体験を構築しているというチームの間での協力と自信を高めます。

ジェイク：デザインシステムは、一貫性、使用の明確さ、再利用性、そして最終的にはガイドライン内での柔軟性を高めます。 アクセシビリティがすべての体験に組み込まれることが非常に重要です。 現在、私たちはGuruを現在のデザインシステムに合わせることができたので、アプリ全体のコンポーネントを更新できるため、より速く反復を行うことができます。

ホーマー：はい、デザイナーの体験が重要です。 デザイナーやエンジニアがコンポーネントを引き出してインターフェースに入れ、「機能」と呼ぶことは一つのことですが、デザインシステムはこれらの体験がどのように構築されているかについての理由を説明します。  

それは、ラベル付けされたユーザーにとっての使いやすさと障害のあるユーザーにとっての使いやすさの両方に影響を与えます。 たとえば、支援チャットはマウスを使用する人とは完全に異なる方法で機能するため、さまざまな形式の支援技術とデザインシステムがどのように機能するかに注意を払う必要があります。

デザインシステムを持たないことの影響は何ですか？なぜなら？

ホーマー：混乱です！

ジェイク：はい、混乱です！ デザイナーには時に「光る物」メンタリティがあり、不満な体験を完全に再構築したいと思うことがあります。

デザインシステムは、その柔軟性をいくらか奪いますが、それは実際にはデザイナーの作業を妨げるのではなく、「これらのコンポーネントやUXパターンをどのように組み合わせて、私が望むものを構築することができるか？」と考えさせるのです。 「このようなボタンはすでにありますか？」や「これらのユーザーを何と呼ぶのですか？」といった推測を取り除きます。

ホーマー：デザインシステムがないと、開発者は全く異なる方法でコーディングされた機能や機能が似たようなアプリケーションの二つのセクションを構築する状況に直面します。 これにより、コードのメンテナンスが難しくなります—一つのセクションで通過するテストは、別のセクションで完全に失敗する可能性があります。

デザインシステムは、エンジニアがプレゼンテーション層について心配する必要が少なくなります。なぜなら、すでに各コンポーネント内で考慮されているからです。 それがない場合、あなたはスタイルの変更を行うたびに、似ていると感じるアプリケーションのすべての領域を追跡する必要があります。

デザインシステムの本質は、変更がそのシステム内のボタンに加えられると、それがアプリケーションの全ての場所で自動的に変更される方法です。

ジェイク：Guruのユニークな点は、私たちのプロダクトマネージャー、UXデザイナー、エンジニアがどれほど密接に作業しているかです。 いくつかの組織では、デザイナーがエンジニアに「デザインを壁越しに投げる」ことがあり、更新が必要なときにデザインを修正するのが非常に困難になります。 デザインシステムを使用すると、エンジニアは何かのピクセルがオフセンターのときにデザイナーを追跡する心配をする必要はありません。 代わりに、デザインシステムのコンポーネントを使用しているだけで、すべてが正しいという自信を持つことができます。

私たちの製品のユーザビリティとアクセシビリティについての見解を共有できますか？

ホーマー：ユーザビリティの観点から見ると、私たちは数年前よりずっと良い場所にいます。なぜなら、UIがより統一されてきているからです。 まだまだ長い道のりがありますが、私たちはアプリケーションの最も混乱を招く部分のほとんどを整備するための「初回の試み」を行いました。 今、私たちはすべての差異を生み出す微細な調整を行えるように戻ることができます。

「ユーザビリティ」と言うとき、私が意味するのはアクセシビリティでもあります。なぜなら、ユーザビリティはすべてのユーザーにとって適用されるべきだからです。

ジェイク：私は賛成です。 私たちはデザインシステムと最近完了したユーザビリティプロジェクトのおかげで長い道のりを歩んできたと思います。 私たちのデザインシステムの最も良い点の一つは、デザイナーたちがアクセシビリティの重要性を認識するようにしたことです—私たちは「美しい」と思う色を選んだり、「クール」な体験をデザインしたりすることから離れ、最初からアクセシビリティを評価する時間を取るようになりました。

ホーマー：アプリ内のコピーライティング（マイクロコピー）に関しても、私たちは長い道のりを歩んできました。 私たちはデザインシステムの中でマイクロコピー基準を詳述したGuruカードにリンクしており、それによって全員がアプリ内のコピーがアクセス可能であることを確認できます。

両者がGuruでのデザインシステムチームとアクセシビリティのビジョンを共有できますか？

ホーマー：チームのビジョンは、アプリのすべての分野のデザインと開発のドキュメントとユーザビリティの中心的なハブになることです。 私たちはアプリ全体でグローバルな体験の基準を維持し、それを実現するために会社全体のパートナーと協力している姿を想像しています。

なぜ私たちの業界（知識管理）において、非常に使いやすい製品を構築することが重要ですか？

ホーマー：世界人口の約10％は障害を持っています。 それを考えると、通常は身体的障害を思い浮かべますが、障害を持つ人々の最大のグループは認知的障害を持つ人々であり、これは目には見えません。 アメリカには3300万人の認知障害を持つ人がいて、それは短期的な記憶喪失から視覚障害までさまざまです。 私たちの多くはテクノロジー業界で働いており、すべてのユーザーのアクセシビリティを考慮して設計されていない体験の痛みを感じています。

「障害のあるユーザーは私たちのアプリケーションを使用しない」考えることはできません。彼らが見えないからといって、それは真実から最も遠いのです。 障害を持つユーザーが、そのアプリケーションを構築しています。

ジェイク：私たちの対象市場は本当に無限であり、私たちが考慮しなければならないのは、私たちのアプリケーションが現在のユーザーだけでなく、将来使うかもしれない人々をどのようにサポートするかということです。 私たちは、ナビゲーションと階層ができるだけ多くの人々にとってアクセス可能である一方で柔軟性を維持する方法を考える必要があります。

ホーマー：何人が眼鏡をかけていますか？ ユーザーが拡大鏡ツールとのインタラクションをどのように行うかを考える必要があります。 Guruのユーザーには年齢制限はありません。誰もが年を取り、私たちのユーザーがその年代によってテクノロジーの使用をやめることを期待すべきではありません。

私たちは、すべてのチームメンバーが実際にアクセス可能な方法で文書を作成して共有できる力を与えるツールを持っています。 私たちはますます多くのユーザーがGuruを探索し、アクセス可能なコンテンツの作成と共有についての質問をしているのを見ています。なぜなら、彼らはそれがすべての人に影響を与えることを理解しているからです。

私たちのアプリはパワーユーザーだけのために設計されているわけではなく、組織全体で情報を作成し共有したい人々のためです。 私たちは彼らにその力と自由を与えています。

注：このインタビューは簡潔さと明瞭さのために編集されています。