当サイトを最適な状態で閲覧していただくにはブラウザのJavaScriptを有効にしてご利用下さい。
JavaScriptを無効のままご覧いただいた場合には一部機能がご利用頂けない場合や正しい情報を取得できない場合がございます。
承知しました
本サイトではWebサイトのエクスペリエンスを向上させるために、Cookieを使用しています。Cookieはブラウザの設定から無効にできます。本サイトで使用するCookieについては、プライバシーポリシーをご確認ください。

Blog

ブログ

コンテンツ管理

コンテンツとデザインがお互いをどのようにサポートできるか

By Michael Andrews  

プロジェクトを成功させるには、関係者全員がチームメートが貢献できる価値を理解する必要があります。コンテンツチームとデザインチームは、それぞれがテーブルにもたらすものを理解する必要があります。

以前は、エクスペリエンスの計画インタラクションの定義などの特定のアクティビティに対するコンテンツとデザインコラボレーションのメリットについて説明しました。

それでは、コラボレーションについてもっと広く見ていきましょう。言葉を生み出す人々は、スクリーンデザインを生み出す人々とどのようにうまく協力できるでしょうか?

コンテンツとデザインの関係は、多くの人にとって依然として混乱の原因となっています。一方は他方の子であり、その親に依存しており、責任が少ないのでしょうか。それとも彼らは兄弟(そしておそらく兄弟のライバル)ですか?

一部の設計者にとって、コンテンツは設計内の多くの詳細の1つです。一部のライターにとって、デザインは主にメッセージとナラティブの視覚的なスタイルです。最近では、「コンテンツデザイン」という用語を使用している組織もありますが、両方の用語がUXデザインとどのように異なるかは必ずしも明らかではありませんが、ユーザー中心の設計アプローチ。

デジタル的に成熟した組織では、コンテンツとデザイン作業はパートナーシップである必要があります。プロジェクトチームは、各役割が何に貢献しているかを認識する必要があります。彼らはコラボレーションの技術を習得する必要があります。これは、チームメンバーとプロジェクトの利害関係者が異なる視点と優先順位を持っている場合に課題となる可能性があります。

チームは2つの目標のバランスを取る必要があります。

  1. 各タスクに最高品質のアイデアと最も関連性のあるフィードバックを取得する
  2. プロジェクトが進行するように、すべての貢献が効率的に収集されていることを確認してください

コラボレーションは相互の感謝から始まります。コンテンツとデザインには、言語の専門知識から視覚化に至るまで、専門的なスキルセットが必要です。コンテンツ編集者は情報を簡素化でき、UXデザイナーはタスクを簡素化できます。コンテンツチームとデザインチームは、各役割がプロジェクトにもたらす能力と視点を評価する必要があります。

デザインはコンテンツを構成します

コンテンツのないデザインは空のシェルです。そして、デザインのないコンテンツはテキストの壁です。どちらも完全に判読できません。コンテンツとデザインはお互いを必要としています。

デザインは、ユーザーがコンテンツを理解する方法に2つの方法で影響を与えます。

まず、コンテンツを他のコンテンツに接続することにより、コンテンツのコンテキストを提供します。これらの関係は、ユーザーに表示される他の内容に影響を与えます。これは、以下を決定することによって行われます。

  • コンテンツアイテムと他のアイテムとの隣接性
  • ユーザーがインバウンドおよびアウトバウンドの経路を介してコンテンツを発見する方法

次に、コンテンツが表示されるコンテナを提供します。プレゼンテーションでは、以下に関連する選択肢を通じて、表示される情報に優先順位が付けられます。

  • メッセージに使用できるスペース
  • コミュニケーション要素の視覚的階層

デザインは「コンテンツにとらわれない」ものであってはなりません

コンテンツが後でそれに準拠することを期待している場合、デザインは未完成です。あらゆる種類のコンテンツをボックスに入れることができる汎用ボックスを提供するデザインソリューションを詳しく見てみましょう。このソリューションでは、理想的なユーザーエクスペリエンスが提供されない可能性があります。代わりに、設計がサポートする必要のある実質的なトピックが十分に考慮されていなかったことを示しています。

デザイン要素はコンテンツ要素と調和している必要があります。デザイン要素の意図は、関連するコンテンツ要素の意図と一致する必要があります。デザインとコンテンツをサポートするシステムを計画するときは、それらを調整することが重要です。

