広告主のウェブデザインの見方：典型的なサイトの非定型デザインを作成するための基本

はじめに

「もっと金が必要」

認識されていない経済の天才



すべてはコメントのこの会話から始まりました。 要するに、コンテンツは次のように要約できます。顧客は「美しく」、デザイナーは美しく（引用符なしで）作りたいと望んでいます。 顧客はしばしばユーザビリティと販売に有害なアイデアであふれ、デザイナーは標準のユーザビリティとスタイルソリューションの枠組みの中で行動する方法を知っています。



そして、広告主/セールスマンが現場に現れます。 彼も意見を持っています。 そして意見はこれです：真の美しさ、騒々しいキッチュに、ゴミの中のアイデアについての議論を捨てます。 サイトは機能し、利益を上げる必要があります。販売を開始し、ブランディングに貢献し、電話を引き付ける-顧客が必要とするもの。 ターゲットオーディエンスを研究する必要があります-そして、どのデザインがそれから正しい反応を得るのに役立つかを見つけます。 そして、目標を達成するために必要なものを一から作成すること。 典型的なソリューションは不適切です-特定の顧客/ターゲットの組み合わせに対しては考えられていません。 さらに悪いことに、彼らは親しくなった。



「良い」彼らは彼に同意するでしょう。 すごい。 しかし、オリジナリティが原則として存在できない場合、元の決定をどのように行うか（その議論から例を挙げます-「ブライダルブーケを販売するオンラインストア」）。 そして、観客が何を望んでいるかを正確に理解する方法は？



この質問に対する完全な回答には、多くのページが必要です。 著者は、顧客に問い合わせてターゲットサイトのCAを調査する方向の特定の基礎を示し、それからこのデータを使用して、それ自体がタスクに役立つデザインを作成する方法、つまり、何らかの方法で利益を得る。 しかし、著者は詳細に触れて詳細に入ることを計画していません-それらは短い記事には多すぎます。



警告 カットの下-写真のない長いテキスト。

警告2.正直なところ、著者はこれらが一般的な真実ではないと疑っていませんでした。 したがって、本文で新しいものを見つけることを期待しないでください。

非定型設計とは何か、なぜ必要なのか

「違うと思う」

精神病棟の壁の碑文



まず、誤解がないように、簡単にバーディングを扱います。 非定型設計ではないもの：

1. これは美しい概念ではなく、デザイナーと彼の2人の友人だけが理解できるものです。人々はデザインを使用し、彼らのために何が行われているのか正確に目立つはずです。
   
   
2. これは必ずしも便利なデザインではありません。利便性の概念はタスクと矛盾する場合があります。 たとえば、タスクがブランディングであり、ユーザーをサイトに保持する必要がある場合、必要な情報をすぐに見つけてページを閉じるのは間違いであり、勝利ではありません。
3. これは美しいデザインではありません。中央アジアのユーザーにとっては素晴らしいデザインです（そして、まったく好みがありません）。

非定型設計とは何ですか？ これは、特定の顧客の能力と目標に応じて特定のターゲットオーディエンス向けに作成され、同じ原則（できれば同じ人）によって作成されたコンテンツに正確に対応するデザインです。



最終目標は変わる可能性があります-イメージの改善、販売、顧客の誘致...いずれにしても、商業セグメントといえば、何らかの目標が何らかの形で利益につながると言えます。 それ以外はすべてその派生物です。 それらに基づいて特定の設計を作成する必要がありますが、一般化を決して忘れないでください。

始める前、または絶対に必要ないもの

「バイオリニスト-不要」

ワンメタル



1）顧客（または「大ボス」）の意見。 はい、これは最も難しい部分です。 多くの初心者は、顧客がウェブサイトのデザイン開発のほぼすべての段階を管理しているという事実に慣れています。 また、顧客もそれに慣れています。 問題は1つです-顧客は多くの場合、販売分野の専門家ではありません。 さらに、彼はインターネットを正しいレベルで理解していません。



あなたの仕事は、デザインが、たとえばドリルや削岩機とまったく同じツールであり、観客の心に影響を与えることのみを目的としていることを説明することです。 望ましい結果を得るために特定の壁をくり抜く方法は、専門家によって決定されます。 顧客の仕事は、この壁に何が欲しいかを説明し、利用可能なリソースに関するすべての情報を提供することです。



