深刻なサイトの深刻な設計。 パート1.分析

私は記事が非常に大きいことが判明したと言わなければなりません。 私の精神で。 そのため、分析と視覚化の2つの部分に分けることにしました。 そして、論理的な継続を伴う記事がさらにいくつかあります。 最初のテキストは大量のテキストのために乾燥しているように見えるかもしれませんが、それなしでは2番目は存在できません。 したがって、あなたが本当にウェブサイトのデザインに興味があるなら、両方を注意深く読む必要があります。私は「水」を取り除き、有用なことだけを話そうとしました。







また、別の記事では設計技術について説明していますが、ウォーターフォールおよびアジャイルアプローチの詳細は考慮されていません。 ウォーターフォールを使用すると、この設計技術を変更せずに適用できますが、アジャイルを最適化する必要があります。







エントリー



この記事を書き始めてすぐに、私はすぐに家、またはショッピングセンター、オフィス、居住施設を備えた超高層ビル全体の設計との類似性を思い出しました。 このような大規模な建設では、この高層ビルの設計ですべてが考慮されるまで誰も建設作業を開始しません。 さらに、多くの要件があります:建物が正しく配置されている必要があり、素材が耐久性があり、超高層ビルが地震などに強い必要があります。 誰もが建築デザインの重要性を完全に理解しています。なぜなら、その使用の利便性だけでなく、人々の生活もそれに依存しているからです。 私は建築者ではなく、技術者でもあります。概念的なアーティストでもあり、長年にわたって大規模なサイトのコンセプトやデザインに携わってきました。 経験から言えば、大規模サイトの成功はデザインに依存していると断言できます。すべては建設とまったく同じですが、問題となるのは人々の命ではなく、サイトの成功です。 そのため、この記事では、大規模なサイトを設計する方法と理由について説明します。







まず第一に、誰がウェブサイトのデザインに関与すべきかを正確に把握しましょう。 このタイプの作業には特別な専門性があり、対応する人はデザイナーと呼ばれます。 この記事ではインターフェイスについてだけではなく、UI(UX)のようなファッショナブルな概念を意図的に使用しません。 このスペシャリストは、優れたロジック、分析マインド、非常に豊富なユーザーエクスペリエンス、起業家的(経済的)スケール、細部への注意を払う必要があります。 さらに、インターフェースとユーザビリティ、Web開発テクノロジー、マーケティング、その他多くの分野に精通している必要があります。 その過程で、設計者はもちろん、最高品質の製品を設計するために、設計者、レイアウト設計者、プログラマーなど、さまざまな専門家と相談することができます。 その結果、理想的なデザイナーのかなり広いイメージが得られましたが、「歌から言葉を排除することはできません」。







設計プロセス



以下の方法論では、理論を説明し、すぐにプロジェクトの1つの特定の段階での作業結果の実際的な例を説明します。









もちろん、この記事で説明できる以上の一般的な原則を理解すれば、プロセス自体を詳しく調べることができます。 設計は、連続した相互接続された多数のステップに分割できます。







1.要件の収集(ブリーフィング)。







ご想像のとおり、すべての設計段階は互いに関連しており、後続の各段階は前の段階に基づいて構築されています。 また、要件を収集する最初の段階があるため、どの方向に移動するかに依存するのは当然です。 通常、すべての基本情報は数日で収集できます。詳細を明確にする作業の過程で、ここでの主なことは正しい質問をすることです。







最初のもの。 プロジェクトのイニシエーターが設定する目標、最終的には何を得たいかを調べます。 さらに、この目標の達成度を評価するための基準を正確に決定する必要があります。たとえそうであるように見えるとしても、それらは必ずしも明白ではありません。 これは重要です。デザインのアクセントが作られるのはこの理解からです。









二番目。 プロジェクトの開始者に、頭の中ですべてを伝えるように依頼してください。 時間をかけて、辛抱強く耳を傾け、中断しないでください。最後に、常に自分の考えや批判を表現できます。 アイデアに熱心な人は、何時間も興奮して話すことができます。これは正常なことです。 ストーリーの後に、アイデアを要約して1つの文で述べるように彼に依頼する必要があります。これが可能であった場合、アイデアは非常に明確に表示され、そうでない場合、プロジェクトのアイデアはまだ完了していません。 一般に、プロジェクトのイニシエーターが情熱的である場合、これは一般に設計者にとって天の恵みであり、そのような人々は設計プロセスを大いに助けます。