デザインコンポーネントは、対応するコンテンツタイプに関連付ける必要があります。たとえば、設計者は、バナー、トースト、モーダルなど、 通知を表示するためのさまざまなコンポーネントを作成できます。これらのさまざまなコンポーネントは、通知の動作を変更します。つまり、通知が永続的であるか消えるか、ユーザーがそれらに対応する必要があるかどうかです。ただし、通知に使用するコンポーネントを選択するには、コンポーネント内にどのような種類のメッセージが表示されるかを知らなければなりません。通知は次のとおりです。

  • 警告を出しますか?
  • エラーの合図?
  • アップデートを提示しますか?

警告でさえ、さまざまなレベルの重大度を伴う可能性があります。さまざまな種類の警告をさまざまな通知コンポーネントで表示する必要がありますか?コンテンツチームとデザインチームは、これらの問題について話し合い、それらを調整する方法について合意する必要があります。

Mozillaのコンテンツ戦略チームは、 メッセージタイプの開発方法を決定する際に、このようなコラボレーションを採用しました。「私たちはUXおよびビジュアルデザイナーと提携して、コンテンツファーストアプローチを使用してこれらのメッセージタイプを再設計しました。このように再設計に取り組むことで、結果のコンポーネントがメッセージのニーズをサポートすることをより確実にしました。その過程で、既存のコピーにいくつかの改善を加え、ガイドラインを確立して、将来のモーダル、情報バー、およびパネルの品質を高めることができました。」

コンテンツはデザインをリードするべきですか、それとも従うべきですか?

コンテンツとデザインは補完的な視点ですが、どちらが担当しているのでしょうか?プロジェクトチーム内では、誰が意思決定権限を持っているかについて疑問が生じる可能性があります。

  • コンテンツとデザインの決定についての意見は同じ重みを持っていますか?
  • UXの研究者はライターに何を書くべきかを教えますか?
  • 編集者はデザイナーにUIのレイアウト方法を教えることができますか?

しかし、さまざまな役割の正式な責任を細かく管理しようとすると、コラボレーションの目標に反する可能性があります。スイムレーンの分業は、日常的なプロセスでは問題なく機能しますが、革新的な問題解決を妨げる可能性があります。ユーザーエクスペリエンスの提供には、複雑な決定とトレードオフが伴います。チームの誰もが提供する貴重な提案を持っているかもしれません。コンテンツとデザインの相対的な重要性を心配する代わりに、チームは次のように質問する必要があります:コラボレーションを促進するにはどうすればよいですか?コンテンツとデザインのリソースはどのように最高のユーザーエクスペリエンスに貢献できますか?ユーザーはコンテンツの内容とそれをどのように体験するかを気にします。

コンテンツの役割(プランナー、編集者、ライター)とUXの役割(研究者、アーキテクト、アナリスト、ビジュアルおよびフロントエンドデザイナー)の間のコラボレーションは継続されます。どちらのチームも、ユーザーが問題を解決したい方法から方向性をとる必要があります。

ユーザーの問題の性質は、旅の段階に応じて変化します。ある時点では、オプションの理解に焦点を合わせ、他の段階では、特定のタスクの完了に焦点を合わせます。この焦点のシフトは、製品またはプラットフォーム内のコンテンツとデザイン要素の強調を形作ります。

製品またはチャネルが主にコミュニケーションに焦点を合わせている場合、特にユーザーがコンテンツを読んだり、見たり、聞いたりすることにほとんどの時間を費やす場合は、コンテンツファーストのアプローチが望ましいです。何かをする方法や大きな決断をする方法を議論する多くの情報ウェブサイトにとって、ユーザーの主なタスクはトピックを理解することです。デザインは、コンテンツにアクセスして理解するユーザーの能力を強化する必要があります。

製品が顧客のセルフサービスなどのトランザクションシナリオのサポートに重点を置いている場合は、次のことを指定するユーザーおよびビジネスの要件に基づいて製品を主導する必要があります。

  1. 提供されているオプション
  2. ユーザーが実行できるタスク

初期の設計コンセプトは、多くの場合、これらの要件を明確にして検証するのに役立ちます。コンテンツは、ユーザーがこれらのオプションを理解し、目標を達成できるようにするのに役立ちます。チームは、現実的なコンテンツでエクスペリエンスのプロトタイプを作成できます。

デジタル製品は、相互作用、コンテンツ、およびレイアウトを定義するコード、コピー、およびデザインの組み合わせに依存しています。すべてが重要であり、それらのいずれかを調整する必要がある場合があります。