最終段階でいくつかの設計オプションが提供されることを顧客に安心させることができます。 彼が議論できること、彼が彼らの枠組みの中で何を変えたいか、そして彼らはこれが可能かどうかを彼に伝えるでしょう。



2）美しいものについてのあなたのアイデア。 味は絶対的な値ではありません。 あなたの意見は、あなた自身がそれに関係しない限り、将来のサイトの対象読者の意見と一致しない可能性が高いです。 恐ろしいことをする必要があるかもしれません-ユーザーを快適にするためだけです。 自分を謙虚に。



3）ターゲットオーディエンス、その好み、アイデアについてのあなたの推測。 推測は何もありません。 事実が必要です。そうでなければ、最初の段落からその顧客のようになります-そして、あなたのデザインは撮影されません。



4）しかも-作業の最初の段階では、専門的なソフトウェアは必要ありません。 ブラウザー、テキストエディター、およびスクリーンショット用のフォルダーのみ。

一次分析

「ロシアでは、少なくとも1人の優れたビジネスマン、政治家、および1人の人がすべてのキッチンに座っています」

一人の特定の政治家、ビジネスマン、戦略家



だから、それは珍しい役割で自分自身を試してみる時間です-マーケティング担当者。 主なレシピも含めて、1つの記事ですべてのレシピに言及することはありません...そして...著者は、心理学、統計、そして実際にはマーケティングに関する文献に、必要なすべてのアクションを見つけたい人を紹介します ここで、いくつかのトリックをリストし、推論して自分で新しい方法を選択できるという印象を与えます。



最初に、設計者は顧客からの簡単な答えを1つノックアウトする必要があります-サイトの目的は何ですか？ ブランディング、販売、新規顧客の獲得、古い顧客の維持？ ほとんどの場合、顧客は「すべてその他」と言います。 「すべてのマスターは何のマスターでもない」ことを説明する。 もちろん、これは常に当てはまるわけではありませんが、ほとんどの場合、学際的なサイトを作成するには、デザイナー、エンコーダー、コピーライターを含む結束力のある単一チームの努力が必要です（さらに、マーケティングに精通している全員がスキルを持っていることが望ましい）、そして莫大な予算。



二番目。 設計者は、自分が何に頼ることができるかを知らなければなりません。 顧客は視覚的な資料を持ち、どのような量と品質でいますか？ サイトで公開されるコンテンツの種類と頻度（ところで、この問題はコンテンツライターと「一緒に」解決する必要があります。そうしないと、ザリガニ、白鳥、パイクが出てきます）。 一般的に顧客とは何ですか？企業としての長所と短所は何ですか（たとえば、消費財を販売する会社のウェブサイトのデザインで製造国を強調できますか？）



三番目。 市場分析に進みます。 RuNetと外国のセグメントの両方で、このテーマに関する同様の目的で最も人気のあるサイトを見つける必要があります。 デザインを比較します。 おそらく、設計のいくつかの要因がターゲットオーディエンスにプラスの影響を与えています。 デザイナーの仕事は、「通常の」サイトにはない一般的な機能や傾向に気付くことです。 良い選択肢は、会社の仕事についてかなりの数の否定的なレビューがあるサイトを分析することです。そのようなレビューは、会社ではなくサイトが顧客を引き付けるために働いていることを意味します。



注意！ ロシア語を話すユーザーに必ずしも外国のソリューションが提供されるわけではありません。 彼らは押しのけることができます。



また、これらのサイトにあるすべての不便さ、矛盾、および不足していることに注意してください。 これは便利かもしれません。



4番目。 CAを評価する必要があります。 まず、専門のフォーラムやコミュニティを見つけて、少なくとも数日間は料理をするのがよいでしょう。 探すべきもの：

