最終更新時刻:2008年9月5日(金) 23時13分

-

CMSはユーザに配慮したデザインで活性化

公開日時:
2006/05/22 03:18
著者:
今駒哲子

CMSのサイトではテーマ(デザイン)が標準提供のまま、といったサイトが数多く見受けられますが、ユーザ参加型のサイトでは特にデザインをカスタマイズして使い勝手がよいよう独自性をデザインで表現し、コンテンツにも気を配る必要があります。

ユーザとしてはアカウントを作成して参加する際にはメールアドレスなどいろいろな個人情報をサイトに提供するわけですから、サイト側はデザインに十分配慮してユーザを意識した運営が必要でしょう。

CMSではGeeklogを例にとると、機能として以下のように大変多くの機能を備えています。

しかしながら、それらの機能をすべてサイトに表現してしまうとそのサイトではいったい何がしたいのか焦点が定まりません。多くの機能のうち何が本当に必要なのか、サイトの目的、ターゲットを十分に定めて企画する必要があります。

ログインについて

1.ログイン不要のページ

企業のページなどであれば、一般の閲覧者はログインする必要がありません。管理者のログインが必要でも、管理者だけがログインのページのアドレスをブックマークで覚えておけばよいだけで、トップページの表示は不要です。

事例)アイビーソーホー 筆者の会社ホームページ

ここでは、日時や記事を書いたオーナーの表示が不要なので、テンプレートから削除しています。

投票や記事投稿、リンクなども不要ですので、すべて削除しています。
トラックバック機能やピング送信機能があるのでCMSであることに気がつくかもしれませんが、一見CMSを利用しているとはわからないでしょう。
このサイトのテーマはGeeklog Japaneseのダウンロードサイトにtonyという名称で提供しているので、Geeklogを利用している人にはわかるとおもいますが。

2.多重で利用するサイト

ログインしないで見る一般ユーザと、ログインしてサイトに参加する会員層が多重で利用するサイトの場合は、ログインのフォームはトップページに置かず、ログインページをリンクするだけにしておくと、ログインしない一般のユーザも安心して見ることができます。

事例)平野区歯科医師会

この場合、歯科医師会会員のみログインが必要となっているので、会員への案内ページからログインします。

むやみにログインメニューをトップページにおかないことが重要になるわけです。

ログインの必要性や特典を明記

会員個人個人でログインしてもらうことができれば、会員だけが参加できる掲示板への参加や、会員専用記事がみれること、あるいはプラグインを追加して会員同士メッセージを交換できるなどなど、ログインする特典も明記する必要があります。

メッセージを交換できるプライベートメッセージプラグインはGeeklog Japaneseサイトでログインすると利用できます。ちょうどSNSのmixiのメッセージ機能にあたるもので、ログインするとどんなメッセージがきているのだろう?と、毎日ログインするのがたのしくなる機能でもあります。このプライベートメッセージプラグインもダウンロード提供しています。

3.簡易ログインサイト

本来なら個人個人でアカウントを新規登録してログインしてみるのがCMSの機能をフルに活用できるのですが、個人情報をサイトに登録することは慎重になりがちです。

管理者側も個人情報を扱うこちで管理を慎重に行わなければなりません。管理のためだけにSSLサイトにもインストールしてサイトを管理したり、ベーシック認証をあらたに追加したり、管理プログラム名をデフォルトから変更して管理者以外にはわからない仕組みにするなど、二重三重にセキュリティ対策をおこなう場合もあります。

サイトの管理者はユーザのメールアドレスがわかるだけでなく、どのユーザがいつログインしたかなどもわかります。管理者の不注意でサイトの管理アカウントのパスワードがもれたら、参加者へ迷惑をかけ、サイトの運営会社の信用失墜につながります。そういったリスクをなくすため、一切ユーザ情報をサーバ側でもたないで運営する場合も多くなるでしょう。

その場合でも、参加者の層によって表示するコンテンツをグループ分けたい場合には、アカウントもパスワードもhiddenで設定して、ユーザはそれらを入力することなくグループを選択するだけでログインし、ユーザが見たい記事だけを選別して見ることができるしくみも可能です。

