Optimizely SaaS CMS コンテンツモデリング

ウェブサイトのコンテンツ モデリングは、科学であると同時に芸術でもあります。コンテンツ モデリングは、ウェブサイトの構築に必要なコンテンツやモジュールの種類を定義して詳細化するプロセスであると考えられますが、同時に、エクスペリエンスをどのように形作るかという点で創造性を刺激する芸術的な課題でもあります。

コンテンツモデリングの重要性

コンテンツ モデリングが重要なのはなぜでしょうか。なぜ気にする必要があるのでしょうか。コンテンツ モデルはさまざまな役割に影響を与え、さまざまな役割から影響を受けるため、コンテンツ モデルが必要な理由や使用方法を理解するのに役立ちます。徹底したコンテンツ モデリングは、要件を明確にし、設計者、開発者、エンド ユーザー間のコラボレーションを促進するのにも役立ちます。

のために 情報アーキテクト そして デザイナーコンテンツ モデリングは、ページに必要なすべてのテキスト、メディア、メタデータを指します。画像のキャプションやイベントを分類するための日付などは、すべてページ デザインで考慮して対応する必要があるものです。

のために 開発者コンテンツ モデリングは、Web サイトの内外で交換されるデータや、CMS 内で適用する必要があるさまざまな構成を識別するのに役立ちます。また、システムを設計および構築するときに必要な Web サイトの複雑さとアプローチのアイデアも提供します。

のために コンテンツ作成者コンテンツ モデリングでは、どのようなコンテンツを作成または作成するか、またそれを CMS に入力する方法についてのガイドラインを設定します。一貫性のなさを助長する混乱を招くエクスペリエンスではなく、直感的で標準化された効率的な設計が、作成を容易にするために重要です。

コンテンツモデリングアプローチ

さて、あなたは今、「どうやって始めればいいのか？次に何をすればいいのか？何を考えたり検討したりする必要があるのか？」と考えているかもしれません。コンテンツ モデリングに関して、取ることができるさまざまなアプローチについて説明しましょう。

トップダウンアプローチ

トップダウン アプローチでは、まず大まかな概要から始めて、すべての主要なコンテンツの種類を特定します。ブログ、製品ページ、フォーム、検索、ギャラリーなど、サイトにあるすべての異なるページではなく、さまざまな種類のページを特定します。次に、一度に 1 レベルずつ詳細に進みます。

ボトムアップアプローチ

反対方向に進むと、ボトムアップは最も細かい詳細レベルから始まります。まず細かい詳細から始めて、徐々に個々の要素をグループ化し、より大きなコンテンツ アイテムを形成します。たとえば、CTA のテキスト、次に CTA オブジェクト自体、その後にタイトル テキストと本文テキストについて考えるとします。これら 3 つの要素はすべて、プロモーション ボックスまたはカードとしてグループ化できます。

ハイブリッドアプローチ

中間のアプローチはありますか? はい、ハイブリッド アプローチはおそらく最も実用的で最もよく使用されるアプローチです。これにより、高レベルの思考と詳細な設計の間の絶妙なバランスが実現され、すべてをカバーできる柔軟性が得られます。

どのようなアプローチであっても、コンテンツモデルを設計する際に考慮すべき最も重要なことは、 コントロール ユーザーに提供したいのは、 自由に コンテンツのレイアウトと構造を調整し、 再利用性 コンテンツの。

クローゼットのアナロジー

デザインのコンテンツを細分化する方法をよりよく理解するために、わかりやすい例え話であるクローゼット システムを使ってみましょう。棚スペース、引き出し、ラックのそれぞれがコンテンツであるカスタムメイドのクローゼット システムを設計しているところを想像してください。各セクションはさまざまな衣類を保管したり、さまざまな目的で使用されますが、それぞれに共通点があります。ハンドル、ハンガー バー、仕切り板、戸棚のドアは、すべてのセクションに必要な共通パーツの一部です。これらのパーツは、テキスト リンク、ボタン、タイトル、フォーム要素、画像など、Web サイト デザインの共通またはモジュール コンポーネントと考えることができます。

