会話のためのデザイン: コンテンツファーストのアプローチ
公開: 2015-09-24あるデザイナーの友人が、ウェブサイト プロジェクトのクライアントとコンテンツ マーケターとのミーティングについて話してくれました。
コンテンツマーケターはこう答えました。
「まあ、そのページのコピーを考える前に、まずデザインを確認する必要があります...」
デザイナーはこう答えました。
「でも、そのページに何が表示されるかわからない場合、どのようにデザインすればよいのでしょうか?」
クライアントが中断し、
「デザインの観点からそのページの大まかなアイデアを考えてみてください。後でコピーを送ってくれますか?」
彼女がその経験を私に話してくれたとき、2 つのことが頭に浮かびました。
- このデザインの視点とは何ですか? デザインは製品の視覚的な側面だけに関係しているということですか?
- この非常に苛立たしい状況は、再び、デザインとコンテンツのどちらが先かという永遠の問題に私たちを導きます。

デザイン ≠ コンテンツの問題
「本当に美しく見えるようにしますが、何も言わないでください」と言う人は誰もいません。
デザイナーの典型的なワークフローは、私の友人が参加したようなブリーフやミーティングから始まります。 これに続いて、ワイヤーフレーム、モックアップの作成、および設計が最終的に承認されてコーディング担当者に送られる前に、その間にさらに多くの会議が行われます。
(出典: 変更命令)

コンテンツは、追加の「ギャップを埋める」演習としてプロセスのどこかに導入されます。 または、「この言葉の束を取り、そこから素晴らしいデザインを作成する」という責任。 一般的に、デザイナーは言葉を扱いません。 デザインに対するコンテンツファーストのアプローチは一般的ではありません。
あなたにおすすめ:
このようなワークフローに問題はありません。 今日の高度に専門化された労働力の世界では、生産性を重視するのはむしろ普通のことです。 優れたコードと優れたコピーを書く天才デザイナーを見つけることは、人気の高い伝説のユニコーンを探すことに似ています。

問題は、製品開発のプロセスを特定の部分に分割しているということではなく、その際に、各部分を相互に結び付ける複雑なつながりを大幅に無視していることです。 確かに、色、イメージ、対称性、形状、パターンなどの視覚的側面に大きく関係する「デザインの視点」があります。 しかし、それはコンテンツにも大きく関係しています。
デザインはコミュニケーションであるため、コンテンツはデザインの一部です。 製品のデザインは、スペースが許すところにコピーを捨てるための単なる美しい空のケースではありません。 これは、ユーザーとのコミュニケーションの形式です。 デザインは、デザインに依存し、デザインをサポートするコピーと密接に関連しています。 人のためにデザインするときは、コンテンツファーストのアプローチを採用することを検討する必要があります。
会話のためのデザイン
「デザインはデザイナーとユーザーの間の会話であり、ユーザーがシーンに入るとデザイナーはもはや存在しませんが、双方向に進むことができます。」 –ドン・ノーマン
デザインはコミュニケーションであるため、優れたユーザー エクスペリエンスは非常にスムーズな会話のように感じられる必要があります。 素晴らしい会話とは、誰かと話しているときの自然な感覚です。 そもそも意味を探していたかどうかに関係なく、会話から離れると、何かを得たような気分になります。 スムーズな会話は、有意義で充実した内容で満たされている必要があります。