ユーザ層が幅広い場合、ログインしなければ参加できないサイトというのは想像以上に敷居が高いので、簡単にログインできる配慮が必要です。場合によってはそのためにログインをかならずしも全員に要求しない選択肢ももたなければならないでしょう。

機能の絞込み

CMSを利用するとその高機能さに目を奪われて、様々なメニューを削除することに躊躇しがちで、そのためサイトが複雑になってわかりにくくなりがちです。必要な機能だけをしぼりこんでサイトを構成する必要があります。

事例)大阪市立大学学友会

ここでは、投票やアクセス情報などを削除してすっきりとしたデザインにしています。また、ログインすると個々にテーマを自由に選べて気分を変えることもできますが、このサイトは管理者が承認した会員のみログインできる設定のサイトなので、残念ながら会員以外はログイン状態の画面を見ていただくことはできません。

記事の投稿者や日時の表示

記事の投稿者が不要であれば投稿者は表示しない設定にします。日時も不要であれば、テンプレートを変更して削除すればよいでしょう。
記事ではあるけれど、話題によっては投稿者や日時を表示させたくない場合もあるでしょう。その場合は、記事を表示するプログラムを2種類にして、それぞれ表示させるテンプレート、表示させないテンプレートを呼び出すようにすれば良いでしょう。

事例)
日時が必要な記事 Geeklog Japaneseセミナー案内
日時が不要な記事 Geeklog機能の説明 ブロック

これら2つの記事はどちらもおなじデータベースの記事です。

セミナーの案内の記事のURL(投稿者と日時付で表示)
http://www.geeklog.jp/article.php/seminar01

セミナーの案内の記事のURL(投稿者と日時なしで表示)
http://www.geeklog.jp/article2.php/seminar01

なお、CMSでは静的ページでの情報配信は極力避けて記事で配信するのがコツです。静的ページ作成機能でページを作成すれば日時や投稿者名は表示されませんが、トラックバックやピング送信、RSS配信やコメントの受付けなどが行えません。そのためGeeklog Japaneseのサイトでは、静的ページはトップページのFLASH表示部分や各トピックのタイトル、あるいは問合せフォームページなど、限られたページやエリアだけで利用しています。

ブロックのメニュー表示

CMSの場合ブロックのメニューは、ブロックのタイトルと要素の組み合わせで配置されます。そのため、デザインに制限がでてくるのですが、ブロックのタイトルをつねに同じフォーマットで表示させない場合には、ブロックのテンプレートからタイトルの表示部分を削除してしまうことです。

事例)TOKIMEKIママクラブ 

これで大きくデザインをカスタマイズすることができます。

参考:テンプレートファイルの構造
Template

CMSによる携帯サイト

その他、携帯専用のテーマの場合には、大きくデザインや機能を削ぎ落としているので一見CMSとはわからないのではないでしょうか。

事例)Geeklog JモバイルGeeklog Japanese携帯サイト)

別途携帯用にインストールしていますが、データベースはGeeklog Japaneseと同じテーブルを参照しています。ログインして掲示板への書き込みなどほぼすべての機能が携帯で利用できます。静的ページでは、FLASHの表示など携帯では表示は不要なので、表示しないようにプログラムを修正しています。掲示板のテンプレートも携帯で容量オーバにならないようHTMLコードを短くしました。ヘッダ・フッタのテンプレートは必要最小限の情報にとどめ、ヘッダから通常呼ばれる左ブロックを呼ばず、フッタからも右ブロックを呼ばないので、両サイドのメニューブロックが削除されたすっきりとした画面レイアウトになっています。ただし、ログインできる携帯は限られています。旧式の携帯であればUTF-8のため、文字化けすることがあります。

事例)学友会モバイル大阪市立大学学友会携帯サイト)