三番目。 ターゲットオーディエンス(CA)について質問します。だれがサイトを使用するのか、どのような有用性を得るのか。 「すべてのインターネットユーザー」という答えは受け入れられません。これは、プロジェクトの開始者がこのプロジェクトの作成者を理解していないことを意味するため、その方法は明確ではありません。 これは、目を閉じてダーツをプレイする方法です。ターゲットはわかっていますが、照準を合わせる方法はありません。 この段階で、理想的には、中央アジアの標準的なパラメーター、性別、年齢、地域などを見つけます。 CAのコアを強調してください。 さらに、CAが使用するデバイスとソフトウェアを理解する必要があります。 CAとの深層作業の段階は、次のいずれかの段階になりますが、現時点では、プロジェクトの開始者がこれをどのように見ているのかを理解する必要があります。









4番目。 誰が直接および間接の競争相手であるかを調べます。 「競合他社なし」という答えは、おそらく、その人が競争環境を研究していないことを示しています。 ほとんどの場合、競合他社が存在します。 プロジェクトのアイデアが独自のものであっても、CAは既にいくつかのサイトを使用しています。つまり、少なくとも間接的な競合他社が存在します。









5番目。 締め切り、予算の制約について尋ね、意思決定者と知り合い、一般的にすべての組織の問題を見つけます。 また、すべての利益を考慮し、冷静に働くことも重要です。







多くの質問は以下の手順と交差します。最初の段階で収集された情報は、さらなる作業の基礎になります。 プロジェクトのイニシエーターのタスクを正しく理解し、正しい方向に進み始めることは非常に重要です。この段階でのエラーの代償は高すぎます。









出力では、クライアントから多くの情報を含むテキストドキュメント(簡単な説明)を取得します。 この文書は、承認のために顧客に提出する必要があります。これにより、顧客はすべてが正しく理解され、何も欠けていないことを確認します。









2.プロジェクトとクライアントの目的。







各顧客は、外部であろうと内部であろうと、独自の目標を持っています。 サイトでお金を稼ぎたい人もいれば、サイトを使用するオフライン企業の市場シェアを増やすことを考えている人もいれば、一般的には趣味になる人もいます。 さらに、プロジェクト自体の前に目標を設定することができ、同時にクライアントの目標とは異なり、クライアントのグローバルな目標(クライアントが1つのグローバルな目標を持ち、プロジェクトがグローバルな目標を達成するために必要な多くのローカル目標を達成するための目標ツリーと呼ばれる) )







設計ベクトルは目標に依存します。たとえば、クライアントは目標を立てることができます-収益性の高いビジネスを成功させるために、デザイナーはプロジェクトの収益化方法の設計に特別な注意を払う必要があり、可能であれば、サイトのビデオセクションなどの高価な機能を避ける必要があります









目標に加えて、顧客から提示された結果を提示できるように、顧客から明確な成功基準を見つける必要があります。









出力では、クライアントの目標とプロジェクトの目標の2つのリストを含むテストドキュメントを取得します。 この文書はお客様の承認が必要です。









例:







プロジェクト:ペット所有者のソーシャルネットワーク。







顧客の目標:利益を上げる







プロジェクトの目的:







  • ペットを選ぶのに役立ちます

  • ペットの問題を解決するのに役立ちます

  • テーマ別コミュニティの作成

  • テーマコンテンツのデータベースの作成

  • 関連製品の販売および購入のためのプラットフォームの作成





3. CAとキャラクター。







実際、これは対象読者の詳細な研究の段階です。 ターゲットオーディエンスが誰であるか、中央アジアのどの代表者がコアであるか、各ターゲットグループのタスクは何かを正確に理解する必要があります。









まず、CAの一般的な肖像画を作成し、4つのグループに分割する価値があります。各グループには異なる基準があり、機能とインターフェイスに影響を与える可能性があります。









社会人口学的特性:性別、年齢、教育、収入レベル、職業。 適切な基盤を築くために必要な情報。 たとえば、15〜18歳の10代のサイトは、60歳以上の高齢者のサイトとは異なります。









心理学的特性:ライフスタイル、性格特性、性格特性、人生の位置、価値体系。 基準の最初のグループよりも価値のある設計情報。 たとえば、ターゲットオーディエンスの価値が最も高いことがわかっている場合、シンプルなインターフェイスを設計し、すべてのコンテンツではなく、特定のターゲットグループにとって最も価値のあるコンテンツを受信する機会を与えたり、個人ごとにパーソナライズツールを提供することもできます。









