コンテンツファーストアプローチでより良いデザインを作成する

公開: 2019-01-04

新しいアプリを最初から設計するのか、新しい機能に取り組むのか、ランディングページを作成するのかは関係ありません。デザインは、コンテンツファーストのアプローチから始める必要があります。これには複数の利点があります。このアプローチを採用すると、自動的に素晴らしいWebサイトや製品を作成することになります。

あなたがしばらくの間ウェブデザインの世界にいたなら、あなたは「コンテンツファースト」の概念を聞いたことがあるに違いありません。この投稿では、このアプローチが何であるかを発見し、実際のコンテンツファーストデザインの例を提供します。

コンテンツファーストアプローチの基本的な理解–プロセスの仕組み

Content-First Approach

理想的には、プロジェクトが終了するまで、製品またはWebサイトの開発に関与するすべての部門が集まって調整します。そして、これは開発者やデザイナーだけでなく、消費者やコンテンツを作成する人々の研究を行う人々にも向けられています。

このようなコラボレーションを開始するには、関係するすべての部門が、対象となる消費者が誰であるか、Webサイトまたは製品を使用するためのニーズと目的をしっかりと理解している必要があります。これは、ユーザーの言語とトーンをエミュレートすることでユーザーとコミュニケーションをとる方法を理解するための重要な側面です。

コンテンツファーストのアプローチを使用して、彼らはウェブサイトまたは製品を通じて消費者との会話を提示することから始めます。「なぜここに来たの？」、「次にどこに行きたいの？」などの質問に答える場合があります。または「何をお探しですか？」

コンテンツクリエーターは、ユーザーの意図と考え方に焦点を合わせながら、言葉で魔法をかけます。コンテンツは、実際の消費者の助けを借りてレビューし、完成させることができます。次に、完全なモックアップの前に、コンテンツによって設計に課せられる影響と制限が明確にされ、プロトタイプが開発されます。コンテンツファーストのアプローチは、再設計フェーズの一部を削除することで、設計者のフラストレーションを軽減します。

プロジェクトに関連する専門家が協力して、色、行間隔、書体、リンクの書式設定など、コンテンツの読みやすさと読みやすさに影響を与える重要なデザイン要素を決定します。これらは、ウェブサイトや製品を作ったり壊したりする可能性のある要因です。消費者は、コンテンツを通じてあなたの製品と対話する傾向があります。最初にコンテンツを強調すると、消費者を中心に据えることは避けられません。

「LoremIpsum」からのシフト

Lorem Ipsum

Web開発業界に属するほとんどの人は、LoremIpsumに精通しています。しかし、インターフェイスのグラフィック要素に焦点を合わせ続けるためのプレースホルダーテキストとしての目的は、すでに通用しているようです。

結局のところ、アプリをダウンロードしたり、ウェブサイトにアクセスしたりして、その美しさや巧妙さを確認するだけの人は誰もいません。あなたのウェブサイトのコンテンツは重要であり、あなたのデザインはこれを反映する必要があります。ブランドの完璧なスポークスパーソンである適切な個性を持つ書体を選択するという点だけでなく、深刻なデザイン問題の一部としてコンテンツを持っているという点でも。コンテンツファーストのアプローチを採用するには、古き良きLoremIpsumsから離れる必要があります。

コンテンツは全体像を提供します

多くの場合、Webデザイナーは、すべてのコンテンツが最終的に共通の目的に向かってどのように推進されるかについての全体像を見ることを好みます。コンテンツには適切なコンテンツ戦略が付属している必要があります。これにより、今後数か月で10％多いリードを生み出すなど、定義されたマーケティングおよびビジネス目標にメリットがもたらされます。

これで、デザイナーはより大きなパズルのいくつかのピースをいじることができます。たとえば、リードを10％増やすという目標は、人々を特定の行動ポイントに移動させる特定のデザインアイデアやレイアウトを考え出すことです。しかし、それははるかに複雑なシステムのほんの小さな側面にすぎません。

デザインとコンテンツは直線的ではありません

コンテンツとデザインファーストのどちらのアプローチに焦点を合わせるかを議論するとき、私たちが本当に意味するのは、あることが別の前に起こるということです。しかし、そうではないはずです。コンテンツ戦略の段階と同じように、発想のプロセスは、両方の側で同時にうまく機能します。コンテンツライターとデザイナーは、消費者の問題を解決し、適切な方法でビジネス目標を達成する方法についてのアイデアをめくります。