• レキシコンは、聴衆の一般的な知的レベルと心理的プロファイル、およびそれらの快適な使用法を示します（これはコンテンツの作者に役立ちます！）。
• グラフィック素材、その性質、頻度、およびそれらへの反応により、中央アジアにおける「テキスト/グラフィックス」の優先順位がどのように変化するか、観客にとってどの配色、図面のコンセプトやテーマが心地よいかについての結論を導き出すことができます。 いわば彼女の「芸術的な趣味」は何ですか。
• 最も人気のあるコミュニティのインターフェイスは、このCAのインターフェイスがどれほど複雑であるかを示しますが、Web 1.0の時代からコミュニティを犠牲にして多くのフォーラムが「慣性で」生きていることを覚えておいてください。
• 間接データに基づいて結論を導き出します。 CAは感傷的であり、「ストーブから」は非常に特殊な性質のキッチュになりやすいでしょう。 10代の視聴者にとって、攻撃性と自慢はお金よりも高価です-など。
• 中央アジアの代表であるあなたのサイトに似たサイトの批判に注意してください。 そうでない場合、誰が知る必要がありますか？
• CAが、相対的に言えば、小川、すごい要因に愛着を持っているかどうかに注意してください。たとえば、この症候群のCAは、設計上の可動要素、スライダー、カルーセルに対して非常に前向きな態度を示します。そして理解していません。

5番目。 ターゲットオーディエンスの複雑さ、およびそれらをどのように再生できるかを理解する必要があります。 最も単純な例は、中央アジアの「太った男性」です。 すべての分野で劣等感。 どうやってプレイしますか？ 太った人が自分の複合体にどのように関係しているのか、どのように自分を見たいのか、それがサイトの性質とどのように組み合わされるのかを理解する必要があります。 多くの人が自分をアスリート、ロシアのヒーローのように見たいと思っていることは明らかです。



しかし、あなたのサイトが彼らの衣服を専門にしている場合、これらの非常にヒーローの画像をデザイン要素に使用する-再び中央アジアの傷を開き、画像との矛盾を思い出させてください。 しかし、陽気で立派なジョン・ブル・チャーチル型の紳士こそがまさにその人です。



太った人にとっては簡単なように思えるかもしれませんが、人にはどんな複合体が普通ですか？ 覚えておいてください-神聖な年長者を除いて、誰もが複合体を持っています、そして彼らは彼らの聖性を確信していません。



どの女性も愛され、魅力的になりたいと思っています。 どんな人も賢くて強いです。 ビルダーはRavshanではなくCreatorになります。バイヤーは「常に正しい」、吸盤ではありません-「フリーローダーではなく、パートナー」です。



これは非常に重要なタスクです。 特別な文献を読み、共感することを学び、中央アジアの一部を感じ、同時にそれを外側から見る必要があります。 しかし、これを学べば、実際に作成したデザイン要素は、サイト自体のテキストよりも効果的です。



ターゲットを貫通した後、再び競合他社に注意を払います。 この観点で何が問題になっていますか？



6番目。 同じYandex.Directで検索クエリをチェックすると、中央アジアの欲求と願望をよりよく理解できます。 例-おいしいまたは自然な、有用な製品（顧客が生産するもの）の大部分を探していますか？ 顧客の競合他社のどれを探しており、これらの3つの要因のうち、競合製品が有名なのはどれですか？ 大多数が顧客の製品について何を求めているのかを言うことは可能ですか？



使い方は？ たとえば、背景画像は完全に異なる印象を作成できます。 著者はこのトピックに関するさらなる議論を読者に委ねます。



最初の段階を終了しましょう-可能なアクションはまだ暗いですが、読者は本質を把握しているに違いありません。 次のステップに進みます。

対処方法：推論とツール

「人が長時間頭をbeatられたら、確実に何かがうまくいきます」

すくい



それで、あなたは最初の段階に対処し、一見不必要で不安定なデータのセットを持つ一対一であることが判明しました。 それらをデザインに変えるには？



まず、（誰がテキストを作成するかとともに）サイトのアレンジの正確な目的を決定します。 これにより、訪問者がサイトをどのように通過するか、およびあなたの行動が決まります。



ブランディングとは、サイトでの遅延、最大値の表示、記憶されること、気になることではないこと、つまり関心を引くことです。 売上の増加-最小限のクリックで商品を見つけて注文する機会を提供します。 オフラインストアに引き付けたり、電話をかけたり-必要なものをすべて1ページに表示して、一目でやる気を起こさせます。 などなど...