だからLorem Ipsumsを捨てる…
Lorem Ipsum が一体何を意味するのか誰も知らないだけでなく、インターフェイスのグラフィック要素に焦点を当てるためのプレースホルダー テキストとしてのその目的は、まさに前世紀のものです。 コンテキストからコンテンツを削除することにより、ユーザー中心の設計のよく考えられた原則と矛盾します。
デザイナーとして、あなたの目はおそらく書体に注がれているでしょう。 画面上でどのように見え、どのように感じられるか、そしてどれだけ読みやすいか疑問に思います。 しかし、あなたのユーザーは Lorem Ipsums を読んでいません。 彼らは、有益で、説明的で、感情的で、説得力さえある実際のコンテンツを読んでいます。 ユーザーの次の行動を導き、行動を形成する上で重みのある実際のコンテンツ。
結局のところ、アプリをダウンロードしたり、ウェブサイトにアクセスしたりして、それがどれほど美しいか、または創造的にデザインされているかを確認する人はいません (あなたが私であり、それがあなたの仕事の一部である場合を除きますが、コンテンツのない製品は「モバイル アプリの UI デザインのトップ 10 のリスト)。 あなたのデザインはこれを反映する必要があります。 ブランドを語る適切な個性を持つ書体を選択するという点だけでなく、コンテンツを深刻なデザインの問題にするという点でも. コンテンツファーストのアプローチを採用するには、Lorem Ipsums を捨てる必要があります。
そして、コンテンツマーケターと協力して…
理想的な世界では、製品の構築に関わるすべての関係者が協力して協力し合い、プロジェクトが完了するまで協力します。 これは、デザイナーや開発者だけでなく、ユーザーを調査する人やコンテンツを作成する人も対象としています。
このようなコラボレーションを開始するには、関係するすべての関係者が、ユーザーが誰であるか、製品を使用する上でのニーズと目標をよく理解している必要があります。 これは、ユーザーの言語とトーンを使用してユーザーに話しかける方法を知るために不可欠です。

コンテンツ優先のアプローチを使用して、製品を通じてユーザーと交わしたい会話を書き出すことから始めます。 彼らは、「なぜここに来たのですか?」、「次にどこに行きたいですか?」などの重要な質問をします。 または「何をお探しですか?」 会話が進むにつれて、コピーが下書きされ、情報の構造が明らかになります。
コピーライターは、ユーザーの意図と考え方に焦点を合わせながら、言葉で魔法を働かせます。 コンテンツは、実際のユーザーと一緒にテストして完成させることができます。 そんな中、デザインのアイデアが浮かびます。 コンテンツによってデザインに課せられる影響と制限は、完全なモックアップとプロトタイプが作成される前に明確にされます。 コンテンツ ファーストのアプローチは、再設計フェーズの一部を排除することで、設計者のフラストレーションを軽減するのに役立ちます。
関係する専門家は、色、書体、行間隔、リンクの書式設定など、コンテンツの読みやすさと読みやすさに影響を与える重要なデザイン要素を一緒に決定します。 これらは、製品の良し悪しを左右する要因です。 ユーザーは、コンテンツを通じて製品と対話します。 最初にコンテンツに焦点を当てる場合、ユーザーを主役に据えることは避けられません。
または、独自のコンテンツを書き始める
理想的な世界では、家具を台無しにしない猫を 2 匹飼っています。 残念ながら、そうではありません。 また、上記のように実際に同僚と一緒に仕事をすることはほとんどありません。 理想的な世界のシナリオを目指して努力する必要がありますが、そこにたどり着くまでの道のりは非常に長いものになる可能性があります。
では、コピーライターまたはコンテンツ マーケターが Houdini の行為をやめる決心をし、締め切りが迫っている場合、デザイナーは何をすべきでしょうか? デザイン戦略に対するコンテンツ ファーストのアプローチのために、独自のコンテンツの展開を開始します。
あなたとコンテンツ作成者の両方が同じ概要説明を受け取ったり、同じ会議に出席したりした場合、ターゲット ユーザーが誰であるか、ユーザーの目標は何か、どのようにコンテンツを作成するかについて、多かれ少なかれ同じ考えを持っていると言っても過言ではありません。製品を通して彼らと話したい。

確かに、ロールアウトするコンテンツはおそらく完璧ではありません。 コピーライターがそれを読んだときに痙攣するかもしれません。 しかし、完璧である必要はありません。 コンテンツの専門家は後でそれを磨くことができます. Lorem Ipsums とも呼ばれるプレースホルダー テキストを使用しても得られない貴重な洞察を引き出すことを目的としています。
取り組んでいるのが再設計プロジェクトである場合、設計で使用する豊富なコンテンツがすでにあるはずです。 利用可能なコンテンツを使用し、それまでの間、ウェブサイトまたはアプリの新しい目的に合わせて調整してください。 すでに存在するコンテンツを調べて (たとえ書き直されるとしても)、同じ会話スタイルの手法を適用します。
9 月 14 日にプロト ブログで最初に公開されたもの






