９月号のぶっちゃけでメインコラムを担当した営業の成田がWEBブラウザについての記事を書いておりましたが、ちゃんと読んでもらえたでしょうか？

※弊社発行のぶっちゃけ（正式名称：五次元通信 ぶっちゃけ。２）をご存知でない方は、営業の成田までご連絡ください。（無料）

まだ読んでない人の為に簡単に説明すると、ブラウザの種類やシェア・拡張機能の説明などを取り上げた記事となってました。

記事の中の社内アンケートでは、Fire foxを使ってる割合が１番多かったのですが、僕もその中の１人です。便利そうなアドオンを見つけては実装して楽しんでいますが、そんなFire foxのデフォルトの機能でとても便利なものをご紹介します。

ログインのIDとPWを忘れた！という瞬間に直面するのは日常茶飯事ですが、そんな時に役立つのがこの機能です。

まずはログインページで右クリックをし、ページ情報表示をクリックします。

セキュリティの中からパスワードを表示をクリックすると、保存されたパスワードが表示されます。

実はこれ、最近知りましたが知らなかったの自分だけ？

情報を保存してる場合は、逆に閲覧できてしまうのでくれぐれもご注意を！

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

様々なグラフィティが検索できるサイトを見て、文字情報はその地域ごとでの意思伝達手段にしか成り得ないけど、それがアートになると万国共通でエモーショナルな部分に訴えかけれる表現力としての力を感じました。

ということで、デザインって素晴らしいなと思った話です。

他言語サイトだけあり、説明書きがなくともサイトの見方やコンセプトが明確に伝わるインターフェイスが美しく、マウスオーバーすると縦軸で共通のアルファベットが使われている箇所が赤く表示されます。また、ALL FLASHなのに、Googleのページランクが7というのがビックリしました。

調べた限りだと、カルティエ現代美術財団という団体が芸術活動の促進＆普及のための活動の一環のようです。

カルティエ現代美術財団

カルティエが企業メセナ活動（企業による芸術支援活動）のために設立した現代美術を扱う財団だそうです。

ondation Cartier pour l'art contemporain

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

オフィスオーガスタ様プロデュースで、新しいブログパーツを作りました。

コンピレーションアルバム「月ノうた」を記念して作られたもので、曲の一部が視聴できます。

販促のためのツールって面白いなと思い、ブログパーツ作成時に参考となりそうなものをいくつか調べていました。その際に、アイディア次第で色々と面白い事ができるもんだな、と関心してチェックしていましたが、特に気になった３点をご紹介します。

※たまたま目に止まったのが以下のバナーでした。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

災害時の情報共有（避難経路が見えるようになる）など、ARの活用事例として面白い使い方が色々あるなと思っていたのですが、マルコのARマジックによって一般の人にもARという言葉が認知さつつあるのではないでしょうか。

まだ色々な業界で模索中だとは思いますが、ゲーム（娯楽）やシミュレーションなど、新しいライフスタイルの形となりつつあるようです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

子供がいない僕でも欲しくなってしまいました。ソニー のハンディカム。

Cam with meというサイトでは、娘が成長していくさまを記録し続ける親の気持ちが疑似体験できます。

「婚活」という言葉が最近もてはやされていますが、結婚してない人やまだ子供のいない人に訴えかけるようなコンテンツだと思いました。自分の体験をブログに貼って共有することも可能だそうです。

RECボタンを押して録画→動画が再生

STOPボタンを押して停止→録画した動画が保存

一連の操作性が非常に分かりやすく単純明快で、更にその先のシーンがなんとなく想像できるので、飽きることなく遊ぶことができました。

娘が結婚する際の笑顔で指輪を見せたシーンでは、父親でもないのに思わずSTOPボタンを押してしまいました。自分が父親になった時の気持ちをなんとなく味わったような、そんな気持ちになりました。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Pearl Jam（パール・ジャム）というロックバンドのプロモーションサイト「Pearl Jam Ten Game」で展開されているPV3Dの使い方が面白かったのでご紹介します。

パズル形式になっており、1列揃えるごとに1曲視聴ができるというものです。最初に配置されたピースを元に、グリグリと位置をずらしながらパズルを組み合わせていくのですが、これが結構難しいです。