これを決めたら、訪問者の口頭での肖像画、彼の期待を作成します。 顧客情報と比較します。 競合他社の欠点について考え、競合他社なしでデザインを作成する方法を見つけてください。 そのような予算で何ができるかを見積もります。 サイトの目的と比較してください。



これらのセットの交差領域がタスクです。



確かに、それはいくぶんあいまいで、アイデアが出てくるでしょう-互いに矛盾します。 この段階ではいくつかのツールがあります。 予算でそれらを使用できる場合は、運がいいです。



1）さまざまなアイデアに従って、いくつかの小さなプロモーションサイトを作成します。 シンプルで、幅広い機能やコンテンツはありません。 コンテンツ広告を活用してください。 ユーザーの行動を見てください。



2）前のポイントは高すぎる。 解決策はもっと簡単です。友人の中から中央アジアに精通した人を見つけてください。 設計姿勢が正常な場合-約。 その後-適切ではありません。 反応が否定的であれば、あなたはすべて正しいことをした。



3）編集段階では、サイトをレイアウトした後、ページ上のユーザーの行動を追跡するスクリプトが役立ちます。 現在、カーソル位置をほぼ追跡できる非常に複雑なシステムがあります。 人々が最も頻繁にページをクリックする場所に注意してください-このゾーンが最良の方法で表示され、最も重要なリンクとボタンがそこにプッシュされる可能性が非常に高いです。



いずれにしても、デザインを作成するときは、いくつかの一般的なルールを覚えておいてください。



1）イギリスの科学者、パルミスト、ウマによると、ほとんどの人は視覚です。 エルゴ、写真はテキストを打ち負かす。 アブストラクトはテキストの壁を打ちます。 これはすべての視聴者に当てはまります。



2）訪問者の靴に入るようにしてください-あなたはそれに取り組みましたよね？ 情報負荷を持たない要素を構築する場合でも、これから進んでください。 たとえば、ビルダーと戦士は具体的な男です。 フォームの明瞭さ、正確さ-これは彼らのためです。 反対に、「バニラ」の女の子は、丸みを帯びた角、子鹿のトーンのように...などなど。



3）CAのみが許可している場合、ワウ係数を無視しないでください。 あなたが必要とするものに注意を払い、競合他社には見られない何かが印象的です。 たとえば、珍しい視覚効果を備えたスライダーや、訪問者の興味を引くためのあまり馴染みのない方法を使用できます。



4）ほとんどの場合、訪問者は監督のマグカップ、会社の建物の写真、または他の何かに興味がありません。 彼は彼にどんなサービスが提供されるのだろうと思っています。 グーグルサイトを覚えておいてください-事件についてのすべて。 診療所のウェブサイトにある医師の写真のページにあるエルゴは、たとえば、美しく輝くが無害な「科学的なギズモ」の写真よりも有用性が低い。 ただし、外科医または歯科医の場合は、無害な（！）相貌が有益な場合があります。



5）繰り返しますが、それは記事の冒頭ですでに述べたとおりです。独創性でやりすぎないでください。インターフェイスは明確でなければなりません。



6）上記のすべてを完了し、デザインが依然として典型的な場合、中央アジアの観点から競合サイトをもう一度調べてみてください。 確かに、干渉したり、置き換えたり、改善したり、新しいものを作成したりできるポイントがあります。 特定の会社、都市、季節、タスク、ターゲットに特徴的な瞬間-あなたはそれをキャッチするだけです。

おわりに

「構築、構築...構築されていません」

ロードワーカーのモットー



お気づきのように、この記事はマニュアルではありません。 マニュアルはここには収まりません。非常に多くのニュアンス、情報収集の特定の方法、その種類があります...著者は、この記事を一連の特定の思考パターンとして検討することを提案しています。 それらを開発することで、CAの要件に基づいて設計を作成する方法を理解できるようになり、当初はソリューションとして設計されていないCAを提供することはできません。



著者にとって、この記事の避けられない結論に注意することが重要だと思われます。本当に効果的な結果が必要な場合は、サイトで作業している全員が一緒に行動する必要があります。 「デザイナーがタイプセッターに写真を送り、タイプセットしてスプレッドし、女の子秘書が内部の情報を採点する」オプションは、本当に高品質の結果を達成する必要がある場合は機能しません。



この情報が誰かに役立つことを願っています。