japan.internet.com The Internet & IT Network


RSSニュース検索
カテゴリ
> トップページ
> Webビジネス
> Eコマース
> Webファイナンス
> Webマーケティング
> パブリック
> Webテクノロジー
> 携帯・ワイヤレス
> Linux Today
> Linux Tutorial
> J.I.C.ブログ
キャリア
> 転職ならen
> 派遣ならen
> アルバイトならen
> IT求人情報
ヘッドライン
> 今日のヘッドライン
> 週間ヘッドライン
Special Link
> フォトコミュニティ
> ストックフォト
> クリップアート
> イラスト
> フェリカ
> Web2.0
> 写真
イベント&セミナー
> イベントカレンダー
> 書評「IT の耳」
> 出張・接待検索
> ニュースガジェット 注目
無料ニュースメール
> 新規登録
> 変更・解除
> オプトインメールの登録・変更・解除
インフォメーション
> パートナーサイト
転職ならエン
就職ならen
求人ならen
履歴書ならen
アルバイトならエン
CRM/SFAならオラクル
> グループ会社
株式会社アエリア
(株)サンゼロミニッツ
株式会社エアネット
> お問い合わせ
> 広告掲載について
> リンクについて
> 著作権について
> その他お問い合わせ
> 利用規約
> 個人情報保護方針
> 会社概要地図
コラム コラム一覧へ戻る

ビービット ビービット
ユーザビリティ向上に特化したコンサルティング会社。実績は日本生命、日経新聞、富士通、SMBC、ヤフーなど。

 メール  著者にメールする
 ホーム  http://www.bebit.co.jp/

最新コラム

ウェブ制作の効率化【前編】

著者: ビービット プリンター用 記事を転送
2003年6月16日 00:00 付の記事
□国内internet.com発の記事

皆さんはウェブサイトを作る際、どのような手順を取っていらっしゃいますか?

「まずはサイトマップを作る」「ラフに HTML を組んで実際に近い状態にして想像を膨らませる」等、色々なやり方があると思われます。

制作手順に正解はありませんが、今回はウェブ制作の効率化や質の向上に直結するおすすめの方法をご紹介します。

■ 紙の設計書を作ろう
サイトのコンセプト(目的やユーザ等)が決まり粗い要件定義が終わったら、いよいよ制作に入るのですが、ここで重要なのは、いきなり HTML を組んだり、デザインをしてしまわないということです。また、「ユーザが欲しい情報は何か?」と時間をかけて考えすぎるのもよくありません。

その代わりに、手書きでもパワーポイントでも良いので、どんな情報を提供しようとしているのか、設計書を書きます。この時、あまり細かい文章までは書き込まず、まずはどのエリアにどんな情報が入るのか分かるレベルにしておきます。

作ろうとしているページの大部分の設計書ができたら、それをプリントアウトして持ち歩き、会社の同僚、知人、友人、家族などに見せて「これこれの状況で、このサイトに来たら、どれを見る?」といった意見収集を行います。これは「ペーパープロトタイピング(アーリープロトタイピングとも呼ばれる)」と言う手法ですが、これを行うと多くの修正点を見つけることができます。

■ 検証を繰り返す
この意見収集をもとに、設計書を修正し、また意見収集をする。このプロセスを3〜5回繰り返しながら、徐々に設計書を詳細化していき、設計書が固まったら実際のシステム化のプロセスに入るのです。

要は、ひとり(もしくはメンバーと)悶々とコンテンツを考えたり、いきなり HTML を組んだりするより、ラフに作っては意見を聞くというプロセスを繰り返す方が、時間がかからずにユーザニーズを反映できて効率的ということです。

ではなぜ紙の設計書なのか、またどうして効率的なのかその理由は次回、詳しくみていくことにします。(記事提供:ビービット

記事提供:ビービット



過去コラム集
ウェブサイトにおけるブランドって何?
マナーとしてのアクセシビリティ
検索エンジン対策の本質
ブロードバンドだからこそ、ページは軽く、テキスト中心に
シニア向けサイト構築【後編】
シニア向けサイト構築【前編】
【コラム】ブロードバンド時代のウェブサイト
海外のインターネットコム アメリカ韓国ドイツトルコ
関連企業のサイト:ストックフォト イラスト ネットストリート ホテル予約サイト タウン情報 出張 事業継承 シミュレーション トランクルーム 優待映画チケット 田舎暮らしガイド オリジナルデザインTシャツ ニタコエ
Copyright 2008 Jupitermedia Corporation All Rights Reserved. http://www.internet.com/
space.gif space.gif