これまで、一部のデザイナーや開発者は、コンテンツがデザインとそれをサポートするコードに適応すると想定していました。コンテンツは簡単に変更できるが、デザインは変更が難しい、つまり言葉は安いが、デザインは高価な。

この態度は今ではあまり一般的ではなくなっています。画面のスタイルを調整したり、フロントエンドライブラリとバックエンドマイクロサービスを交換したり、単語や画像を繰り返したりする場合でも、ピクセルとバイトの変更はますます簡単になります。

テキストがデザインをサポートする必要があるのと同じように、デザインがメッセージをサポートする必要があることも同様に真実です。言葉は、どんなに巧妙に作られていても、ユーザーの目標を効果的にサポートできないデザインを修正することはできません。

デザインとコンテンツの両方が、さまざまな利害関係者の優先事項を満たさなければなりません

チームが内部でどのように協力するかを明確にすることに加えて、チームが外部の利害関係者とどのように連携するかを計画する必要があります。特定のチェックポイントでは、外部の利害関係者が作業をレビューおよび承認する必要があり、これが結果に影響を与える可能性があります。

コンテンツチームと設計チームは、利害関係者と協力するときに同様の問題に遭遇する可能性があります。どちらも、利害関係者がビジネス上の考慮事項を優先する場合、ユーザーの利益を主張する必要があります。また、どちらも、再発するグローバルな問題を解決し、これらの問題が一貫して処理されるように努めています。ただし、利害関係者は、特定のフレージングや画面の色など、孤立した表面の問題に焦点を当てることがあります。

チームはデザインとコンテンツの相互影響を理想的に理解していますが、作業をレビューする利害関係者は同じ優先順位を付けていない可能性があります。個々の利害関係者は、コンテンツまたはデザインのいずれかに関心がある可能性があります。

利害関係者には特定の責任があり、目標と優先順位に影響を与える側面について詳細なフィードバックを提供します。レビューを手配するときは、利害関係者がどのような側面に関心を持っているかに注意を払ってください。主題の専門家または法務およびコンプライアンススタッフは、主に言葉の正確さを気にする場合があります。マーケティングはブランドイメージに関係する場合があります。製品マネージャーは、新機能がどのように機能するかを優先する場合があります。カスタマーサポートチームは、新しいデザインに対する顧客の躊躇に関する懸念を伝える場合があります。 。販売は、リリース日と、レビューまたは変更によって遅延が発生する可能性があるかどうかに関係する場合があります。

フィードバックを促進するために協力する

ヘッドレスCMSを使用してプロジェクトを実装する場合、利害関係者のレビュープロセスがより柔軟になることがあります。これにより、デザインがコンテンツから切り離されます。コンテンツやデザインの詳細は、多くの状況で独立して取り組むことができます。デザインまたはコンテンツが特定の利害関係者からの頻繁または広範なフィードバックを必要とする場合は、利害関係者が関心を持っている側面のみを表示するのが最も効率的です。ただし、最初に、重要な情報が失われないようにしてください。

  • コンテンツに焦点を当てた利害関係者は、デザインを見なくてもメッセージがどのように使用されるかを理解できますか?
  • デザインに焦点を当てた利害関係者は、ユーザーが現実的なコンテンツを表示せずにデザインをどのように利用するかを理解できますか?

これらの状況のいずれかが当てはまらない場合は、代表的なコンテンツを含むデザインのプレビューを関係者に提示することをお勧めします。

次に、利害関係者に自由形式のフィードバックを求める前に、コンテンツとデザインの構造的関係が安定していることを確認します。合理化されたレビューは、一方の側面(たとえば、コンテンツ)に要求された変更が他方を根本的に変更しない場合にのみ機能します。アスペクト(デザイン)。

利害関係者がコンテンツやデザインに関して多くのフィードバックを持っている場合、このフィードバックはプロジェクトの実施にボトルネックを生み出す可能性があります。プロセスの早い段階で利害関係者と関わり、後で彼らの懸念を学ぶことについての驚きを避けます。

利害関係者の関与は、コンテンツチームと設計チームが調整する必要がある重要なプロセスです。利害関係者とのコミュニケーションを計画するとき、および機能、メッセージ、プレゼンテーションについて利害関係者からフィードバックを得るときは、協力する必要があります。

Headless CMSの導入をお考えでしょうか?

クラウドとマルチデバイスに最適化されたKentico Kontentをお試しください