コンテンツライターとデザイナーが流動的で非直線的な方法で作業する場合、製品またはWebサイトの開発に関連するすべての部門に適切な期待を維持するのに役立つだけでなく、今後の競合のポイントとなる可能性のあるものを排除します。。

コンテンツタイプを早期に計画するようにしてください

コンテンツは、チャート、リスト、インフォグラフィック、電子書籍、ビデオ、ホワイトペーパー、ストリーミングオーディオなどの形式をとることができるため、テキストのチャンクにのみ関連付けることはできません。

「デザインチームとコンテンツチームが一緒にすべきことの1つは、早い段階からデザインに関連付けられる特定の種類のコンテンツを決定することです」と、割り当てヘルプの学術専門家であるPeterWhitakerは提案します。これにより、デザイナーはWebサイトのデザインプロセスの早い段階でコンテンツのアイデアに取り組み始めることができます。また、コンテンツの形式に関係なく、視聴者を引き付けるためにお互いがどのようにプレーオフするかを想像するのに役立ちます。

コンテンツファーストのデザインアプローチによるストーリーテリングの力

Power of Storytelling

デザインに合わせて適切なコンテンツを準備することで、いくつかのことを理解することができます。まず、ページが成功するために必要な最小値は何ですか？ピクセルやワイヤーフレームを作成する前にコンテンツを決定すると、すべての人がコンテンツに同意してコピーする必要があるため、デザイナーとしての生活が楽になります。

関係するコンテンツの種類を学んだ後、最終的にデザインするとき、それはまったく新しい領域です。次に、特定のコンテンツ内の要素が目前のプロジェクトに適しているかどうかを判断できるようになります。

映画のようにあなたのウェブサイトにアプローチしてください。内容は俳優が話すセリフになります。ライアン・ゴズリングが愛と称賛の言葉をささやくと同時に、祖父の屋根裏部屋でサイコ・キラーから身を隠しているシーンを想像してみてください。プロットは混乱しているようですよね？コンテンツとデザインの不一致は、訪問者の間で同様のタイプの混乱を引き起こす可能性があります。

今、素晴らしいコンテンツは素晴らしいストーリーで始まります。このアプローチにより、デザイナーは全体的なユーザーエクスペリエンスと、訪問者や顧客に伝えたいストーリーに集中することができます。デザインの一部であることが判明したため、同じことがコンテンツにも当てはまります。

この場合、あなたは自分自身に尋ねることから始める必要があります、このクライアントまたはプロジェクトの話は何ですか？訪問者や消費者が直面している問題は何ですか？彼らの理想的な結果は何ですか？

ストーリーを通して何を伝えようとしているのかがよくわかったら、書き始めます。あなたがそれがウェブサイト上にあると想像するようにコンテンツの開発から始めて、そしてそれを適切に構成することを確認してください。各ウェブページや画面には独自の目的があり、あなたもそれに取り組む必要があります。

次に、これらの各ページを異なるセクションに分割できます。これらのセクションにも明確な目的があります。

次に、見出しから最後のリンクまで、これらのセクションに含まれる内容を書き留めます。クライアントまたは別のチームメンバーからコンテンツが提供された場合、それが適切であり、全体的な説明に適合していると思われる場合は、それらの詳細を使用してください。

コンテンツを準備するときは、自分の言葉を使うことに集中してください。いずれにせよ、行った作業に関するフィードバックを受け取り、満足のいく結果が得られるまで編集してください。

ウェブサイトの各ページのコンテンツを準備すると、ウェブサイトがどのようになり始めているかに気付くことができます。ユーザーフローは、関係するすべての人にとって非常に明白になります。さらに、コンテンツ構造が明確であるほど、これが適切なストーリーであるかどうかを評価できるようになります。

コンテンツファーストのアプローチを採用する必要があるのはなぜですか？

Adopt The Content-First Approach

コンテンツファーストのアプローチは、消費者が期待するすべての良さを詰め込んだ信頼できるWebサイトをまとめるときに、Web開発者やデザイナーにとって考慮すべき優れた方法です。以下に示すのは、コンテンツファーストのアプローチを採用しなければならない理由のいくつかです。