3D空間でグリグリと操れる操作性は触っていて楽しめます。また、揃えるのに成功した際の表現もいい感じなので、是非確認してみてください。

僕は、4曲目の「Brother」を視聴して諦めましたが、皆さんは何曲視聴できたでしょうか？スペック五次元でも、PV3Dには意欲的に取り組んでますので、ご相談等ある場合はお問い合わせください。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

中国の各都市を3Dで楽しむ事ができるE都市というサイトが凄いです。

サイト自体は以前からあったようですが、最近になってバージョンアップした模様。全て3D化されているので、写真よりも綺麗に全体を見渡す事ができます。

赤いフラグを立てて、距離の測定までも可能です。

とりあえず旅行の予定はありませんが、GWに中国に行く予定のある方は、事前にチェックすると面白いのではないでしょうか。

E都市の試みは凄く面白いと思いました。CGという点ではスペック五次元の得意分野でもあり、3D案件もまた増えてきています。3Dの表現として、PV3Dは特に力を入れ注目してる分野ですので、技術的な研究をしているWakaZも是非ご覧下さい。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

アメリカのサービスで、123people.comという人探し専門の検索エンジンを発見してしまいました。日本語でも検索可能です。

イメージやWebへのリンク、ブログ、そして登録しているあらゆるソーシャル・メディアがあらわになってしまうらしいです。ここで人名を検索すると、個人の情報が特定できてしまう場合もあるとかないとか...。（WEB上に公開されていれば、連絡先などの情報も拾ってきてしまうようです）

人名ではないですが、試しに「スペック五次元」の検索結果を見てみました。

該当するイメージは、何故かシゲさんのあの記事が検索対象としてピックアップされました。（日本語の検索だと精度が劣るようです）

最近のスペック五次元社内では、ISO27001の取得に向けて、情報の取り扱いにかなり慎重です。自分自身が取り扱う情報もですが、取り扱われている情報にも目を向ける必要性を感じました。自分自身に関連する情報が、どのようにインターネットで公開されているかも、たまには気にして見てみるのもいいかもしれません。

ちなみに、「スペック五次元」の検索結果に反映されたタグクラウドが気になったのでチェックしてみると、下記の通りでした。

CG DATE BANK の影響か、「自動車・モデリングデータ・販売」という認識が強いのかなと思いました。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

YouTubeのミュージックビデオを、自分の好き勝手に管理して楽しみたいな〜と思っていた矢先、その願望が叶いました。musicnow.fmというサイトによって、自分の思うがままに音楽を楽しむ事ができます。
まるでiTuneのように。

















ありがたいことに、日本語での検索も可能です。
検索したサムネイルを左下のスペースにガンガンと挿入していきプレイボタンを押すだけです。あとは勝手にオートプレイしてくれます。

また、関連記事で、米Yahoo! MusicにiTunesやYouTubeを組み込める機能という情報を発見しました。この背景には、Yahoo Open Strategy（YOS）のオープン化戦略の一環だそうで、今後様々なサービスが展開されていくのではないかと注目です。
http://new.music.yahoo.com/

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Googleでの画像検索では、写真コンテンツだけを抽出したり、線画、クリップアート、顔、ニュースコンテンツなど、色々なタイプを指定して検索ができるようになっています。










そこから更に、色まで指定して検索ができるようなので、早速試してみました。
検索結果のURLの末尾に「&imgcolor=color」を追加します。
※colorには任意の色を指定

試しに「魚」を画像検索した検索結果はこんな感じです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

前回のバナー特集に引き続き、プロモーションとして素晴らしいバナーをいくつかピックアップしてみました。
まずはMINI。例えば、CG DATE BANKにアップしている自動車のモデリングデータを使ったりと、弊社スペック五次元の得意分野であるCGの活用として、アイディア次第で面白い表現ができそうだなと思いました。
その他にも素晴らしいバナーが色々とあるので、ここに共有します。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Silverlightは、マイクロソフトがFlashに対抗してリリースしているリッチメディアを扱うためのプラグインです。
昨日、Silverlight 3のベータ版が公開されたという記事を見つけました。