コンポーネントが意味を成す最小単位のレベルで停止していることに注目してください。ドア ハンドルの場合、そこで停止し、ハンドルを取り付けるネジなどのハンドルの部品のように、それ以上小さくすることはしませんでした。ガラス ドアの場合、ガラス片やドア枠のレベルまで小さくすることはしませんでした。特定したすべての小さな部品/コンポーネントは再利用可能なアイテムであり、さまざまな組み合わせで使用して、独自の異なるエクスペリエンスを作成し、さまざまなニーズを満たすことができます。

ウェブサイトコンテンツモデリングのウォークスルー

それでは、Web サイトのコンテンツ モデルを設計するさまざまな方法を見てみましょう。Moseybank の例を参考にして、マストヘッド バナー コンポーネントの設計を検討してください。設計から、マストヘッドのさまざまなコンテンツを分類できます。コンテンツは 5 つあります。2 つの画像、タイトル、メイン コンテンツ セクション、CTA (Call To Action) ボタンです。ただし、再利用性を高めるために、画像、テキスト、ボタンなどのコンテンツ タイプ別にグループ化できます。制御、自由度、再利用性のレベルに応じて、いくつかの異なる方法でコンテンツ モデルを設計できます。次に例をいくつか示します。

1. 1つのアイテム内のすべてのコンテンツ5 つのコンテンツ タイプすべてを個別にリストした単一のコンポーネントを作成できますが、ユーザーが制御できる内容に関して柔軟性はなく、すべてが設計どおりに表示され、機能することが期待されます。
2. さまざまなコンテンツタイプに対応するコンテンツホルダーコンテンツの再利用性を高めるために、マストヘッド タイプ別にコンテンツ ホルダーを作成し、画像、テキスト、ボタンのコンテンツ タイプを作成します。コンテンツ タイプの再利用性は向上しましたが、デザインにはまだ十分な制御や自由度が与えられていません。
3. スタイルオプションを使用してコンテンツタイプを作成するここでは、レイアウトと構造のコンテンツ タイプ、および画像、テキスト、ボタンのコンテンツ タイプを作成できます。また、スタイルを変更するオプションも追加できます。これにより、CMS 内のデザインに多くの柔軟性が提供され、さまざまなニーズを満たすためにこれらのコンテンツ タイプをさまざまな組み合わせで再利用できます。

上記の例からわかるように、コンテンツ モデリングを実装する方法はさまざまです。自由度と制御性がほとんどない最初の例から、柔軟性、再利用性、自由度、制御性が最大限に発揮される最後の例まであります。

たとえば、Optimizely SaaS CMS と Visual Builder は、開発者がデザインごとにカスタム コンポーネントを作成する必要なく、マーケティング担当者がコンテンツをすばやく作成するために必要な制御と自由を提供するために必要な機能をすべて備えています。行と列を追加できるセクションを作成し、列内に画像、テキスト、ボタンなどを追加できます。さらに、各要素のスタイルを変更することもできます。

見てみましょう インタラクティブデモ Optimizely SaaS CMS と Visual Builder でコンテンツ モデリングを行う方法について説明します。

現時点では、マストヘッド バナーについてのみ説明していますが、サイト全体のデザインを検討し始めるとどうなるでしょうか。そうすると、タイトル、テキスト、ボタンなど、同じパターンに従う類似のコンテンツが複数の場所にあることに気付くでしょう。その組み合わせを毎回再作成するのではなく、それをコンテンツ タイプとして設定して再利用できるようにすることが可能です。

結論

要約すると、コンテンツ モデリングには「正しい方法」という単一のアプローチはありません。チームの要件、プロセス、ワークフロー、ガバナンスに合わせて、ニーズに応じてコンテンツ モデルの設計にさまざまなアプローチを採用する必要があります。

2024年8月1日