新しいWebサイトを計画および開発するための一般的なプロセスは何ですか?


10

私は主にソフトウェア開発に焦点を合わせた代理店で働いていますが、マイクロサイトが私たちのソリューションの1つに付属していて、それを構築する必要がある場合があります。

これらのWebサイトを作成するプロセスを定義しようとしていますが、各タスクが一般的に実行される順序がわかりません。特に、コピー/静的コンテンツを書き込む必要がある時点を特定しようとしています。

静的コンテンツの作成、デザイン、ワイヤーフレーミング、キーワードの定義、SEO、コーディングなどのタスクを考えることができます。しかし、どの順序で取り組むかはわかりません。


スケッチが最良のスタートです。
SaturnsEye

デザイナーがとる概要を知りたいですか?もしそうなら、スコットの答えは正しいと思います。または、クライアントが取るべきであるように、あなたはあなたに概要を望みますか?もしそうなら、私は言及することができるいくつかのポイントがあると思います。
ライアン

回答:


7

私にとって、多くの領域がある程度重複する可能性があります。

  • スケッチ、ワイヤーフレーム、メモ、ディスカッション、予算などでニーズを定義します(最初に来る必要があります)

  • ワイヤーフレーム-コンテンツはここに書き始めるか、少なくとも概説することができます。コンテンツのサイズの大まかなアイデアは、ワイヤーフレーミングに役立ちます。そのため、実際の記述とワイヤーフレーミングは、いくらか組み合わせることができます。

  • ワイヤーフレーム承認

  • コンテンツの仕上げ-初期の設計ラフはここから開始できますが、静的コピーが完了するまで完成させることはできません。

  • コンテンツの承認

  • デザイン/キーワード/コーディングを完成させる-デザインが具体化されるときにキーワードを把握することができます。作業習慣によっては、設計を完成させるためにコーディングを開始する場合があります。

  • 設計承認

  • 仕上げコーディング/ SEO-コーディングとSEOは密接に関連しています。ご存知のように、SEOを念頭に置いてコーディングすると同時に、外部のSEO戦略などを計画し始めます。

  • コード承認

  • 継続的なSEO /メンテナンス。


1
オーバーラップはプロセスの最良の部分です。チームで作業している場合は、ワイヤーフレームとコンテンツを同時に開発でき、ワイヤーフレームが完成したらすぐに(個別に)コーディングと設計を開始できます。もちろん、コンテンツ全体を調整することもできますが、進化するコンテンツと密接に連携しながら、SEOをもっと早く開始します。
Blazemonger、2014年

5

私のプロジェクトワークフローは通常、次のように機能します。

  1. クライアントと会って要件を収集する(必要なものを決定する)
  2. 使用するバックエンド戦略を決定する(プログラミング言語、プラットフォームなど)
  3. ワイヤーフレームを作成して、サイトまたはアプリケーションがどのように機能し、基本的な要素がどこに行くのかを概説します
  4. クライアントとのワイヤーフレームのレビュー
  5. デザインのモックアップ-これらはHTML / CSSモックアップであるか、IllustratorまたはPhotoshopでデザインされた画像です。
  6. クライアントとモックアップを確認する
  7. クライアントのフィードバックに基づいてモックアップを編集する
  8. 実用的な製品を作成する

理想的には、クライアントはプロセスのできるだけ早い段階で実際のコンテンツを取得しますが、実際にはそれが後の時点で発生する可能性があります。多くのWebベースのアプリケーションを作成しているので、要件の段階で基本的な機能を決定し、それらを念頭に置いて設計することに注意します。


2

ブログから情報を得た

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

ここに画像の説明を入力してください

  1. 学ぶ

    学ぶこと-最初に構築する必要のあるものを発見して理解すること-は、
    Webサイトの設計プロセス全体の中で最も重要な部分であることは驚くに値しません。

  2. クリエイティブブリーフ

    この情報は、自分とクライアントが最も快適な方法で取得する必要があります。ただし、クリエイティブブリーフはプロジェクトの生命線となるため、スキップしないでください。

クリエイティブブリーフでどのような質問をする必要がありますか?少なくとも、次のことを確認してください。

  • クライアントの対象者
  • ウェブサイトの主な目的と副次的な目的
  • 現在のブランド特性予算
  • 彼らが満たす必要のある締め切り

3. 計画

何を構築する必要があるかがわかったら、それを実現する方法を計画するときが来ました。ウェブサイトのデザインを始める前に、まず何をどのようにデザインするかを正確に理解しておく必要があります。すべてはデザイン戦略の作成から始まります。

4. デザイン

設計を開始する準備ができたら、ホームページだけではなく、設計する必要があることを覚えておいてください。サイトのサブページのデザインも必要です。ホームページのコンセプトをデザインし、スライスしてコーディングを開始するのは簡単な場合があります

5. コード

キラーデザインを作成したら、それを実際のライブWebサイトに変える必要があります。安全な賭けは、どのコンテンツ管理システムを使用する場合でも、一般的なHTMLとCSSから始めることです。

6. 起動

ようやくサイトを完成させたら、公開するときです。立ち上げは、主にさまざまなコンテンツ管理システムや開発環境が存在するために、人々によって異なることを意味する可能性があります。

7. 維持する

計画フェーズでは、サイトのメンテナンスを担当する担当者を決定しておく必要があります


はい、ユーザーが述べたとおり、使用した参照をサイトに掲載してください。そうしないと、コミュニティによって回答が反対投票される可能性があります。
–DᴀʀᴛʜVᴀᴅᴇʀ

1

これは役立つかもしれません。いくつかの優れたWebデザイン原則があります

googleハンドブックウェブの基礎

このハンドブックは、マルチデバイスWeb開発のための包括的なリソースです。したがって、4つのカテゴリに分かれています。

マルチデバイスレイアウト—固定されていない柔軟なレイアウトを作成し、それらがどのデバイス上にあっても優れたエクスペリエンスを提供します

画像とビデオ—画像、オーディオ、またはビデオを組み込んで、画像をレスポンシブにする方法、ビデオを追加する方法、レガシープラットフォームの代替手段を提供する方法を学びます。現在開発中のオーディオ

フォームとユーザー入力—タッチやその他のジェスチャーに応答するセマンティック入力タイプと要素を使用するフォームを作成します。

パフォーマンスの最適化— HTMLおよびCSSからページを構築する方法をブラウザーオブジェクトモデルについて学びます。データの配信を最適化するための他のページルールと推奨事項があります

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.