記事の中で気になった特徴としては、
１）Macでも開発が可能に。
２）IllustratorやPhotoshopのデータをレイヤーやパスを保持したまま取り込めるようになっている。

開発環境が以前よりも整えられたようで、シェアの拡大につながっていくかもしれません。
ただ、今まで操作して確認した事がなかったので、Silverlightが使われた面白そうなサイトを見てみました。

Playboy Archive






Silverlightの特徴であるDeep Zoom（巨大なビットマップの全体から特定の部分までをスムーズに拡大・縮小ができるもの）を活かして、1954年から2007年の雑誌「Playboy」をすべて見ることができるというサイトらしいです。

ダウンロードして確認したのはSilverlight 2ですが、動作がスムーズで、ズームすることで文字まではっきり読むことができてユーザーの立場としては快適でした。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

トラッキング技術を使って面白い使い方がされていたので、どのような活用方法があるのか色々調べてみました。
まずこちらのサイトでは、自分の顔が検知され、検知された顔の位置によって3Dのオブジェクトがその方向に動きます。例えば銃弾が向こうから飛んできてそれを左右によけるようなゲーム性のある使い方など、技術の使い方によっては面白いインタラクティブなコンテンツができそうです。


また似たような方法で、下記のような活用も魅力的です。それは、Wiiリモコンを使ったリアルな疑似3Dの表現で、頭の位置に合わせてカメラ位置を動かすといった見せ方です。



携帯を横から覗けるような3D表現も、トラッキング技術の一例として斬新です。動画を見ると分かりますが、視線の方向に応じて画面が書き換えられ、背景から浮いたアイコンや手前に飛び出すようなポップアップの表現などが実現されています。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

触れては姿形を変え、撫でればカラーリングが切り替わる。
そんな技術があったら凄くないですか？

「新素材研究の行きつく先はこうなる(といいな)」
とインテルが研究中だそうなのです。

映像では、自動車のデザインモデルが変幻自在に変形したり内部構造が見えたりしてます。
（映像はCGで描かれたコンセプトらしいです）

単に夢物語を描いているのではなく、電荷によって性質を変える物質でこのような事を実現するという話みたいです。
（色は各種ディスプレイ技術で、形はER流体など）





去年くらいの話題ですが、携帯の世界でも似たような話題があったのを思い出しました。
ノキアがナノテクを駆使した携帯電話「Morph」です。
ユーザーの用途に応じてモーフィングするというもの。
ケンブリッジ大学との共同開発で、現在NY現代美術館MoMAにて展覧中だそうです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

ユキビタス社会を追求した先には、いったいどのような世界が待ち受けているのでしょうか？

ユビキタスコンピューティングと呼ばれる技術があります。
wiki調べによると、コンピュータということを人に意識させないで人の生活を支援する技術、環境だそうです。「いつでも、どこでも、だれでも」ってやつですね。

その中でも、ウェアラブル・コンピューティング・システム（身につけて(wear)持ち歩くことが出来るコンピュータ・システム）という分野があるようで、マサチューセッツ工科大学の学生が開発したらしいのです。
動画を見る限り、あらゆる物体の表面をモニター画面に変えることが出来るようで、リアル（商品など）と外部情報の紐付けが出来るところが面白いと思いました。

説明によると、装着者はバーチャルな機器とインターネット上のデータを気が向いたときに呼び出し、見終わったらすぐに消し去ることができるというのですが、うまく説明できないので動画を見てください。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

バナーの国際規格というのはある程度定義されていますが、そんな限られたスペースにも様々なドラマがあるようです。
広告という機能性が十分に発揮されたユニークなバナーをいくつかご紹介します。


*その１
題名：ピンボールのレバーを引くと...

*その２
題名：アクセルを踏むと...

*その3
題名：絶対勝てない

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

動画アノテーションとは、動画にインタラクティブなコメントを追加する新たな方法で、YouTube内での他の動画へのリンクが可能となります。

例えばこの機能を活用する事で、ストーリーごとに動画をつないでユーザー視点でのシナリオ構築が可能となります。
これは、番組やコマーシャルを見ながらその時出てきた商品サイトへリンクさせ、「これ欲しい！」といったニーズを満たす事ができたり、結果購買につなげるといったような広告表現が可能な気がします。
ECサイトの新しい形とも成り得るかもしれません。