コラボレーションと一貫性：「多くの手が軽い仕事をする」という格言に精通しているかもしれません。これは、コンテンツの計画と作成に特に当てはまります。設計者は理解しているが、コピーライターは理解していない、またはストラテジストは知っているが、フロントエンド開発者は理解していないなどのことがあるかもしれません。したがって、問題を迅速に検出して機会を見つけるために、さまざまな部門間の適切なコラボレーションが一貫性を推進します。そうすれば、全員が同じページにいるときに、不必要な混乱を減らすか、なくすことができます。
有効性：デザインやプロトタイプに実際のコンテンツまたはプロトコンテンツを適用することで、潜在的な課題にすぐに慣れることができます。また、数週間または数か月（または数年）待つのではなく、すぐに対処することもできます。そのため、チームはコンテンツの作成に取り組んでいる間、すでに問題について一緒に話し合っているため、デザインとコンテンツの反復に費やされる時間が大幅に短縮されます。
再利用性と柔軟性：デジタルエクスペリエンスをページや個々の要素の形式と見なすのではなく、必要に応じて組み合わせたりリミックスしたりできる多面的なフレームワークまたはソリューションのクラスターの観点から認識します。このようにして、柔軟性があり、長い貯蔵寿命を持つ、より多くの製品を作成できます。
部門内の相互接続性の向上：コンテンツファーストとは、最初から部門間で洞察を共有することを意味します。これで、各部門は、さまざまなレベルの強度で、さまざまな段階で提供する重要な洞察を得ることができます。これは、私たち全員がより多くの会議に参加し、適切な人々と適切な会話をすることを意味します。
シンプルで明確なガイドライン：デザインに関しては、自分がどれほどクリエイティブになり得るかについて、より制約を感じるかもしれません。しかし、ウェブサイトを設計および開発する際には、しっかりとした構造と構築するストーリーが必要です。特定のコンテンツを中心にデザインを準備することで、明らかに矛盾するコンテンツに合うようにデザインを変更する必要がなくなります。
コンテンツの品質の向上：コンテンツファーストのデザインでは、作成された内容が事前に承認されたデザインに適合しないため、ライターにコンテンツの微調整や綿毛の追加を依頼する必要はありません。 Webサイトのメッセージは、その周りのデザインを創造的に形成するときに、意図した元の状態で保存できます。
一貫性の向上：各要素が互いに個別に開発されると、ユニオンに何かが欠けている傾向があります。コンテンツが編集されたり、デザインが土壇場で再構築されたり、ストーリーに一貫性がなくなったりする可能性があります。コンテンツとデザインは、全体として互いに完全に連携して使用する必要があります。これは、コンテンツが最初に来るときにのみ発生します。
生産性の向上：Web開発へのデザインファーストのアプローチは、オンサイトで描かれたストーリー間の競合を引き起こすだけではありません。また、コンテンツクリエーターはストーリーをある角度から見て、デザイナーは別の角度からフォローするため、チームメンバー間の対立につながります。どの角度がより理にかなっているのかを確立するために時間を無駄にするのではなく、サイトのストーリーで論理的にコラボレーションすることで生産性を維持します。
より合理化されたプロセスを可能にします：現在実行しているプロセスは便利で効率的に見えるかもしれませんが、堅実なコンテンツを中心にWebサイトを開発していない場合は、予測できないプロジェクトのタイムラインと範囲に取り組む必要があります。このコンテンツファーストのアプローチでプロセスを合理化することがいかに便利であるかに驚かれることでしょう。
利益率の向上：ビジネスが最も金銭的なリソースと勢いを失う場所を予測する必要がある場合、それはクライアントからのものであると言うのは正確でしょうか？彼らは何かがどのように書かれているかが気に入らないかもしれません。彼らはあなたに修正させたメッセージでデザインがうまくいくとは思わないかもしれません。あるいは、さらに改訂を求めたとしても、これにどれだけ時間がかかったかについて不満を持っているかもしれません。クライアントからの不満や改訂要求を頻繁に受け入れる場合、コンテンツファーストのデザインは時間の無駄を減らし、よく計画されたWebサイトの作成により集中できるようにします。

巻末注

コンテンツ、Webデザイン、および開発はすべて互いに密接に関連しています。少し戦略的なアプローチで、開発者とコンテンツ作成者はこの結合を成功に導くことができます。