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

Blog

ブログ

マーケター向け

WYSIWYGページビルダーはどこにありますか?

By Ondrej Sirocka  

このブログ投稿を短編小説から始めましょう。マーカスについての物語—コンテンツストラテジスト、編集者、マーケティング担当者、デザイナーが1人の人間に具現化されました。彼は中堅企業で働いており、主に彼と同じように、自分で複数の仕事をするためのほとんど超人的な能力を持っている他の2人の同僚と協力しています。会社にはマーケティングチームを強化するためのより多くの才能がないので、彼らはそうしなければなりません。

率直に言って、チームは驚くほどうまくやっていて、ブログ投稿であれ新製品キャンペーンであれ、ほとんどの場合時間通りに結果を出すことができるので、その必要はありません。彼らの知識と適切なツールセットのおかげで、いくつかの例外を除いて、彼らは外部の助けを必要としません。ツールの1つは、WYSIWYG(表示されるものが取得されるもの)ページビルダーを備えた強力なCMSです。この機能により、コンテンツのスタイルとレイアウトを調整できるだけでなく、プロジェクトのまったく新しいランディングページを作成することもできます。そして、それについての最も良いことは、コーディングの高度な知識がなくても、すべてを社内で行うことができるということです。

この記事では、WYSIWYGページビルダーやビジュアルエディターなどの用語を非常に幅広く使用します。ユーザーが新しいページデザインを作成し、レイアウトを操作し、コンテンツにさまざまなスタイルを適用できるようにするツールを常に参照していることに注意してください。セクション見出しや太字フォントなどの単純なテキストフォーマットを可能にするリッチテキストエディタと間違えないでください。

ユーザーがWYSIWYGを好む理由

Kentico Cloudでは、過去数か月にわたってWYSIWYGページビルダーについて非常に広範囲にわたって議論してきました。当然のことながら、ビジュアルエディターはプロジェクト要件に記載されている非常に一般的なアイテムであり、人々はそれを気に入っています。ビジュアルエディターは、ほとんどすべての主要なコンテンツ管理システムによって提供される機能です。また、ヘッドレスCMSを構築しているため、「その機能も必要ですか、それとも必要ですか?」と自問する必要がありました。ある時点で、非常に有望に見え、顧客がそれに興奮していた実用的なプロトタイプさえありました。

私がこれまでに書いたことに基づいて、なぜ私たちがそれについて考えなければならなかったのか疑問に思われるかもしれません。それは良いものだけをもたらしますよね?ええと...残念ながら、それはそれほど単純ではありません。

Kentico Kontent

ユースケースと背後にある利点

ヘッドレスソリューションにWYSIWYGページビルダーを含めるかどうかを最初に評価し始めたとき、この機能の背後に実際に隠れているジョブやユースケースを見つける必要がありました。問題をよりよく理解するために、パートナーやお客様と問題について話し合うために数え切れないほどの時間を費やしてきました。では、なぜ人々はビジュアルエディタをそれほど愛しているのでしょうか。

一般的に言って、顧客の観点から、技術者以外の人々は、レイアウトを含むページを自分で作成または管理するオプションを望んでいます。彼らの経験によれば、デジタルエージェンシーや開発チームに電話してすべてのタスクを支援する代わりに、自分で行う方が簡単、迅速、安価であることがよくあります。開発者は自分の言語を話せず、遅くて費用がかかると言う人さえいます。

特定の使用例に関して、WYSIWYGページビルダーのリクエストの背後で私たちが発見したことは次のとおりです。

  • 視覚的およびコンテンツのコンテキストを持ちながら、コンテンツを作成し、ページを構築すること。つまり、ユーザーは、コンテンツがどこに行くのか、どのように見えるのか、そして周囲のコンテンツが何であるのかを正確に知っています。
  • その場で、つまりWebページで直接エラーを編集または修正する(コンテンツインベントリ内のコンテンツを検索する必要はありません)。
  • 開発者なしでカスタムページ、新しいレイアウト、テンプレートを作成し、プロセス全体をスピードアップするため。

ここまでは順調ですね。それでは、WYSIWYGページビルダーを大規模な組織やオムニチャネルプロジェクトの課題に直面させたときに何が起こるかを見てみましょう。

WYSIWYGに注意する必要がある理由

マーカスと彼のチームに戻りましょう。前回お話ししたときから状況は変わりました。すべてが順調に進んでおり、会社も成長しており、マーケティングチームも成長しています。チームが大きくなるにつれ、マーカスは彼らの現在のプロセスと働き方に落とし穴があるかもしれないことに気づき始めました。そしてそれは変化の時かもしれません。

彼らは毎日チームの同期を開始しましたが、マーカスはチームの作業に多くの矛盾があることを確認できます。すべてのキャンペーン、すべてのコンテンツ、およびランディングページには、それを処理したチームメンバーに応じて、独自のルックアンドフィールがあります。すべてのマーケティングプロジェクトは、設計から実装まで1人または2人のショーであるため、特定の人の署名は常に存在し、他の人とは異なります。同社のプレゼンテーションは、もはや統一された仕事のようには感じられません。