また、ユーザーの選択次第で結果が変わるような演出も可能となり、活用の幅は広がりそうです。





スペック五次元のサイトリニューアル時に行ったスペック五次元にズームイン！ですが、気付けば、再生回数がなんと590回にもなってました。びっくり。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

学校の裏サイトによるいじめや、有害サイトの悪影響を取り上げたニュースをよく耳にするようになりました。
そこで、どれくらいの小中学生が自分のPCを持っているのか調べたところ、約2割が自分専用のパソコンを所有しているというデータが出ているそうです。（キッズリサーチ調べ）

子どもの安全確保のため、自分が親だったらどうするかなと色々調べていたところ、小学生・中学生のために作られたサービスが意外と多い事に気付かされました。今まで知る機会がなかったのですが、yahoo!のポータルサイトも子ども向けが存在していたのです。



Yahoo!きっず／日本

Yahoo!きっず／韓国

Yahoo!きっず／アメリカ


あの有名なニュースサイトにもありました。
アサヒ・コムきっず


このような子ども向けサイトには、「使いやすさ」が凝縮されているように思いました。
大人になるにつれてムダな知識が増える分、「ものの伝え方」が本質から外れ複雑になってしまう面が多々あるように思います。
時にはこのように、視点を変えて物事を考えるのも必要だと感じさせられた月末でした。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

バイラルアドという言葉がよく聞かれ、自分自身も個人BlogでYoutubeの動画を貼りつけて紹介した事がありますが、最近はトレーラームービーと呼ばれる表現がよく話題になっています。


ワリオランドシェイク

誰もが見慣れているYoutubeというインターフェイス上で展開される事で、「通常こうだ！」という常識がいい意味で裏切られ、インパクトの強いものになっていると思います。

常識が覆される広告手法については、トヨタのbBが有名かもしれません。
常識を打破したトヨタ「bB」の販促手法
新型bBを「音楽プレーヤー」として宣伝→「トヨタ、ミュージックプレーヤー発売。」と訴求

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

僕の地元である山口県では今、「インターフェースの未来」をテーマにした展覧会が開催されています。
正月休みを利用して、宇部空港から車で行ってきました。今回は展覧会のレポートです。

「ミニマム インターフェース展」が開催されてている山口情報芸術センター（YCAM）では、「コミュニケーションデザインをインターフェースから考える」というテーマの元、8組のアーティストによる展示がしてあります。とても面白かったので、簡単にご紹介します。

■フライヤー　"on the Fly"
展示会場に置いてあるフライヤーが、各展示物のナビゲーションとして機能します。
16個の穴があいたフラーヤーを上からセンサーが感知し、フライヤーが置かれたと認識されます。
16個の穴が各インフォメーション機能となっており、穴を指で1つふさぐとテーブル上に詳細情報が表示されます。
更に展示物の方向に矢印が伸び、展示物の横に置いてある説明ボードがライトアップされるといった流れです。
フライヤーを裏返すと英語版になるのですが、
一旦持ち上げられてまたテーブルに置かれるといったアクションが数秒の間に行われた場合＝紙が裏返されたと判断する
といったロジックが組まれているようでした。
実際に使ってみると、単純に面白いという身体感覚と共に、直感的に情報を認識できるといった２つのメリットがあるように思いました。



■電子楽器　"reacTable"
Bjork（ビョーク）がワールドツアーで演奏された事がきっかけとなり注目を集めたとYCAMの担当者が言っていました。
説明するより見た方が早いと思うので、映像でご確認ください。





円卓上にオブジェを置く事で、音が発せられます。
オブジェが複数置かれると、個々の関連性により新たな音が作り出されます。
ボリュームやキーの高さ、テンポなどもすべて円卓上で操作する事ができ、自分で簡単に音楽が作れる楽しさや、複数人とで創出される音楽を楽しむ事ができます。

インターフェースは、もともと「境界」や「界面」を意味するそうです。
視覚・聴覚・触覚を駆使しながら情報と人が繋がる仕組みを、デジタルサイネージという形で実現してくれると思います。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

