心理学の一分野に、選択行動解析というものがあります。人間が何かを選択するときに、どういう思考プロセスをたどるか研究する、というものです。

Web制作における情報設計を行う上で、知っておいても損は無いと思うのでちょっと取り上げてみたいと思います。

人間の選択行動と選択肢集合形成過程

細かな議論はここでは割愛してざっくりと結論だけ述べると、「人はものを選択するときに、まずは直感的に2つか3つの候補（これらを選択肢集合と呼ぶ）を選び、じっくり比較するのはその中に限られる」らしい、という有力な仮説があります。

もちろんこれは、たとえばサーバを選択する時のように明確な基準が決まっている場合や、職務上全ての選択肢について詳細な検討をしなければならない場合には当てはまりません。あくまで一般的、日常的な選択行動に限ったお話です。とはいえ、購買行動のほか経路や目的地の選択など、かなり幅広い分野で同じような結果が報告されています。

Web制作に応用できること

Web制作においては、ECなど直接関係のする領域はもちろんありますが、それ以外についても下記の二つの点を頭の隅においておくといいんじゃないかと思います。

それは、人間の頭はそう多くの選択肢を比較検討できるようにはできていないということと、直感的に選択肢を絞る時にも、なにかしらの手がかりが無ければ上手く絞込みを行うことができないということです。

一般にユーザビリティの議論がされるときには、「目的のある利用者」が「特定のコンテンツを探す」場合に、いかにストレス無く目的のコンテンツにたどり着くことができるかという問題が前提になることが多いと思います。

ただ、実際には（明確な）目的がなく来る人を前提にするコンテンツも存在します。ECだと、サイトを見ながら商品を選ぶ場合なんかそうですし、CGMサービスは一般的にそうでしょう。

そういうときに、この直感的絞込み（選択肢集合の形成、専門用語で非保障型の選択行動といいます）を行いやすいような見せ方をしておくか、もしくは最初から選択肢が3つ程度に絞り込まれるようなナビゲーションを用意しておくと、利用者のストレスが小さくて済みます。

もちろん、利用者によってどのような情報をより重視するのかは違いますが、そういったことが状況が想定しきれない場合であっても、情報がちゃんと読まれた上で選択されるのではなく、まずは直感的な選別の対象になるのだということを知っていれば、デザインだけでなく文章の表現なども変わる部分が出てくるのではないでしょうか。

また折をみて詳しい事例のお話なども書けたらと思います。

ふるしょうです。Blogにねこの写真をアップしたらアクセス数が伸びました。やはりWebの住人にはねこ好きが多いようです。

さてSOYCMSの使い方第3回、ページ設計・デザインについてですが、今回もまた必ずしもSOYCMSを使う場合に限らないお話も多いです。

というのも、SOYCMS自体、「当たり前の事が当たり前に、簡単にできる」をコンセプトとして作ったからです。

わざわざ改めてそんなこと言われなくても、、、という事がほとんどだと思いますが、整理のつもりでお付き合いいただけると嬉しいです。

では、本題に入りたいと思います。

前回サイト全体の構成に関するお話をしましたが、当然情報設計は各ページごとにも考えなければなりません。当然そこではサイトの設計とも大きなかかわりが出てきますし、ユーザインターフェイスのことも考慮しなければなりません。ごっちゃにすると大変なので、「内容による整理」と「UIも含めたビジュアルデザイン」の二つに分けて議論しようと思います。

内容による整理

ここでは、それぞれのページにどのような情報が必要になるかを考えます。(テーマは検討を進めるプロセスであって、挙げる例そのものはサンプルのサイトについて適当に考えたものです。チェックシートではないので、そういった視点からのツッコミはご容赦願います)

全てのページに必要な情報

• サイト全体のナビゲーション
• プライバシーポリシーへのリンク
• 著作権表示

トップページに必要な情報

• アイキャッチになる大きな画像
• 会社のポリシーがわかる情報
• 新着情報・・・新着詳細へのリンクを貼る
• お薦め商品・・・商品案内（詳細）へのリンクを貼る

企業情報ページに必要な情報

• 会社名、所在地など企業情報

採用情報ページに必要な情報

• どんな人がほしいかという情報
• 募集中の役職、採用条件などの情報

お問合せページに必要な情報

• 連絡先
• お問合せフォーム

商品案内（一覧）ページに必要な情報

• 商品のリスト

商品案内（詳細）ページに必要な情報

• 個別商品の詳細な情報

新着詳細ページに必要な情報

• 新着情報の詳細な情報

UIも含めたビジュアルデザイン

では次に、UIも含めたビジュアルデザインについて検討したいのですが、SOYCMSの使い方とは直接関係が無く、またそれだけで十分にひとつのテーマになってしまうので割愛させていただきます。一点だけ述べておくなら、「アフォーダンス」というキーワードを覚えておくと色々便利です。

CMSを導入する場合の注意点

CMSを導入する場合特に重要になるのが、

ページをまたがるコンテンツについて更新作業の手間をどれだけ減らすことができるか

です。たとえば上記例だと、新着情報を追加するのにいちいち詳細ページを作って、トップページを書き換えて、そこに詳細ページへのリンクを追加して、、、というのは大変ですよね。できれば、一つの情報を投稿するだけで全てのページが書き換わるように設定を行っておきたいものです。

そこで問題になるのが、導入しようとしているCMSではどのようにしてそれが実現できるのか？ということです。

SOYCMSなら、あまり考えることはありません。詳しくは第5回で説明しますが、エントリー（記事）として投稿・管理できる情報はサイト内のどのページでも表示することができるからです。リンクも自動生成を行う機能があるため、リンクの張り忘れ・貼り間違いの心配もありません。

また、サイト構築上どうしても心配なのが、後から要件が変わることです。特に、複数のページが同時更新されるような複雑な機能追加は、CMSによっては難しい場合もあります。しかし、なぜ難しくなるかというと、ページとコンテンツの分離が不完全だからです。一定のコンテンツと結びついたページを元にサイトを構成していると、それ以外のコンテンツと結び付いた部分を追加したくなった場合に苦労します。SOYCMSでは、ページがコンテンツと完全に分離されているため、後から「ここにこんなコンテンツを追加したい」という要望にも（デザイン面での問題を除けば）柔軟に対応することが可能です。