そしてもう1つあります。同社は成長し、現在、より大規模で要求の厳しいクライアントをターゲットにしているため、コミュニケーション、ビジュアル、グラフィックスのスタイルも変更する必要がありました。突然、彼らが彼らの結果を彼らの新しい競争と比較するとき、それはどういうわけか未熟で一種の劣った感じがします。悪くはありませんが、良くもありません。真実は、マーカスと彼のチームにはフィールドの専門家と専門的な役割が欠けているということです。普遍的な従業員を持つことに焦点を当てることは、彼らが個々の分野で優れていることを妨げました。

素晴らしい結果をもたらすプロセス

成熟した組織は、新しいデザインやランディングページの作成が正確に定義され、相互依存のステップと複雑な活動であることを理解しています。そのため、彼らは何らかのガバナンスを実施したいと考えています。プロセスは専門家によって制御および実行される必要があります。

作成プロセスに関連するすべてのタスクには異なる詳細と問題があり、専門家だけがそれらすべてを完全に認識しており、最高レベルの品質で一貫した結果を提供することができます。コンテンツストラテジストは目標とペルソナを定義し、デザイナーはレイアウトを作成し、コンテンツエディターはコンテンツを準備します。

この種のアプローチでは、誰もが自分の仕事に集中でき、得意ではない割り当てに気を取られることはありません。デザイナーが製品の説明のために正確な言葉遣いを考え出す必要がないように、ライターは見出しを中央に配置するか、左にフロートさせるかを考える必要はありません。最後に、開発者やコーダーは、特定のWYSIWYGビルダーの詳細に対処する必要はありません。お気に入りのテクノロジーを使用し、提供されたデザインに基づいて、クリーンでピクセルパーフェクトでレスポンシブなページを実装するだけです。すべてが一緒にクリックされ、完璧な結果を形成します。

オムニチャネルをWYSIWYGに追加すると、問題が増えるだけです

マーカスと彼のチームについての話を早送りします。しばらくして、彼らはデジタルマーケティングがもはやウェブだけではないことに気づきました。彼らは、Webやソーシャルネットワークとは別に、顧客がモバイルアプリケーションや音声チャネルなどを介して対話することを期待していることを発見しました。コンテンツ制作が変更されました。突然、複数のプラットフォームで同時に動作するはずのコンテンツを作成していたため、オーサリングについて別の方法で考え始める必要がありました。

そして、それは彼らが複数の問題に遭遇したポイントでした。オムニチャネルおよびWYSIWYGページビルダーに関して、私たち(マーカスと彼のチームと同じように)が次のことを発見したため、ここで再び調査に戻ります。

  • いずれかのチャネルのコンテキストでのコンテンツオーサリングは、コンテンツ制作のバイアス(つまり、特定の1つのチャネルへの集中)につながる可能性があり、他のチャネルに悪影響を及ぼします。次の文を書いたとしましょう:「詳細については、下のボタンをクリックしてください。」ここで、ユーザーが「クリック」せずに「タップ」し、デザインが異なるためボタンが下ではなく右側にあるモバイルアプリケーションでこれがどのように機能するかを想像してみてください。
  • ビジュアルコンテンツ編集は、オムニチャネル配信の基盤であるメタデータの生成を抑制します。たとえば、マーカスは顧客の音声注文を有効にすることを決定したため、すべての製品に効果音や音声とトーンの仕様などのいくつかのメタデータフィールドを追加する必要がありました。そのデータはウェブサイトとWYSIWYGには「見えない」ので、コンテンツ編集者がどのように入力するかを尋ねることしかできません。
  • インライン編集により、コンテンツクリエーターは、オムニチャネルコンテンツ制作の基本要素である構造、セマンティクス、コンテンツ自体ではなく、視覚的な表現に集中することができます。したがって、それはコンテンツオーサリングからの気晴らしです。段落の編集に20分を費やしたと想像してください。テキストを画像ギャラリーに揃えたいため、いくつかの単語を追加する必要があり、特定の単語を強調するためにカスタムスタイルを使用しました。後で、そのテキストをニュースレターに再利用して、テキストが長すぎて、スタイルがニュースレターのデザインとまったく一致していないことを確認します。
  • コンテンツは通常、他のプラットフォームで使用するのが非常に難しい非構造化BLOBに格納されるため、視覚的アプローチでコンテンツの再利用性の原則を実装することはかなり困難です。

それで…次に何が起こるのでしょうか?

オムニチャネルコンテンツの作成は、今日の私たちのほとんどにとって重要であり、上記の議論のために、最終的に、この記事の冒頭で述べたWYSIWYGページビルダーのプロトタイプを続行しないことにしました。

同時に、WYSIWYGスタイルの編集はかなり前から存在しており、人々は今でもそれを気に入っていることを認識しています。これにより、コンテンツがページ上でどのように表示されるかを簡単に把握できます。それは彼らにそれを動かしたり、いくつかのコンポーネントを追加したり、ビジュアルを変更したりする力を与えます。そのため、オムニチャネル方式でWYSIWYGに関連するニーズに対応し、新しいコンテンツオーサリングスタイルへの移行プロセスをよりスムーズかつ簡単にするソリューションを考案するために、私たちは真剣に取り組んできました。

もっと知り、私たちがどのように課題に取り組むのかを学びたいですか?私の次の記事をチェックして、現在スタックにある素晴らしいコンセプトとデザインのいくつかを読んでください!

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

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