色の使い方によって、そのサイトが与える印象は大幅に変わると思います。
PC上で色を調べる際に、Digital Color Meterを使ったりしますが、雑誌の表紙などのアナログから色を拾い出すサイトを発見しました。

また、色によるレイアウト検索が可能なサイトでは、サムネイルをクリックすると拡大表示され、そのレイアウトで使われているカラーパレットが下に登場します。そのパレットのどれかひとつをクリックするとまたその色が使われたレイアウトのサイトがソートされます。

色味って凄く大事だし、扱いが難しいなと思う僕は、今後活用させて頂こうと思います。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

インターフェイスを考える上で、アイコンの存在ってかなり大きな役割を担っていると思います。複数ページに渡って展開されている情報が閲覧しやすいようにナビゲーションとしての機能を果たし、視覚効果が得られるからです。

普段使っているPCしかり、日常の生活シーンを思い浮かべても色々な場面で目にします。
ユーザビリティを考慮する上で、必要不可欠な存在のようです。

一口にアイコンと言っても様々ですが、ハイクォリティのアイコンセットが集約されたサイトがあります。「50 Most Beautiful Icon Sets Created in 2008」と題されたトピックスで魅力的なアイコンが参照できるのでチェックしてみてください。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Web上で表現していたアプリケーションをデスクトップ上でも同様に表現できるウィジェットやAIRなど、僕の周りでは最近話題に出てくる事が多いです。

逆に、ブラウザのウィンドウをデスクトップのように利用して、ブラウザ内にウィンドウを表示する事も可能なようで、Mocha UIというものを使います。

イメージ画像



http://mochaui.com/demo/
Mocha UIは、MooToolsというajaxライブラリのCanvasタグのグラフィック機能を活用して開発されたUI。

拡大・最小化・閉じるボタンがあり、マウスのドラッグ操作での移動も可能です。
また、ページ内に複数のウインドウを生成する事ができます。
使い勝手も良さそうで、UIの１つとして面白いなと思いました。
使い道や汎用性などを考え、いつかの提案材料として頭の片隅に置いておきたいと思います。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

「Googleは27日、日本の携帯絵文字をユニコードとして共通符号化する動きを支援する目的で、オープンソースプロジェクト「emoji4unicode」を公開した」

上記のニュースを聞いて、初めてモバイルサイトの案件をした時の事を思い出しました。
３キャリアに絵文字を対応するために、絵文字変換表みたいなものを用意して検証した記憶があります。

絵文字はもともと携帯電話各社が独自に作成したもののようで、機種依存文字という認識が当たり前でした。
（同一ネットワーク内での利用を前提とした規定）

しかしこのニュースによると、Googleは絵文字の全てをユニコード文字として共通符号化しようと提案しているというのです。
更に、検索エンジンで絵文字を探せば結果が返ってくるようにしたいと目標を掲げているとのこと。
そんなGoogleは情報提供のために「emoji4unicode」というオープンソースプロジェクトを開始したそうなので、詳細が気になる人は翻訳してみるといいかもです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Google が AdWords 利用者向けにキーワードツールを公開したそうです。
「Search-Based Keyword Tool」というツールで、インターフェースは英語ですが、日本語のキーワードにも対応しています。

サイトに関連するキーワードとサイトのURLを打ち込むと、それに関連するキーワードやフレーズの中で、現在まだAdWrodsで広告を出していないものをリストアップしてくれるそうです。

（AdWrords アカウントと連動していてログインしていない状態でも使えますが、その場合表示されるキーワードの数が制限されるということ）

サイトのURLを入力すると、そのサイト内のキーワードを抽出し、月間検索数、アドワーズ広告の競合度合い、推奨入札価格などが表示されます。

キーワードの選定の際のアドバイスツールとして活用できそうです。
ちょっと的外れなキーワードも見受けられますが、今まで見逃していたキーワードが発見できるようになるかもしれません。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

以前の案件の際に、SEO業者の方が言っていた内容を記事で見かけたのでメモしておきます。

ドメインを以降する際は、情報を引き継ぐために「301リダイレクト」を行うといいという内容。
GoogleもYahoo!も、ドメイン移行の場合には「301リダイレクト」を推奨しています。