行動特性:登録の理由、求められるメリット、競合他社の参加頻度、別のサイトに切り替える準備の程度、プロジェクトに対する態度(新規でない場合)、既存のサイトへのコミットメントなど 多くの基準が存在する可能性があるため、プロジェクト自体から開始する必要があります。 このインジケーターのグループは、設計にとって最も重要なものの1つです。 同時に、このデータの収集は非常に困難です。 この情報は、既存のプロジェクトの新しいバージョンを設計している場合、確かにそれを提供しない競合他社と一緒に、または中央アジアの調査を通じて少しずつ収集する必要がある場合、顧客にある可能性があります。









地理的特性:国、都市、地区。 まだインターネット上にあることを考えると、これは私たちにとって重要ではない基準ですが、国のサイトやジオロケーションのあるサイトを設計する際にタスクが存在する場合があり、この基準の重要性は急激に高まります。 さらに、地理的な参照がある場合、これは設計時に考慮する必要があるコンテンツに影響を与える可能性があります。







中央アジアの詳細な肖像画の後、キャラクターを進めることができます。 これは、アイデアをさらに生成するための非常に便利な手法です。 CAが一般的に誰であるかを理解した上で、将来のプロジェクトの典型的なユーザーのグループに分割する必要があります。 プロジェクトのトピックに基づいて、グループは、職業、一部の主題の所有、ニーズなどによって団結できます。 たとえば、ITスペシャリストのテーマ別ソーシャルネットワークの場合、グループには、システム管理者、プログラマー、IT会社のディレクターなどが含まれます。 デザイナーのタスクは、最大のユーザーグループ(コア)から降順でサイトのメインターゲットグループのリストを作成することです。 通常のユーザーに加えて、従業員、パートナー、広告主、その他の多くの非自明なユーザーが存在する可能性があることを忘れてはなりません。









各グループについて、典型的なキャラクター、つまり骨髄に対するこの特定のターゲットグループの典型的な代表者である架空の人物を考え出します。 理想的には、生きている人を見つけて、彼らのライフスタイルについてチャットします。 そのようなキャラクターには、名前と姓(有名人や知人を使用して知覚をゆがめないようにすることは禁じられています)、写真(VK検索で美しいプロフィール写真を見つけることができます)、年齢、居住都市、職業、婚status状況、簡単な説明が必要です活動、習慣、タスク、問題、ユーザーエクスペリエンス。 この人の説明は、彼の典型的なターゲットグループ、つまり たとえば、彼がシステム管理者であり、ITポータルを設計している場合、キャラクターの説明には、現在訪れているITポータル、彼が何をしているのか、何を望んでいるかなどの情報を含める必要があります。 私たちは狂信なしに書きます、頭で文字ごとに1000文字で十分です。 デザイナーは各キャラクターの役割に慣れ、自分の代わりに身を置く必要があります。 この情報は、ターゲットオーディエンスをよりよく理解し、次のステップで多くの有用なアイデアを生み出すのに役立ちます。









ターゲットオーディエンスを完全に理解するために、ユーザーとのインタビューを行うこともありますが、これはすでにマーケティング調査の領域です。









CAを分析するとき、知覚された認識と行動を精神的にプロジェクトに移すことができます。ここでもアイデアが現れ始め、それらを別のリストに書き出します。









出力では、中央アジアの一般的な肖像画と各ターゲットグループのキャラクターの説明の2つのドキュメントを取得します。 これらの文書は、お客様の承認が必要です。









例:







プロジェクト:ペット所有者のソーシャルネットワーク。







1.キャラクター











4.競合他社の研究。







高品質のプロジェクトを作成し、ターゲットオーディエンスに興味を持たせるには、競合他社に関するすべてを理解し、競合他社を回避する方法、弱点はどこにあるのか、そして位置を移動するのが難しい場所を理解する必要があります。 要するに-すべての競合他社よりも桁違いに優れている。 これを行うには、直接および間接の競合他社を見つけて分析する必要があります。









検索にはさまざまな方法があります。市場参加者の調査(ミニリサーチ)、さまざまな評価、市場の記事、Googleだけです。 RuNetだけでなく、インターネットの英語部分でもプロジェクトを検索することは非常に重要です。ほとんどの場合、西側部分には、似たようなまたは近いプロジェクトがあり、そこから興味深いアイデアを借りることができます。









