Blog

デジタル製品を構築する際のコラボレーションの最も難しい部分は、多数の詳細の調整です。コンテンツチームとUXチームには適切なシステムがありますか？

UXデザイナーとコンテンツプランナーは、顧客に優れたエクスペリエンスを提供できる共通の基盤を持つことで恩恵を受けます。そのような基盤がないと、作業が断片化されて調整されなくなり、プロジェクトの進行が遅くなり、まとまりがなくなります。チームはどのようにして調整の課題に対処できますか？システム付き。

システムが重要な理由

以前はコンテンツはシンプルでしたが、より厳格でした。組織には、すべてのコンテンツが計画された1つのWebサイトがありました。現在、多くのWebサイトと新しいチャネルがあります。さまざまなシナリオで適切なコンテンツを提供するには、多くのチームとツールを調整する必要があります。過去と比較して、チームは今より多くの決定を下す必要があります。幸いなことに、コンテンツとUXシステムの出現により、より複雑なニーズに対応できる新しい優れたプラクティスが生まれています。

企業がコンテンツ管理にヘッドレスアプローチを採用するにつれて、コンテンツとUXリソースの計画と管理をサポートするシステムがより重要になっています。ヘッドレスCMSは、コンテンツの作成、配信、アクセスの方法に前例のない柔軟性を提供します。この柔軟性を最大限に活用するには、企業は、必要に応じて適切なコンテンツと設計要素を利用できるようにするシステムを導入する必要があります。

システムは、コンテンツとデザインの構成要素であり、多くのユーザー向けアセットを生成できる基盤を提供します。システムにより、UIとコンテンツを大規模に操作できます。

システムを使用して好循環を作成する

有名なコンテンツ戦略コンサルタントであるKristinaHalvorsonは、コンテンツ戦略の基盤として「システム設計」について言及しています。彼女は次のように述べています。要件。 私たちは、再現システムを作成するに興味を持っている-マシンのために、人々は、時間の経過とともに、コンテンツの完全性を保証するため、私たちは、作成、配信、および一貫性のある基準や意味のある成果に応じてコンテンツを管理できるようにするための両方「。

同様に、ユーザーエクスペリエンスコミュニティは、持続可能な設計運用を促進する上での設計システムの価値に焦点を合わせてきました。

コンテンツとデザインをサポートするシステムには、多くの利点があります。

• 過去の作品は再利用されます
• 新しい仕事は過去の仕事に合う
• 繰り返し可能なプロセスを持つことで勢いが増す
• プロジェクトは持続可能であり、進化することができます

システムは効率と信頼性を提供します。それらは、コンテンツおよびデザイン操作の成熟を促進します。

システム使用時のコラボレーションの力

以前の投稿では、UXデザイナーとコンテンツプランナーの両方が、ユーザーインタラクションのニーズを計画するために同じ要件メソッドの多くをどのように使用するかについて説明しました。それらは同じ種類の要件に依存しているため、それらの開発を共同で所有することはしばしば理にかなっています。

デジタル製品の開発をサポートするシステムに関しては、責任はそれほど重複していないようです。特定のサポートシステムは、UXチームまたはコンテンツチームのいずれかによって作成および利用される傾向があります。しかし、それらは1つのチームだけに価値があると見なされるべきではありません。コンテンツチームとUXチームはどちらも、幅広いシステムに依存しています。

異なるシステムにも同様の目標があります。たとえば、デザイナーとライターの両方がスタイルガイドを開発して使用します。これらのデザインガイドとコンテンツスタイルガイドは、焦点が異なりますが、意図は似ています。どちらも、テキストと視覚要素をユーザーに提示する方法に関する決定をエンコードするルールを提供します。これらのルールを持つことにより、デザインが効率的に配信され、結果に一貫性があります。

システムは共有リソースです。これらは、コンテンツとUX作業の両方のダウンストリームアクティビティに影響を与えます。コンテンツチームとUXチームは、互いの作業がそれぞれの責任にどのように影響するかを理解する必要があります。

UXチームがコンテンツシステムに関心を持つべき理由

UXチームは、コンテンツ自体ではなく、コンテンツの表示に重点を置いています。顧客に提示できるコンテンツを計画するのは、コンテンツチームの役割です。