また、下記のようにindex.htmlがある場合とない場合では、インデックスに問題が生じたりページランクが変わってくる場合があるそうです。
例）
http://www.spec5zigen.com/
http://www.spec5zigen.com/index.html

その場合どのように対処できるかというと、index.htmlの有無を301リダイレクトによる同一化するといいそうです。
index.htmlの有無を検索エンジンに同一ページとして認識させる事ができるということです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Google Laboからベータ版として公開された、Google Audio Indexing。
音声認識技術を使い、動画コンテンツ内の音声を検索できるということです。
既にこういった技術は、動画検索に特化した企業や放送業界では研究され続けているそうですが、今度の動向に目を見張るものがあります。
Googleがサービス化を実現した事で感じた事は、どのようにSEO対策を考えていけばいいかということ。
動画コンテンツによるSEO対策をコマメに探してみたいと思うので、情報がキャッチ出来次第ここに共有したいと思います。

動画コンテンツは視聴者に対する訴求力が強いので、重要性が増す事は間違いなさそうです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Amazonなどの EC サイトで、「この商品を買った人は、こちらの商品も買っています」と表示され、そのままクリックしてしまう経験がよくあります。
最初は情報を一方的に探していたのに、徐々に関連情報に「出くわす」といった具合に欲しい情報が導き出されます。

これは、レコメンデーションエンジン（推奨エンジン）と呼ぶそうで、ユーザーの購入履歴や閲覧情報から個人の趣味・趣向を分析し、関連した情報を推薦してくれます。

しかし、誰かにプレゼントする為に商品を購入した場合、その購買行動はレコメンドが行われてしまうので、本来自分が欲しい情報とはかけ離れた履歴が参照されてしまう事があります。

とある記事に、
購買行動には「自分自身がどのような商品を好んでいるのか」という属性に加えて、「今どのような商品が見たいのか」という方向性がある。前者は購買履歴から推し量ることが可能だが、後者は購買履歴からでは判断できない。
と書いてありました。
TPOが大切だそうです。

いかに的確なレコメンデーションを行うかというのが今後の課題のようですが、ＡＬＢＥＲＴという会社が「画像とイメージワードのマッチングエンジン」という新技術を2009年1月に発表する予定だそうで気になってます。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

最近引っ越しをしまして、神奈川県民となりました。
その際、物件を探していた際にお世話になったのが近所のピタットハウスです。

同社の記者発表で、「物件情報サイトがリニューアルされた」というニュースを発見したので、
気になり早速チェックしてみました。
pitat.com（ピタットコム）

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

Googleが創立10周年記念企画として、面白い事をしています。
2001年1月当時のGoogle検索ページと、当時の検索結果のキャッシュを公開しているということです。
13億2692万のインデックスから検索できるらしく、7年前の検索結果が体験できます。
（2001年当時のロゴは「Google!」となっており、「!」マーク付きだったんですね。）

試しに色々と検索してみましたのですが、やはり気になるのは「スペック五次元」の検索結果。
2001年の当時は、「有限会社スペック・オースリー」から「株式会社スペック五次元」に名前が変わった年だったんですね。



ちなみに、最近出来た「赤坂サカス」で検索してみると、やはり検索結果には出てきませんでした。

検索エンジンの進化を体感しつつ、これからの検索エンジンの動向にも目を見張っていきたいなと思います。

他にも記念事業があるようですので、興味のある方は是非。
画期的アイデアに1,000万ドル

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

9月16日に「Yahoo!検索 インフォセンター」というものが公開されました。
知りたい情報を探す際に、米国Yahoo!にしか記載されていなくて困った事が数回ありましたが、
（その時は、翻訳機能を駆使したり誰かがblogで解説されているものを参照してました）
YSTに関する情報がしっかりと網羅されているようです。

YSTの情報だけにとどまらず、基礎的な事（metaタグに関する事etc）もカバーされているようで、
その情報は随時更新されるとのこと。

また、つい最近検索アルゴリズムもバージョンアップされたそうなので、
Yahoo!での検索がどう変動しているか、ログ収集しているサイトをちょっと確かめてみることにします。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