すべての競技者は、直接および間接に分けられなければなりません。 直接的なものは、同じ市場で機能し、類似した製品(コンテンツ、機能)を提供するものであり、間接的なものは、類似した製品を持ち、プロジェクトが目指すニーズの一部を満たすことができるものです。 直接的な競合他社が既に存在することを理解した場合、これは新しいプロジェクトが市場で最初ではなく、簡単ではないことを意味します。 ここでは、競争の激しい市場でのポジショニングと識別の戦略について慎重に検討する必要があります。 デザインのマーケティング領域が影響を受けるため、ターゲットオーディエンスを「フック」する適切なアクセントを付ける必要があります。









さまざまな評価方法がありますが、古き良きSWOT分析に感銘を受け、競合他社の長所と短所、さらに重要なことにはプロジェクトの機会を見ることができます。









競合他社を分析する場合、「合理的な借入」の原則を使用できます。つまり、最も些細なタスクのために車輪を再発明するのではなく、単に借りるだけです。 これは通常、標準機能に対して行われます。 さらに、使いやすさの素晴らしい原則があります。ユーザーは既に慣れているものに精通しており、たとえば、URLを入力するためのファイルと「ダウンロード」ボタンが通常ファイルのダウンロードに使用されることを知っている場合、これは彼が期待するものですすべてのサイト。









競合他社を研究する過程で、設計中のプロジェクトのアイデアが浮かび上がる場合があります。アイデアは、マインドマップの段階用に別のリストに書き出す必要があります。 また、最初の2つの段階で最初のアイデアが生まれることがありますが、通常はそれほど多くありません。 設計段階は非常に早いので、このリストにも記載します。









少し叙情的な余談。 読者の中には、ブルーオーシャン戦略の支持者がいると思う。 無料のニッチは常に大きなプラスですが、何千もの顔を持つ非常にインテリジェントで複雑な製品を構築しているため、競合他社を分析する必要があります。したがって、競合他社の経験は明らかに余計なものではありません。彼らは多くの既成のアイデアやより良く実現できるものを持っています。









出力では、競合他社の完全な分析を含むファイルを取得します。通常、RuNetの5つの非常に人気のあるテーマプロジェクトと5つの西欧のプロジェクトで十分です。 競合他社ごとに、4つのセクションからなるSWOT分析が必要です。 そして、もちろん、開発中のプロジェクトのアイデアの最初のリストが表示されるはずです。 競合他社の分析文書は、お客様の承認が必要です。









例:







プロジェクト:ペット所有者のソーシャルネットワーク。







Runetには、少なくとも深刻な競合他社はほとんどありません。 西部のセグメントには、テーマが似ている興味深い人気サイトがいくつかあります。 主な競合他社は次のとおりです。







http://www.dogster.com/- 国際的で人気のある高品質。







http://www.dogster.ru/- ロシア語、平均的な人気、平均的な品質。







http://www.catster.com/- 国際的で人気のある高品質。







SWOTの原則に基づく競合他社の完全な分析については説明しません。ここではすべてが明確であると思います。









5.タスク-問題-ソリューション(ユーザー向け)。







昨年のキャラクターに基づいて、タスク-問題-ソリューションに進むことができます。 各人には常に、短期的および長期的ないくつかのタスクがあります。 これらのタスクのいくつかが存在する可能性があります。たとえば、人は、自分のスキルを向上させ、ローカルのスキルを向上させるという、グローバルな目標を持つことができます。 彼の目標がまだ実現されていない場合、いくつかの障害(問題)があるため、これらの目標の実現に役立つソリューションを提供できます。









まず、キャラクターごとに、彼にとって特に重要な一連のタスクを考えます。 すべてのタスクは、予測されるリソースの主題に対応する必要があります。非常に一般的なタスクは何のメリットももたらしません.1つのリソースの枠組み内では、すべての人々のすべてのニーズを完全に満たすことはできません。テーマの制限について覚えて、すべてを連続して押し出さないでください。 多くの人は、たとえば、ある人がサイトでオンライン音楽を聴く場合、私たちが設計するどのサイトでもそのような機会が必要だと考える間違いを犯します。 これは誤りです。 インターネットのすべての機能を含む理想的なポータルを作成することはできません。主要なアイデアを多くのサードパーティの機能で「ぼかし」すればするほど、それ以上のプロモーションが難しくなります。









いくつかのテーマのタスクがあるため、それぞれのタスクの下で障害(問題)を特定する必要があります。 たとえば、「請負業者を見つける」タスクには、「高品質の請負業者と低品質の請負業者を区別する方法」、「地理的に最も近い請負業者を見つける方法」、「潜在的な請負業者すべてに一度に要求を送信する方法」などの問題があります。 .d。 これをすべて行うことで、アイデア自体が思い浮かびます。ほとんどの問題には明らかな解決策がありますが、それについては以下で詳しく説明します。