しかし、彼らの仕事の全体的な規模を考えると、コンテンツチームとUXチームは各画面を1つずつ手動で作成することはできません。どちらも、多くの詳細を調整するシステムからのサポートが必要です。

UXチームはデザインシステムに依存するようになっているため、これらのデザインシステムを表示されるコンテンツの構造に接続することの価値を認識しているチームもあります。この関係を利用するには、CMS内でコンテンツがどのように管理されているかについての知識が必要です。ヘッドレスCMSを使用すると、コンテンツの編成が透過的で適応性が高くなり、ユーザーエクスペリエンスを形成する多くの機会が開かれます。

UXチームは、作業に影響を与える2つの主要なコンテンツシステムに精通している必要があります。

• コンテンツモデル
• 分類法

これら2つのシステムは連携してコンテンツを構造化および管理し、さまざまなコンテキストのユーザーがコンテンツを利用できるようにします。これらのシステムは、ユーザーがアクセスできるコンテンツを決定します。

コンテンツモデル

コンテンツモデルは、CMS内でコンテンツがどのように構造化されるかを決定します。ヘッドレスCMSでは、チームは、APIを介してさまざまなユーザーインターフェイスで使用できるコンテンツタイプと要素にコンテンツを構造化する方法を定義します。 1つのコンテンツモデルで、さまざまなUIに提供されるコンテンツを管理できます。

コンテンツモデルは通常、CMSを実装する開発者と協力するコンテンツストラテジストによって作成されます。 UXデザインは、ユーザー向けのシステムではないため、通常は関与しません。ただし、コンテンツモデルは、すぐにはわからない方法でUXチームの作業に影響を与えます。

コンテンツモデルは、コンテンツの構造を定義します。これは、使用可能なコンテンツ要素を決定し、そのコンテンツの表示方法に影響を与えます。構造が多ければ多いほど、UIがユーザーにコンテンツを提供する方法の柔軟性が高まります。コンテンツ構造は、次のような多くのUIの問題を決定します。

• 見出しは長くなりますか、それとも短くなりますか？
• 提示する画像やビデオはありますか？
• ユーザーはトピックをより深く掘り下げることができますか？
• ユーザーは類似したアイテムを比較するためにいくつの選択肢を得るでしょうか？
• ユーザーはどの要素をプレビューできますか？
• ユーザーはどのようにして多くの詳細を含むトピックの概要を得ることができますか？

つまり、UXチームは、コンテンツモデルが確立されるまで、画面の設計を遠くまで進めることはできません。彼らは、コンテンツ要素がどこから来ているのか、そしてそれらの特徴が何であるのかを知る必要があります。

分類法

タクソノミーは、コンテンツを分類するために使用される階層的な用語のセットです。作成者と開発者はタクソノミーを使用してコンテンツを管理および配信しますが、ユーザーはタクソノミーに依存して特定のコンテンツにアクセスします。

タクソノミーはコンテンツモデルと緊密に連携しているため、コンテンツストラテジストとマネージャーが開発を主導する必要があります。タクソノミーは外部ユーザーをサポートできるため、情報アーキテクトの入力も役立ちます。

UXデザイナーとフロントエンド開発者にとって、分類法は多くの分野での責任に影響を与えます。

• 「チップ」や「ピル」などのカテゴリデザイン要素に表示される可能性のある分類用語
• メニューナビゲーションで使用される用語
• インタラクションをサポートするためにコンテンツのフィルターとして使用できる用語
• セクション見出しなど、ユーザーインターフェイスのレイアウトの一部として表示する必要のあるラベル
• 翻訳が必要な可能性のあるラベル。これにより、必要な文字数が増える可能性があります。
• 広く使用されているカテゴリに必要なアイコン

コンテンツチームがユーザーエクスペリエンスをサポートするシステムに関心を持つべき理由

組織がヘッドレスCMSを使用する場合、そのコンテンツはそのプレゼンテーションから切り離されます。つまり、コンテンツは1つの方法だけでなく、さまざまな方法で表示できます。組織は、コンテンツのさまざまなバージョンを提供できます。

コンテンツチームは、ユーザーが計画しているコンテンツに遭遇して使用する方法を形作るサポートシステムを認識している必要があります。コンテンツの表示に影響を与える2つの重要なシステムは、CSSとデザインシステムです。