学友会ホームページの記事のままだと携帯では容量をオーバーする記事が多く、データベースは別途インストールして作成しています。ログインはできない携帯がまだまだ多いので、ここではログインしないで利用するサイトとして活用しています。管理者は別途ログインページをブックマークして管理作業を行っています。旧式の携帯であればUTF-8のため、文字化けすることがあります。

CMSを携帯で表示する用途はこれからも広がっていくとおもいます。ここ2,3年の携帯ではUTF-8のサイトでも文字化けすることなく見ることができるようになりましたし、クッキーを利用しているログインも徐々にできる携帯が現れてきました。設定時間以内であれば、携帯でも自動ログインができるので大変便利です。出先で掲示板やコメントなどの投稿があってもすぐに携帯でログインして掲示板などへの書き込みさえできます。

来年あたりには、ログインできる携帯の割合は相当多くなっていると思われますから、ますます携帯サイトの利用率があがっていくのではないでしょうか。

携帯用のテーマもダウンロード提供しています。

※このエントリは CNET Japan ブロガーにより投稿されたものです。シーネットネットワークスジャパン および CNET Japan 編集部の見解・意向を示すものではありません。

このエントリーへのコメント

4

他のプラグインのドキュメント整備ですね。
英語版のプラグインにはいったいどういったものがあるのか…

  今駒哲子 on 2006/05/22

3

プライベートメッセージプラグインの改良が一段落ついたら,次は掲示板プラグインかなと考えています。今の掲示板プラグインは高機能なのはよいのですが,非常に重いので,なんとかしたいと。でも,それより他のプラグインのドキュメント整備の方が急務かもしれません。

  mystral_kk on 2006/05/22

2

テーマを振っていただいたので、今回はとても書きやすかったです^^
デザインカスタマイズはこれで相当イメージできるとおもいますね。
次回は、ポータルサイトを活性化させるためのコツをテーマにしましょうか?
となると、プライベートメッセージや掲示板あたりが中心になってきますね。
プライベートメッセージプラグインはmystral_kkさんの日本語化作業で、とても役立っています。これからもまだまだ機能アップしていただけるということで、今からとてもたのしみです。

  今駒哲子 on 2006/05/22

1

かなり具体的説明で,CMS未経験者・経験者を問わず,Geeklogを使おうとしている人にとっては欲しい詳細な情報ですね。このペースで行くと,半年後には本が書けるかも^^;

  mystral_kk on 2006/05/22

ブログにコメントするにはCNET_IDにログインしてください。

このブログについて

ブロガープロフィール

アーカイブ

2008年9月
 123456
78910111213
14151617181920
21222324252627
282930    

カテゴリ

ブログネットワーク

アルファブロガー

ケータイ時代のスタンダードiPhonista Nightの事後報告
ケータイ時代のスタンダード
佐々木俊尚 ジャーナリストの視点ストリートビューは新デジタルデバイドを生む
佐々木俊尚 ジャーナリストの視点
クロサカタツヤの情報通信インサイト北京オリンピック
クロサカタツヤの情報通信インサイト
江島健太郎 / Kenn's Clairvoyance新サービスをローンチしました
江島健太郎 / Kenn's Clairvoyance
村上敬亮 情報産業の未来図コンテンツ市場14兆円の中身と行方
村上敬亮 情報産業の未来図
末吉隆彦 ロケーションウェアの「空」と「実」場所・空間を増幅!?「ロケーション・アンプ」
末吉隆彦 ロケーションウェアの「空」と「実」
鈴木健の天命反転生活日記パラレルワールドとしての電脳コイル
鈴木健の天命反転生活日記

読者ブロガー

夢幻∞大のドリーミングメディア「あなたとは違うんです」首相の存在感
夢幻∞大のドリーミングメディア
素人サーバ管理者のボランティア業務日誌我が家のD4もようやく機能強化に旅立ちます
素人サーバ管理者のボランティア業務日誌

企画特集

サーバ仮想化・グリーン化の利点を最大化!サーバ仮想化・グリーン化の利点を最大化!
多機能・高価値なNetAppストレージの秘密とは

新着コメント