例えば、PC上で電話番号を記入する際、自分ならどういう風に書くでしょうか。
「090-1234-5678」
「090(1234)5678」
「090 1234 5678」
「０９０ー１２３４ー５６７８」

と、可能性としては色々考えられます。
ということは、人によってさまざまな形式で記入するということです。
そのため、エントリーフォームではユーザーの認識（入力形式）を合わせる必要があります。

前提としてまず認識しなければいけないのは、ユーザーが間違えずにエントリーフォームを入力することなど期待してはダメ。
ユーザーは常に間違えるもので、その間違いをどうすれば減らすことができるのかを考えることが課題となりそうです。

以前にフォーム作成の際に参考にさせて頂いたサイト

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

サーバーリクエストに関して整理してみました。
ユーザビリティよりはSEOとして活用できそうです。

＊100番台→継続的な情報がある
ex)　100／continue／継続

＊200番台→リクエストの成功
ex)　200／OK／リクエスト成功

＊300番台→リダイレクトの必要がある
ex)　301／Moved Permanently／要求されたりソースは新しいURLに移動。

＊400番台→クライアントがエラーを起こした
ex)　404／Not Found／指定されたURLが見つからない。

＊500番台→サーバーが自分のエラーを検知した
ex)　503／Service Unavailable／過負荷やメンテナンスのためサーバーは一時的にリクエストを実行できない。


また、404ページのデザインについて色々調べていたところ、参考になる面白いサイトを見つけました。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

「ピクトグラムって素晴らしい！」と以前から思っていました。
マーク、アイコン、サイン、シンボル、絵文字などとも呼ばれると思いますが、それ自体が意味をなすという国境を越えた伝達手段として重宝されていると思うからです。
それらが使われる場所は、空港などの公共機関をはじめ、道路標識、電化製品、デジタルコンテンツの中にも多く見受けられます。

ピクトグラムは原則として「事前の学習や特別な知識がなくても理解できるもの」と定義されているようですが、これはWEBサイトの作成段階でも議論されるところかと思います。
例えば、目的とする商品やサービスをユーザーが探しやすいように分類・整理し、認識しやすいようにピクトグラムによってユーザビリティの向上を図る事は１つの形かなと思います。

WEBサイトのみならず、ピクトグラムの活用は無限大です。
ちなみに、先日行われた北京オリンピックのピクトグラムは甲骨文字だそうです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

障害のあるユーザーに対して考えなくてはならないのが、操作のしやすさです。
マウス操作が困難な状況にある人（視力の関係でマウスポインタが見づらい人や、身体的な理由からマウスポインタを正確に制御できない人）のために、キーボード操作を配慮したUI（ユーザーインターフェイス）設計が必要となります。
（「JIS X8341-3：高齢者・障害者等配慮設計指針」に明確に記載されているようです）

その配慮としては、Tabキー/Enterキー/矢印キーを使って操作可能にすることが挙げられますが、よく感じるところで、フォーム入力などでその機能が発揮されると思います。自分自身もよくキーボード操作をするコンテンツの１つです。
テキストボックスやラジオボタンにアクセスキーを設定し、キーボードのみでアクセス可能なコンテンツにした方がいいのは当たり前ですが、これはSEO対策にも関連してくるようです。（検索エンジンに優良なサイトとして評価を得られるため）

また、「電話番号」や「郵便番号」など入力方法が複数考えられる場合は、入力例を明記する配慮も必要です。
自分自身がそうなのですが、入力が終わってからその入力例や制限に気づいてしまうという経験はよくあることです。
経験を生かした改善というのも視野にいれつつ、これからは以前にも増して色々な角度・視点からサイトを閲覧していきたいと思います。

キーボードユーザーインターフェイスのガイドライン（Microsoft）

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

携帯サイトは画面が小さいく、PC程操作性がありません。
「若年層はPCよりも携帯の使用頻度が高い」とは聞きますが、個人的には携帯での情報収集は面倒に感じます。
携帯サイトを閲覧する時、ページの移動をアクセスキーを駆使して行っていますが、これはユーザビリティの一環だと思います。

