Webデザインコミュのサイトマップの新しいカタチ

ウェブサイト制作会社でデザインをしております。がち子と申します。
ウェブに関わる皆様と楽しくディスカッションができればと思いトピを立てさせていただきました。

いつも当たり前のように用意しているサイトマップ。
地味でおもしろくないな・・・なんて思っています。（お叱りを受けるでしょうか・・・）

見る習慣のある人は見るかもしれないけれど、そうでないユーザにとっては・・・
何か一捻りできないでしょうか。
ふと見たときに”あら！まぁ！”っていうときめきが欲しいです。

サイトマップとしての役割はしっかり果たした上で何かいい案はないでしょうか。
ひとりで悩んでいても素敵な発想が出てきません。

サイトマップに限らず、いつもごく当たり前にやっていることで、
こんなことやったらおもしろいなぁ・・・みたいな感じで

”ウェブサイトはこうじゃないといけない！”
”アクセシビリティが！！！”

そんな固定観念はとりあえず抜きにして、楽しくお話しできたら嬉しいです♪

コメント(24)

最初
全て
最新の40件

[1] mixiユーザー 02月09日 22:22

面白い発想ですね、サイトマップが地味で面白くないって考え方。
少し興味あります。いい案はありませんが・・・

同じ県にいた者として、コメント書かなくちゃと思わされました（苦笑）
素敵な発想が出てくると良いですね

[2] mixiユーザー 02月09日 22:41

最近頭が固くなりつつあるので、便乗させてください。

サイトマップ＝サイトの地図　

直訳するとこうなるのですが、大抵のウェブサイトを見る限り、
地図というよりは、家系図といった感じのものが主流です。

直訳にしたがって、地図の形に落としこんでみるだけで、
違った雰囲気のものになるんじゃないでしょうか。

わかりやすい例としては、デパートやビルなどのフロアマップが参考になると思います。

フロアをコンテンツ毎に分けておき、各フロアの中にサブコンテンツの入った区画を配置します。

さらにその区画を細かい部屋に分けていくといった形は面白いんじゃないでしょうか。

加えて、コンテンツをまたがったリンクなどは、特定の区画からエスカレーターを延ばしたり、
直通エレベーターを配したりして、つなぐと、導線もわかりやすくなると思います。

色々とアイデアは浮かんでくるのですが、いかんせん形にするには、技術不足だな・・・。

それに、自分では見たことがない形のサイトマップのつもりですが、どこかで使われてそうな気も。

誰もが考えつかなそうなアイデアなんて、そうそう出せるものじゃないですかね。

[4] mixiユーザー 02月09日 23:48

> ホリさん

ありがとうございます！
案がなくても構いません！！

どんどん発言して盛り上がればたくさんの意見や発想が案になると思います。

同郷なのですね

なんだか嬉しいです！

[5] mixiユーザー 02月09日 23:53

およそ10年前くらいに作って以来使っているサイトマップをご紹介します。

音楽関係のサイトなのでサイト全体をコンサートホールに見立てて仮想音楽ホール案内図を描き、それをサイトマップに使っています。建築士なもんでCADは普段から使っていました。ま、単なるお遊びでアクセシビリティとは無関係ですけど。以前は仮想ホール建物の外に「貴方の現在位置」と書いて案内図板を置いていました。

http://b3a4s4s.web.fc2.com/

4年前からはトップページをサイトマップにしているので、それには面白味がありませんが、それでも「音楽ホール案内図」は残しています。
管理人室の中にある「HPバージョン情報」では開設間もないバージョン2で改築前の音楽ホール案内図をお見せしています。

http://b3a4s4s.web.fc2.com/01miesan/halllayout.htm
http://b3a4s4s.web.fc2.com/01history/mb2.0.htm

コーディングは2003年に外部CSSを取り入れて以来基本的には進歩がなく今では古ぼけてしまいました。

[6] mixiユーザー 02月10日 00:05

> ＫＡＺＵ０８さん

素敵なご提案ありがとうございます！

直訳。考えませんでした。
地図に落とし込むっておもしろそう！！
サイトごとにいろんな形(個性)があるって素敵です。

自社ビルがあるような会社だとやりやすそうですね！謎の部屋があったりして！！
ちっちゃいおじさんが住んでたりして（笑）
ツイッターでサイトの内容について裏話を呟かせたりして♪

あ…すみません。
暴走しました。

３Ｄにするとなると難しいかもしれませんが、
２Ｄならやれそうですね！

形にするための技術力なんて後付けでいいと思ってます！
これだとできないなーって発想を否定するともったいないです！！

ウェブは成熟した分野ではないと思います。
小さな発想が重なって新しいことができると信じてます！

[8] mixiユーザー 02月10日 01:20

> ☆selene☆さん

家系図っていうのも面白いですね！
お父さんはABOUT USでしょうか。