サポートが悪いので課金コンテンツなんて開始したくないですね。 課金トラブ......
イーモバに冷たい各社
投稿者:blade
きむこうさん、コメントありがとうございます。 >  ソフト屋サンというと......
まず10年間は泥のように働け2
投稿者:生島勘富
いつも佐々木さんの記事を楽しみしています。 ストリートビューで汚い自宅が......
ストリートビューは新デジタルデバイドを生む
投稿者:gg
→niroさん コメントありがとうございます。確かにniroさんのおっしゃる通り......
イーモバに冷たい各社
投稿者:isidai
→shiestさん コメントありがとうございます。Googleの公式なアナウンスで「......
夢=Opera+Chrome+Ubiquity
投稿者:isidai

ブログネットワークとは?

CNET Japan ブログネットワークは、元はCNET Japanの一読者であった読者ブロガーと、編集部の依頼により執筆されているアルファブロガーたちが、ブログを通じてオンタイムに批評や意見を発信する場である「オピニオンプレイス」、また、オピニオンを交換するブロガーたちが集うソサエティです。

広い視野と鋭い目を持ったブロガーたちが、今日のIT業界や製品に対するビジョンや見解について日々熱く語っています。

あなたもブログを書いてみませんか?

CNET Japanやその他サイトが提供するITニュースやコンテンツへの意見や分析、 ビジネスやテクノロジーに対するビジョンや見解について語っていただける方を 募集しています。ご応募はこちらから

ブログの投稿・管理

ブログの投稿はこちらから(※ブロガー専用)

ブログアワード2007開催決定!

今年最も活躍したブロガーを表彰します。詳細はこちらから

αマークって?

これは、CNET Japan 編集部の依頼に基づいて執筆されているCNET Japan アルファブロガーによるブログの印です。

Good!って?

CNET Japan ブログネットワーク内で拍手の代わりに使用する機能です。ブログを読んで、感激した・役に立ったなど、うれしいと思ったときにクリックしてください。多くGood!を獲得した記事は、より多くの人に読まれるように表示されます。

プレスリリース

pixiv、ユーザー数が30万人を突破
クルーク
あなたが変われない「8つの理由」。常識だと思い込んでいる考え方を取り除いて、今感じている「壁」を突破しよう。話題の書籍『「心の翼」の見つけ方』(フォレスト出版刊、浜口隆則著)が、インターネットラジオ番組サイト『BizPro.FM−ベストセラーズチャンネル−』(起業
特定非営利活動法人起業家大学
自分の中にある素晴らしい可能性に気づき、すべてが豊かに手に入る魔法のルール。これを知っている人こそ、「感動の億万長者」。話題の書籍『感動の億万長者30のルール』(サンマーク出版刊、平野秀典著)が、インターネットラジオ番組サイト『BizPro.FM−ベストセラーズチャ
特定非営利活動法人起業家大学
その頭のままでは仕事がなくなる!「感性とビジネスの第一人者」が送る、「さびないビジネス人になる道」。話題の書籍『ビジネス脳を磨く (日経プレミアシリーズ 6) 』(日本経済新聞出版社刊、小阪裕司著)が、インターネットラジオ番組サイト『BizPro.FM−ベストセラーズチ
特定非営利活動法人起業家大学
『「食い逃げされてもバイトは雇うな」なんて大間違い 禁じられた数字〈下〉』(光文社刊、山田真哉著)が、2008年9月7日(日)放送のFMラジオ番組『ベストセラーズチャンネル』(起業家大学制作、パーソナリティ主藤孝司)に取り上げられます。
特定非営利活動法人起業家大学

レビュー

今週の新製品総チェック:ノート、デスクトップ、UMPCまでPC秋モデルが続々
富士通、NEC、東芝などのPCメーカーから続々と新製品が登場した。ノートPC、デスクトップPCに加え、注目の
今週の新製品総チェック:薄さ13.9mmのサイバーショット登場!NEC「LaVie」はデザインモデルが
最薄部13.9mmのソニー「サイバーショット」、ニコンのGPS内蔵デジカメ「COOLPIX」など、機能性、デザイン性