CSS

コンテンツがユーザーにどのように表示されるかは、コードによって決定されます。カスケードスタイルシート（CSS）で定義されたプロパティは、コンテンツのレイアウトを制御し、その動作に影響を与える可能性があります。見出し、ボックス、およびその他の画面要素の「スタイル」は、コンテンツのレンダリング方法を指定するシステムとして機能します。CSSを使用すると、コンテンツをプレゼンテーションから分離できます。 「flexbox」モジュールなどの機能の導入により、CSSは進化し、コンテンツの表示方法の柔軟性が向上しました。

コンテンツプランナーとライターは、CSSの詳細について専門家になる必要はありません。ただし、CSSの実装がコンテンツのユーザビリティにどのように影響するか、特にコンテンツが大きく異なるプラットフォームに表示される場合は、注意が必要です。

コンテンツプランナーは、特定のコンテンツ要素に予想されるスペースが、提示する必要のあるメッセージに十分であるかどうかを知る必要があります。利用可能なコンテンツは画面上の利用可能なスペース内に完全に表示されますか、それともオーバーフローしますか？多くの表示要素（画像のサイズ、テキストコンテナ）のサイズを変更できますが、場合によっては、テキストと画像のコンテンツに異なるサイズのバリエーションが必要になることがあります。スペースが限られている場合、コンテンツタイプには、短い見出しやサムネイルなどのフォールバック要素が必要になる場合があります。

設計システム

近年、多くの大企業や高成長企業が、設計作業をスケールアップするための設計システムを開発しています。彼らは、過去にWebページのレイアウトに使用したシングルチャネルテンプレートを超える必要がありました。

設計システムは、コンテンツがさまざまなチャネル間でどのように表示および動作するかについてのルールと理論的根拠を文書化し、コンテンツをレンダリングするCSSおよびその他のコードに追加のガバナンスとコンテキストを提供します。ドキュメントの提供に加えて、設計システムはコンポーネントとレイアウトの再利用をサポートします。これらは、FigmaやSketchなどの設計ツールやReactやVueなどのフロントエンドフレームワーク内に実装できます。堅牢な設計システムにより、手動のコーディングが減り、実装の決定がチーム全体に対してより透過的になります。

デザインシステムは、コンテンツを表示するバナー、ヒーロー、カードなどのコンポーネントを標準化します。また、「空の状態」やエラーの場合に何を表示するかなど、状況に応じたパターンを提示することもできます。

コンテンツプランナーは、コンテンツモデル内のさまざまなコンテンツタイプがデザインシステム内のデザインコンポーネントをどのように接続するかを検討する必要があります。具体的には、彼らは知りたいと思うでしょう：

• コンテンツタイプまたは要素の表示をサポートするために利用できるデザインコンポーネントは何ですか？
• どのような設計コンポーネントが必要になる可能性がありますか？

UXチームがデザインシステムの開発を推進している一方で、一部の企業はコンテンツを含むようにデザインシステムを拡張しています。デザインシステムの一部としてコンテンツスタイルガイドが含まれている場合があります。メッセージやラベルの再利用可能な表現に関するアドバイスを提供するコンテンツパターンが含まれる場合もあります。

共通のリソースの構築

コンテンツデザイナーのMichaelHaggerty-Villa氏は、次のように述べています。「社内のデザインチームとコンテンツチームをデザインシステムに関与させることが、成功の鍵です。」

デザインシステムの開発におけるコンテンツチームとUXチーム間のコラボレーションはまだ比較的新しく、さらに成長する可能性があります。連携することで、コンテンツとUXの役割は次のことができます。

• 役立つ可能性のある新しいコンポーネントを特定します。
• コンポーネントの構造内でテキストおよび画像要素をどのように提示する必要があるかについて、より具体的なガイダンスを作成します。

コンテンツとUXシステムの目標は似ています。デザインシステムは画面コンポーネントの再利用を可能にし、コンテンツモデルはコンテンツ構造とアイテムの再利用を可能にします。 CSSと分類法は、さまざまなチャネルに適用できるグローバルリソースです。

システムによりコラボレーションが容易になります。さまざまな詳細がどのように処理されるかを誰もが知っており、それに応じて計画を立てることができます。