> 「ユーザーは、なぜサイトマップに見に来るのか？」

自由な発想で楽しくディスカッションが目的ですので、
縛りは作りたくありません。
否定的な発言はご遠慮ください。。お願いします。

自己満足ではありません。
前コメントで書かせて頂いた通り、ウェブは成熟した分野ではないと思います。
何かひとつを「正しい答え」として定義する必要は無いと思います。
自由な発想で自由な発言を待っています！！

> 西尾さん

ウェブサイトご紹介いただきありがとうございます。拝見させて頂きました。
フロアごとに意味付けされていてわかやすいです！！

トピックの趣旨とずれますが私、クラシック好きです
趣味でクラリネットを吹いています。
ご紹介いただいたウェブサイト、内容がとても充実していますね！
10年も運営されているとは！！尊敬します！

[9] mixiユーザー 02月10日 01:30

> 瀬野夏紀さん

そうですね！！よくある形ではなくしっかり思慮されたサイトマップ。
そういうものが増えるといいですね！！
ぜひ、良い案がありましたら、教えてください♪

[10] mixiユーザー 02月10日 01:31

デザイン性を高めると、SEOの意味が無くなってしまいます。
WEBの場合、人間に対するデザインと検索エンジンに対するデザインを両立させなければなりません。
やっぱり、無難な感じで、以下のようなサイトマップになりがちです。
http://www.tomokos.net/index.php?c=19-

何か良いアイディアが出てくると面白いですね。
おいらも、ちょっと考えてみようと思います。

[11] mixiユーザー 02月10日 04:59

サイトマップを人間が意図して見に来る場合、以下の様な状況が考えられます。
・そのサイトにどういったページが存在するのか知りたい場合
・目的とするページがどこにあるのか知りたい場合

つまり、サイトマップの機能さえ果たしてしまえば、表現方法は自由なのかなと私は思いました。
それが、世界地図形式であろうと、ビル構造であろうと、テキストの羅列であろうとサイトマップである事には変わりないですね。

Flashなどを使用すれは、視覚的表現の幅を広げる事は可能ですが、目的はやはり、「わかりやすい」事かなと思います。

有名所ではありますが、サイトマップの表現の一つとしてこういうのも面白いと思います。
http://yugop.com/ver3/index.asp?id=1
家計図的と言われればそれまでかもしれませんが、わかりやすさを考えると、家計図をいかに面白く見せるかを考える事が、良いサイトマップに繋がるのかもしれませんね。

[12] mixiユーザー 02月10日 08:00

面白法人カヤックさんのサイトマップの
仕掛けが面白いです。
http://www.kayac.com/sitemap/

閲覧履歴が分かるのは
サイトマップの機能として便利ですよね。
かつ「遊び心」も備わっていて。

達成率100%目指して
とりあえず全頁クリックしとけば良いかと思いつつも
開いてみたらついつい読んでしまうという
まさに思惑にまんまとはまってしまいました（汗

お時間のあるかたは是非！

[13] mixiユーザー 02月10日 09:54

ブレインストーミングとして検討は後回しで。

・イタリアンレストランのメニュー風
・マンガ週刊誌の巻末見出し風
・スーパーの広告チラシ風

閲覧する側の立場にたつと、サイトマップに階層の表示が必要かどうか考えさせられます。
制作する側は無意識にサイトの「構造」も伝えたくなりますが、サイトマップを見る人は自分が探している項目の有無が知りたいのであって、構造の情報は不要です。
リンクをクリックするだけで直行できる点が、街の地図や施設のフロアマップとの大きな違いかと思います。

[14] mixiユーザー 02月12日 21:46

ご返答が遅くなってすみません。

> やすさん

私は、SEOよりも、よい内容のコンテンツを、分かりやすく可視化して
ユーザに伝えることの方が大事だと考えています。
リスティング広告や他のメディアを使ってのPRなど
検索エンジンの対策はHTMLコーディングをすること・サイトマップを
用意することだけではないと思うのです。

私は、とりあえずSEOのことや実現できるか否かの技術面などは置いておいて考えてみています♪
ぜひ、面白いアイデアがありましたらお願します！！

> shimippyさん

> つまり、サイトマップの機能さえ果たしてしまえば、表現方法は自由なのかなと私は思いました。

そうなんです！制作サイドからはなかなか出ない意見だったのかもしれませんが、
私もそう思います！！！

サイト拝見しました。
PCでフォルダの中身を探すような感覚で使えました。
アニメーションを研究してストレスフリーなものができるといいなと思いました。

> nrさん

カヤックさんは、ほんと面白いですよね！！
達成率のアイデアはすごいと思います。コンテンツの中身が面白いからこそのコンテンツと言えるでしょうかｗ
開くと読んでしまいますよね＞＜、私もまんまとはまってしまいました！！