以前携帯サイトを作成した際、色々考えらされたのはこのアクセスキーの使い方です。
・この機能は、ユーザーの学習性が必要となるため、サイト内で一貫性を保つ必要がある。
・サイト全体で頻繁にアクセスを見込むコンテンツに割り当てる。

携帯サイトの場合、操作性がユーザーの利用に大きく影響されると思われます。
アクセスがしやすく操作性の高い設計を心がけるために、インフォメーションアーキテクチャと呼ばれる観点からも色々考えていきたいと思います。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

ユーザビリティを考慮したWEBサイトを作ったとしても、効果測定をしない事にはそれが正しいのかどうかさえ分かりません。 ユーザビリティとは、日本語で言うところの「使い勝手」や「使いやすさ」に該当しますが、HCI（ヒューマン・コンピュータ・インタラクション）という分野では、「人間がどれだけ容易にコンピュータと対話しながら操作できるか」と定義されているようです。

という事は、ユーザビリティの良し悪しを判断するには「評価」という形で問題点や改善の余地の抽出する必要がありますよね？

通常はいくつかの行程に分けて行われるようですが、その評価手法の１つとしてアイトラッキングというものがあります。 （※被験者を設け、ユーザーの目線（軌跡）をビジュアル化するもの）

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

ネタ自体は古いのですが、色々調べていた時に発見したのでご紹介します。
Google Labsにて公開されている、視覚障害者向け検索サービス「Google Accessible Search」というものです。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

 前回の続き

ユーザーにとっての一貫性を保持するためには、ユーザー環境に合わせてあげる事が必要なようです。というのは、windowsとmacの２種類のプラットフォームが存在する時、windowsが定めるガイドラインとappleが定めるガイドラインとで方針が異なるからです。

例えば以下のようなUIの違いがあります。
　・ブラウザの閉じるボタンがwindowsでは右上でmacでは左上。
　・アプリケーションのダイアログボックスの「はい」と「いいえ」については、windowsは「はい」が左でmacはその逆。

個人的にmacが好きという事もありますが、iPhoneやiPod touch が多くのユーザーに愛され使用されていると現状と将来性を考えると、appleが定めるヒューマンインターフェースガイドラインというものに準拠したユーザーインターフェイスを意識する必要を感じます。

 今回話題に挙げたガイドラインについては英語版しかweb上で発見できなかったので、翻訳機能を駆使するなどして更なる理解を深めていきたいと思ってます。ただせっかくの機会なので、webの世界にとどまらずプロダクトや構造物、システムなどのインターフェイスやユーザビリティの考え方もちょっとずつ調べていくつもりです。

何かあれば情報提供宜しくお願いします。

 

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

お問い合わせフォームなどに必ず出現する「確認ボタン」と「キャンセルボタン」。
多くのサイトがそうしているという理由で、いつも左に「キャンセル」右に「確認」という配置が頭にあり、個人的にも違和感なく操作ができていました。

ただ毎回疑問になっていたので色々調べていると、「ダイアログボックスをデザインするたびにその都度判断するよりも、各プラットフォームでの慣習に従う方が大切だ」とヤコブ・ニールセン博士の記事を発見しました。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

ユーザビリティについて知識を深めるにあたって、まずユーザビリティの定義を明確に理解したいと思いました。
国際規格としてISO9241−11に以下の通り定義されているようです。

Extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.
特定の利用状況の中で、ある製品を、特定のユーザーが特定のゴールを達成するために用いる際の、有効性、効率性、満足度の度合い。

上記の文章が表現しているのは、「万人受け」ではなく「ある特定の人の為の」という意味に言いかえる事ができると思います。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/

スペック五次元の各ディレクターは、それぞれテーマを掲げ、この「SPEC5ZIGEN Director's Blog」に情報を投下し共有する事となりました。

僕中原は、以前までSEOについて情報収集していたのですが、「サイト（コンテンツ）さえよければSEOをする必要がない」という仮説を勝手に立てて、サイトの価値を決めるユーザーインターフェイスから、まずは勉強したいと思ってます。

WEB・CG・デジタルサイネージコンテンツ・Papervision3D　制作会社
スペック五次元HP　　http://www.spec5zigen.com/

自社運営サイト　自動車モデリングデータ販売
CGデータバンク 　　http://www.cgdatabank.com/