タスクの問題の準備ができたら、ソリューション、将来のプロジェクトの基礎となるアイデアそのものを生成することができます。そして何よりも、それらは私たちの中央アジアの問題を解決するために作成されます。つまり、プロジェクトにとって大きな価値があります。









出力は、すべてのキャラクターから収集された問題-問題-解決法の3つの列を持つピボットテーブルを持つファイルである必要があります。 この表では、キャラクターにバインドを作成できるため、後でこのドキュメントに戻って改良する機会がありました。 当然、この文書は顧客に承認される必要があり、さらにこの段階で、顧客は非自明な解決策を提案できます。









例:







プロジェクト:ペット所有者のソーシャルネットワーク。







2.タスク-問題-ソリューション











6.行動のシナリオ。







この段階は、ロジックのエラーを特定し、ソリューションの優先順位付けと改善を行うように設計されています。 このメソッドを適用するには、キャラクターの画像に慣れ、目標を達成し、潜在的な行動シナリオ(アクションのシーケンス)を検討する必要があります。 これは、すべてのキャラクターの各目標で実行する必要があります。 スクリプトは特別な文書に記録する必要があります。









スクリプトを作成することで、アイデアの欠陥を特定できます。 たとえば、オンラインストアで製品カードを設計する場合、デザイナーは同じ製品のさまざまな変更を選択する機能を忘れることがあります。これは、ストアがこれなしで機能することはできますが、大きな欠点があります。 デザイナーは、「X」モデルを購入するためのシナリオを作成します。メインページに移動し、カタログセクションを選択し、目的の製品を選択し、「X」モディフィケーションを選択します。ここで、プロジェクトでモディフィケーションを選択する可能性はなく、改善する必要があることを理解しています。









欠点に加えて、ロジックのエラーを見つけることができます。 たとえば、店舗を設計するとき、デザイナーは標準的な注文を行うことができます。個人データの入力、支払い、配送(注文は偶然に選択されました)。 次に、シナリオを作成します。製品を見つけて「購入」をクリックし(シナリオの最初の部分を短くしました)、チェックアウトページで個人データを入力し、電子マネーで支払いを行い、配送方法を示します...これは論理的な間違いです! 配達は支払われ、注文の価値に影響を与える可能性があります。つまり、配達ステップは支払前でなければなりません。









インターフェースのプロトタイプが最終的にアイデアの正しさを検証する準備ができたら、この段階に戻ります。









その結果、多くの行動シナリオと、改善された古いアイデアと新しいアイデアを含む特別なドキュメントがあります。









例:







プロジェクト:ペット所有者のソーシャルネットワーク。







目的:犬を選ぶ







シナリオ:メインページに移動し、Zoopediaセクションを見つけ、動物と品種の見出しがあるセクションのメインページに移動し、一般情報のある特別なセクションに移動し、一般情報セクションに移動します。記事に行き、それを読みます。記事の終わりに「Read also」ブロックが表示されます。このブロックでは、さらに詳細な情報を含むいくつかの記事が表示され、3種類の犬の予備選択が行われ、メインのZoopediaに移動して詳細のページが開きます それがこの品種の売り手を見るためにリンクしたページのそれぞれに選択された岩の情報は、最終的に選択を決定し、店に入ります。







このスクリプトを作成する際に、アイデアが考案されました。Zoopediaのルブリケーター、「Read also」ブロック、特定の品種のページの売り手へのリンク。









第2部では、マインドマップ、サイト構造、プロトタイピング、ユーザビリティテスト、および技術仕様について説明します。 各セクションには視覚的な実用例があります。



コメントで質問することができます。



PS例で示したペット所有者のソーシャルネットワークの下で、投資家または購入者を探しています。 サイト上の連絡先のアドレス。









PPS新しい記事を他の記事よりも早く受け取るため、または単に新しい出版物を見逃さないために-FacebookVKTwitterで購読する









PPPSまもなく、Digitovビジネススクールでコースが開始されます 。 今すぐコースを購読すると、割引価格で購入できます。









元の記事はこちら: http : //seclgroup.ru/article-serjoznoe-proektirovanie-serjoznix-saitov.html



投稿者

ニキータ・セメノフ( FacebookVKLinkedIn

CEO

SECL GROUP /インターネットセールステクノロジー



All Articles