> とろやんさん

ご提案ありがとうございます！
メニュー・見出し・チラシ。それぞれに適した業種であれば最適なサイトマップが作成できそうです！

「サイトマップに階層の表示が必要かどうか」
ぐっときました。原点に立って何事も見直しが必要だなとつくづく思います。
ただ、探しやすい構造と考えると、コンテンツごとにリスト化されている今のスタンダードな形が正しいとも思います。

[15] mixiユーザー 02月12日 22:22

目から鱗

[17] mixiユーザー 02月13日 00:04

2の方のコメントに乗っかって脳内妄想。伝わりにくいはずです、すんません。

○フロアマップ
・１Ｆは食料品売り場的な初めての人用だとか、良く使う or 一番に見せたいページをまとめたフロアマップ。２Ｆは… と適当にサイト内容に併せる。
・領域が広いほどページが多いもしくは重要な内容を指す。
・非常口、男子・女子便所的な分りやすいアイコンを配置。
（非常口のアイコン？についてテレビでチラッと見て思いました）

そういえば階数を利用したサイトがあったので紹介。
２つ目のは本当のフロアマップです。（Sleipnirだと1回しか表示されない模様？）
http://www.zeel.jp/select/
http://www.hepfive.jp/

妄想するだけで全然形にもなんにもなってませんがお許しください

[18] mixiユーザー 02月13日 23:31

> Subliminimalさん

> ナカノ＠kim dealさん

どの意見に鱗でしたか？
ぜひ教えてください♪

> KABAさん

妄想楽しいです！伝わりました！！
参考サイトもありがとうございます！！！
ヘップのサイトオモシロイですね。もう少しストレスフリーな感じだといいのにな・・・。

> 領域が広いほどページが多いもしくは重要な内容を指す。

これ、私も思いました！
今ちょうど提案段階の案件があってそこで提案するサイトマップに組み込みました。
まだ、提出していないのでお見せできないのですが、
後日掲載したいと思ってます！

[19] mixiユーザー 02月13日 23:42

僕も、自分のサイトの更新作業中で、「サイトマップ、どうしよ～～」と思っていたので、非常に参考になります。

う～～～ん、僕も妄想の仲間に入れてください。

アニメーション的な物もおもしろそうですが、やはり、いかにわかりやすく目的地にたどり着けるかかなぁ～

[21] mixiユーザー 02月16日 01:16

> POPPOさん

ぜひぜひー！一緒に妄想しましょ―♪
“いかにわかりやすく目的地に”まぁそうですよね。話はそこに行き着くと思います。
何かいい案ないですかね★

> 半角ミサリニカ

「批評・批判をしない」
「粗野な考えを歓迎する」

ブレストの基本ですからね♪10年前だろうがいいんです！
要は、そこから発展させられるかですよね！！

直感的に伝わること。大切ですね。
斬新なこと＝FLASHの発想から抜けだすのも
オモシロイのではないかなと私は思っています。
おもしろい？いや、挑戦でしょうか。

あと数年？すればFLASHなんて今は昔になっていると思います。
安易にFLASHに手を出さず、何か面白いことがしたいですね！

> 面白いトピックですね。
> すごく刺激を受けてます。

ありがとうございます！
嬉しいです！！！当たり前のことだと思っていることが当たり前でなかったと
後で気がつくことって結構あると思うんです。
サイトマップに限らず、このトピを見た人の気付きになるといいなーと考えてます！

[22] mixiユーザー 02月16日 09:32

Flashは作ったことがないので、あくまでもイメージなんですが・・・

系統図のように、各ページの縮小版が系統図のように線で繋がれていて、hoverすると縮小画像がズームされて、大まかな内容が判るとか・・・

Flashよりも、Javascriptの領域かな？

[23] mixiユーザー 02月16日 10:34

自分の妄想に乗っかってくれる人がいて、ちょっと嬉しいですね。

じゃあ次の種をば、というかすでに出た意見に乗っかりだから、水やり？

１２の方が紹介してたカヤックのサイトマップは楽しいですね。

自分がどこに行ったことがあるかが一目でわかって、全制覇の達成感も得られるし、
新しいコンテンツができたら、それも見なきゃってことで、何度も訪れる動機ににもなる。

よく考えられたマップだと思いました。

似た系統で、サイトの人気コンテンツが一目でわかる仕掛けも面白いかな、と。

各ページへのリンクの下に、数字かバーで閲覧数を表示させるとかして、
人気ページが分かれば、初めての人の指標にもなるだろうし、
自分が好きなページが少なければ、覗いて閲覧数アップに貢献しようとかいう動機も・・・・あんまないかな～？

技術的に実現可能かどうかは不明ですが、「見た目普通」のサイトマップを面白い仕掛けに変える手ではあると思います。

ログインすると、残り5件のコメントが見れるよ