<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>東大島に暮らすWEBディレクターブログ &#187; WEB制作</title>
	<atom:link href="http://web-dire.net/tag/web%e5%88%b6%e4%bd%9c/feed" rel="self" type="application/rss+xml" />
	<link>http://web-dire.net</link>
	<description>WEBと音楽に関連した情報ブログです。WEB情報を中心でSEO・Wordpress関連と好きな音楽の情報を発信していきます。</description>
	<lastBuildDate>Tue, 07 Sep 2010 03:44:41 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-dire.net/tag/web%e5%88%b6%e4%bd%9c/feed" />
	<atom:link rel='hub' href='http://web-dire.net/?pushpress=hub'/>
		<item>
		<title>【直線型（Linear）】　情報を構造化　その１</title>
		<link>http://web-dire.net/archives/1427</link>
		<comments>http://web-dire.net/archives/1427#comments</comments>
		<pubDate>Mon, 15 Jun 2009 11:13:10 +0000</pubDate>
		<dc:creator>takashi</dc:creator>
				<category><![CDATA[WEB]]></category>
		<category><![CDATA[WEB制作]]></category>

		<guid isPermaLink="false">http://web-dire.net/?p=1427</guid>
		<description><![CDATA[WEBサイトと一口に言っても、個人ブログから企業サイト、あるいは大規模なコミュニティサイトまで、多様なWEBサイトが存在しています。 公開するコンテンツの「内容」 ・ 「目的」 ・ 「ページ数」 ・ 「参加するユーザー数」などの条件は、個々のWEBサイト毎に異なるのです。 WEBサイトを制作するためには、このような多様な形態から、最も目的にあったパターンを選ぶ、情報設計が不可欠です。 【直線型（Linear）】 そのサイトの目的が明確で、ゴールがはっきりしている場合に有効です。 例えばキャンペーンの告知と申し込み用のサイトなど。 ユーザーはいくつかのステップを経由して、最終的な目的を達成する。 ECサイトなどは、階層型と直線型の組み合わせで、商品の発見は階層型だが、その後の購入までのステップは直線型になる。]]></description>
			<content:encoded><![CDATA[<p>WEBサイトと一口に言っても、個人ブログから企業サイト、あるいは大規模なコミュニティサイトまで、多様なWEBサイトが存在しています。<br />
公開するコンテンツの「内容」 ・ 「目的」 ・ 「ページ数」 ・ 「参加するユーザー数」などの条件は、個々のWEBサイト毎に異なるのです。<br />
WEBサイトを制作するためには、このような多様な形態から、最も目的にあったパターンを選ぶ、情報設計が不可欠です。</p>
<p>【直線型（Linear）】<br />
そのサイトの目的が明確で、ゴールがはっきりしている場合に有効です。<br />
例えばキャンペーンの告知と申し込み用のサイトなど。<br />
ユーザーはいくつかのステップを経由して、最終的な目的を達成する。<br />
ECサイトなどは、階層型と直線型の組み合わせで、商品の発見は階層型だが、その後の購入までのステップは直線型になる。</p>
<p align="center"><img src="http://webvisi-cre8.sakura.ne.jp/img/linear.jpg" alt="【直線型（Linear）】　情報を構造化" border="0" /></p>
<div style="float:left;margin:0px 0px 0px 0px;"></div>]]></content:encoded>
			<wfw:commentRss>http://web-dire.net/archives/1427/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-dire.net/archives/1427" />
	</item>
		<item>
		<title>ワークフローの概要</title>
		<link>http://web-dire.net/archives/1125</link>
		<comments>http://web-dire.net/archives/1125#comments</comments>
		<pubDate>Mon, 27 Apr 2009 15:07:56 +0000</pubDate>
		<dc:creator>takashi</dc:creator>
				<category><![CDATA[WEB制作]]></category>

		<guid isPermaLink="false">http://visicre.sakura.ne.jp/?p=1125</guid>
		<description><![CDATA[ホームページが完成するまでには、本来はいくつもの段階を踏み、時間をしっかりかけて作成していくのが基本なのです。 それに対して必要なのが、WEB制作に必要なワークフローなのです。 ホームページは、ただ見た目だけ良いものを作るのが一番良いわけではないのです。 自己満足なデザインを作って、イケサイに掲載されても誰のためのホームページなのかを依頼者は考えさせられることでしょうね。 ですが、目的に応じたホームページを作成できるか、期待する効果を本当に得られることは難しいのです。 ワークフローは、各フェーズに分けて決めるべきことを決めていくべきなのでとても重要な段階なので、手を抜いてはいけません。 決してすべての項目をやらなければならないわけではないが、依頼者（クライアント）が目的としている成果物やユーザーに対して効果的なものかどうかをはっきりしていれば制作者と依頼者の間では問題は起きないでしょう。 【サイト制作の流れ】 １．ヒアリング 　↓ ２．プランニング 　↓ ３．コンテンツ企画 　↓ ４．サイトマップ作成（構成） 　↓ ５．仕様決定 　↓ [...]]]></description>
			<content:encoded><![CDATA[<p>ホームページが完成するまでには、本来はいくつもの段階を踏み、時間をしっかりかけて作成していくのが基本なのです。<br />
それに対して必要なのが、WEB制作に必要なワークフローなのです。</p>
<p>ホームページは、ただ見た目だけ良いものを作るのが一番良いわけではないのです。<br />
自己満足なデザインを作って、イケサイに掲載されても誰のためのホームページなのかを依頼者は考えさせられることでしょうね。<br />
ですが、目的に応じたホームページを作成できるか、期待する効果を本当に得られることは難しいのです。</p>
<p>ワークフローは、各フェーズに分けて決めるべきことを決めていくべきなのでとても重要な段階なので、手を抜いてはいけません。<br />
決してすべての項目をやらなければならないわけではないが、依頼者（クライアント）が目的としている成果物やユーザーに対して効果的なものかどうかをはっきりしていれば制作者と依頼者の間では問題は起きないでしょう。</p>
<p>【サイト制作の流れ】<br />
１．ヒアリング</p>
<p>　↓<span id="more-1125"></span></p>
<p>２．プランニング</p>
<p>　↓</p>
<p>３．コンテンツ企画</p>
<p>　↓</p>
<p>４．サイトマップ作成（構成）</p>
<p>　↓</p>
<p>５．仕様決定</p>
<p>　↓</p>
<p>６．詳細情報決定</p>
<p>　↓</p>
<p>７．インターフェース設計</p>
<p>　↓</p>
<p>８．コンテンツ整理</p>
<p>　↓</p>
<p>９．デザイン手にアン（ガイドラインの作成）</p>
<p>　↓</p>
<p>１０．制作・実装・テスト</p>
<p>　↓</p>
<p>１１．納品・運用</p>
<p>このフェーズをこなす時間を与えてもらえない案件もあると予想されるので、短い期間で全てをやろうとするとかなりディレクター泣かせですね。<br />
ポイントを得て入れさえすれば問題のだと思われます。</p>
<div style="float:left;margin:0px 0px 0px 0px;"></div>]]></content:encoded>
			<wfw:commentRss>http://web-dire.net/archives/1125/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-dire.net/archives/1125" />
	</item>
		<item>
		<title>WEBサイト制作の流れ</title>
		<link>http://web-dire.net/archives/704</link>
		<comments>http://web-dire.net/archives/704#comments</comments>
		<pubDate>Sat, 28 Feb 2009 12:53:58 +0000</pubDate>
		<dc:creator>takashi</dc:creator>
				<category><![CDATA[WEB制作]]></category>

		<guid isPermaLink="false">http://visicre.sakura.ne.jp/?p=704</guid>
		<description><![CDATA[ホームページ制作会社というは、ホームページのデザインやHTMLで作れるのはもちろんのことです。 そして、決してきれいに作るだけではなく、WEBをどのように活用するのかを提案し、それを形にするのが仕事だと思います。 制作するにあたっての「受注」から「公開」までを４つに分けてみます。 「現状把握」 　　　↓ 「戦略策定」 　　　↓ 「サイト設計」 　　　↓ 「サイト制作 ・ テスト」 大きく分けるとこのようになります。 ■現状把握　「今、何が起きているのかの洗い出し」 ・クライアントへのヒアリング ・自社、他社サイトの調査 ・アクセスログ分析 ・アンケート実施 [...]]]></description>
			<content:encoded><![CDATA[<p>ホームページ制作会社というは、ホームページのデザインやHTMLで作れるのはもちろんのことです。<br />
そして、決してきれいに作るだけではなく、WEBをどのように活用するのかを提案し、それを形にするのが仕事だと思います。</p>
<p>制作するにあたっての「受注」から「公開」までを４つに分けてみます。</p>
<p>「<strong>現状把握</strong>」</p>
<p>　　　↓</p>
<p>「<strong>戦略策定</strong>」</p>
<p>　　　↓</p>
<p>「<strong>サイト設計</strong>」</p>
<p>　　　↓</p>
<p>「<strong>サイト制作 ・ テスト</strong>」</p>
<p>大きく分けるとこのようになります。</p>
<p><strong>■現状把握　「今、何が起きているのかの洗い出し」</strong><br />
・クライアントへのヒアリング<br />
・自社、他社サイトの調査<br />
・アクセスログ分析<br />
・アンケート実施<br />
・グループインタビューの実施<br />
・コスト管理<br />
・進捗管理</p>
<p>　　↓</p>
<p><strong>■戦略策定　「サイトの方向性、基本設計の立案」</strong><br />
・サイト戦略の立案<br />
・サイト基本チャート作成<br />
・ターゲットの設定ユーザシナリオの設定<br />
・コンテンツプランの作成</p>
<p>　　↓</p>
<p><strong>■サイト設計　「サイト製s買うの使用作成と素材収集」</strong><br />
・ナビゲーション設計<br />
・ワイヤーフレームの作成<br />
・現行・画像素材の収集<br />
・表記仕様書の作成<br />
・コンテンツリストの作成<br />
・デザイン仕様書の作成<br />
・HTML仕様書作成</p>
<p>　　↓</p>
<p><strong>■サイト制作 ・ テスト</strong><br />
・実制作<br />
・テスト</p>
<p>　　↓</p>
<p><strong>■公開 ・ 納品</strong></p>
<div style="float:left;margin:0px 0px 0px 0px;"></div>]]></content:encoded>
			<wfw:commentRss>http://web-dire.net/archives/704/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-dire.net/archives/704" />
	</item>
		<item>
		<title>制作ワークフロー</title>
		<link>http://web-dire.net/archives/676</link>
		<comments>http://web-dire.net/archives/676#comments</comments>
		<pubDate>Mon, 23 Feb 2009 14:04:45 +0000</pubDate>
		<dc:creator>takashi</dc:creator>
				<category><![CDATA[WEB制作]]></category>

		<guid isPermaLink="false">http://visicre.sakura.ne.jp/?p=676</guid>
		<description><![CDATA[Webサイト制作を進めるにあたり、予算やスケジュール、コンテンツに合わせてワークフローを工夫することで、作業を効率よく進めることができる場合もあります。 Webに限りませんが、制作のワークフローは大きく分けると２つに分類することができます。 ■１つ目は、「ウォーターフォール」です。 オリエンテーションからローンチまで基本的には一方的な流れで進みます。 なので、現在の進捗が非常に分かりやすいのが特徴となっています。 一般的なサイト制作は、この流れで進めています。 ■２つ目は、「スパイラル」です。 スパイラルは、「要件分析」・「設計」・「実装」・「テスト」という一連の流れを繰り返しながらサイトを徐々に完成へと近付けていく方法です。 コンセプトやデザインを最初から固めていくウォーターフォールとは違い、ラフ案として施策画面を作成してはテストをし、フィードバックをするという作業の繰り返しとなります。 ユーザーの声やクライアントも徐々に作成していけるので、意見が通しやすいかと思いますが、終わりが見えにくく、作業量としても見積もりづらいのが特徴のようです。 実際には、システム案件が近いように思われます。]]></description>
			<content:encoded><![CDATA[<p>Webサイト制作を進めるにあたり、予算やスケジュール、コンテンツに合わせてワークフローを工夫することで、作業を効率よく進めることができる場合もあります。</p>
<p>Webに限りませんが、制作のワークフローは大きく分けると２つに分類することができます。</p>
<p>■１つ目は、「ウォーターフォール」です。<br />
オリエンテーションから<a href="http://visicre.sakura.ne.jp/?p=678">ローンチ</a>まで基本的には一方的な流れで進みます。<br />
なので、現在の進捗が非常に分かりやすいのが特徴となっています。<br />
一般的なサイト制作は、この流れで進めています。</p>
<p>■２つ目は、「スパイラル」です。<br />
スパイラルは、「要件分析」・「設計」・「実装」・「テスト」という一連の流れを繰り返しながらサイトを徐々に完成へと近付けていく方法です。<br />
コンセプトやデザインを最初から固めていくウォーターフォールとは違い、ラフ案として施策画面を作成してはテストをし、フィードバックをするという作業の繰り返しとなります。<br />
ユーザーの声やクライアントも徐々に作成していけるので、意見が通しやすいかと思いますが、終わりが見えにくく、作業量としても見積もりづらいのが特徴のようです。</p>
<p>実際には、システム案件が近いように思われます。</p>
<div style="float:left;margin:0px 0px 0px 0px;"></div>]]></content:encoded>
			<wfw:commentRss>http://web-dire.net/archives/676/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-dire.net/archives/676" />
	</item>
	</channel>
</rss>
