Web Site Design Vol.6

[表紙]Web Site Design Vol.6

2002年11月28日発売
B5判/192ページ
定価1449円(本体1380円)

今号の特集概要

特集1
作り手の自由? 使い手の自由!
~人とウェブのやりとりのデザイン~

テーマは「インタラクション」。つまり,人とウェブの「やりとり」です。リンクをクリックしたら新しいページが表示されるのもその一例で,いわばウェブの基本です。が,これが意外にむずかしく……。どうすればわかりやすくて気持ちのよい「やりとり」をデザインできるか? 基本となるのは,作り手の都合ではなく,使い手の都合を最優先し,使い手の自由を確保すること,です。具体例とともにいくつかのポイントを紹介します。

特集2
~機能的な配色がわかる「色づかい」リファレンス~
Webデザイン 色の“はたらき”事典

好評の配色事典シリーズ,今回は色の“はたらき”についてです。色には大きく分けて2つの役割があります。1つは印象(美しい見た目やイメージ)を生み出す役割。もう1つは機能(読みやすさ,分類,意味付け)を生み出す役割です。それぞれどの場面でどんな点に注意すれば,効果的に色を使いこなせるのか,項目ごとにリファレンス形式でまとめました。

特集3
ユーザー・ニーズからの情報設計

日々増えつづけるサイトの情報を整理分類することに追われるあまり,実際のユーザーがサイトで何をしたいのか,忘れられがちになっていませんか? 情報を整理分類する前に考えるべきこととは何でしょうか?そもそも整理分類の根拠はどこにあるのか,ユーザーの視点を把握するとはどういうことか,そしてユーザーのニーズに合わせた情報設計の方法と実例を解説します。

シリーズ企画
もっとやさしく もっとわかりやすく ペンシルの舞台裏
サイトデザインの舞台裏

福岡を舞台に活躍するペンシルがつくるウェブサイトは,けして派手だったり最先端だったりするわけではありません。しかし,徹底的にユーザーの立場になり,本当に必要とされる情報を確実に届ける……そんな“やさしく,わかりやすい”サイトを追求するペンシルの舞台裏です。

一般記事
あなたのサイトにも検索機能を

常に発展・成長を続けるウェブサイトで,ユーザーに対してショートカットの1つとして提供できるのが,全文検索機能です。あなたのサイトに全文検索エンジンを導入する際に役立つ基礎知識をまとめました。

一般記事
システムとしてのガイドライン

前号でも紹介した「コンテンツ・マネジメント・システム(CMS)」。アメリカさんではすでに一般的なこの考え方ですが,実はなかなかわかりにくいもののようなので,もう一度取り上げます。今回は,ウェブの制作・運用に欠かせない紙版ガイドラインをシステムとして組み込んだもの,それがCMSである,という視点から説明します。

目次

特集
作り手の自由? 使い手の自由!
~人とウェブのやりとりのデザイン~

  • インタラクションデザインのススメ……上野学
  • ユーザーをコントロール? ユーザーがコントロール!……上野学
  • 事例で見るインタラクションデザイン……上野学
  • ゴールへと導くやりとり……編集部
  • コラム:やりとりが続かない!……渡辺恵太

特集2
~機能的な配色がわかる「色づかい」リファレンス~
Webデザイン 色の“はたらき”事典……シーズ

  • 「色のはたらき」基礎知識
  • 「色のはたらき」リファレンス:A.機能を生み出す
  • 「色のはたらき」リファレンス:B.印象を生み出す

特集3
ユーザー・ニーズからの情報設計……佐藤伸哉

  • 1:本当のユーザーは誰?
  • 2:何を根拠に分類するか?
  • 3:ユーザーを把握する
  • 4:ユーザー・ニーズを明確にする
  • ケーススタディ:ユーザーのふるまいが設計を決める
     ~「カーセンサーnet」(取材・文/編集部)

シリーズ企画
サイトデザインの舞台裏

  • もっとやさしく もっとわかりやすく ペンシルの舞台裏……ハーシー

一般記事

  • あなたのサイトにも検索機能を……上田麦文
  • システムとしてのガイドライン……松田孝

連載

  • ノンプログラマーのためのスクリプト講座 JavaScript編 ~ロールオーバー画像のプレロード~……古籏一浩
  • だれもが使えるWebをめざして ~手の不自由な人はどうやってWebを使う?~……竹田英雄+濱田英雄
  • CSSへの招待 ~余白・枠・背景(その1)~……牛田啓太
  • いつかは役に立つかもしれないわりと基本的な話 ~「1つの計算機」って何?~……遠山緑生
  • アプリケーションワンダーランド
    ・Flash アプリだけじゃ表現しきれない「アニメーション」基礎の基礎……まつむらまきお
    ・Dreamweaver DreamweaverMXの道具としての使い勝手……佐藤好彦
    ・GoLive 変数機能で見出し画像を効率的に作ろう……向井領治

連載コラム

  • Webディレクターの独り言 ~RFPのススメ~……バンザイヒロアキ
  • 閑話休題 ~なぜアクセシビリティに取組んだのか?~……中村亘
  • インターネットの現場から
    ・毎日新聞ユニバーサロン ~映像のバリアフリーを目指して~……岩下恭士
    ・W3C ~勧告という名の合意のもとに~……平川泰之
    ・もじら組 ~サイドバーって知っていますか?~……中島紀之
  • デザインの定石 ~IAの仕事~ウェブサイトの処方箋~……谷口正人

アラカルト

  • News&Products
  • Book Review

巻頭Editorial PR

  • ビジネスを優位に導く,ホスティング・サービス活用徹底検証