グラフィック&テクニカルデザイナーの仕事メモ::7korobi8oki

米国Yahoo!のトップページ変更前後の違いと、見逃せないポイント

Yahoo!の新デザインがローンチしました。

新旧比べてみると、それほど大きな違いはぱっと見てありません。左側に各種サービスへのリンクがあり、真ん中にニュース系のコンテンツヘッドライン。右側に人気の検索ワードとサービス系の誘導ボックス、という形です。

一つ大きく変わっているのが、左サイドバーです。

左サイドバーについて変化した点は２つです。

1. （デフォルトの）項目が変わった）
2. 項目がたくさん用意されていて、その中から一つ選ぶというタイプになった。しかも、その選択肢の中にはGmailなどの他社のサービスも多く含まれている。

左サイドバーに自社サービス以外も登録できる

先に「2」についてですが、驚いたのが「Boing Boing」「Newsweek.com」などの、いわゆる他社サービスも載せることが可能になっているということです。また、"Add a favorite website or feed"に、好みのURLを入れることで、実質上なんで載せられることになります。今までは実質Yahoo!関係のサービスへのショートカットでしかありませんでした。

これはかなりiGoogleを意識しているんじゃないかと。ブラウザのホームページとして便利なようにし、スタートページに設定されている割合がGoogleに負けているという現状を打破したいのではと思います。

My Yahoo!が実際はその役割を負うはずだったのですが、これがうまくいっていない。
なんでかというのはこれは推測なのですが、MyYahoo!って、ほんとにイチからきちんと作らないといけないんですよね。でも、Yahoo!を使うようなネットユーザ層はおそらくそこまで頑張る気は無く、多少自分好みにできればいい、と思っているから、じゃないでしょうか。

その点、Googleはうまくやったなと思います。もともとiGoogleはそれなりのものがセッティングされています。なので、ちょこちょこ出し入れするだけで結構自分好みかつ便利なものにできます。それに、そうでもない人達にもテーマという、変化のわかりやすいものを通じてカスタマイズの楽しさを伝えています。そして何よりインターフェイスが直感的です。

その辺の兼ね合いで、Yahoo!もライトカスタマイズ的な要素を正式なトップに入れたんじゃないかと思っています。

既存のサイドバーの変化と、その意図とは

続いて１つ目の、サイドバーの項目変更です。カスタマイズできるとは言え、大半のユーザがデフォルトないしデフォルトにいくつか変更を加えたものベースで動くと思われますので、デフォルトの項目というのは、イコール「Yahoo!的にこの位置に露出したいもの」と考えてよいかと思います。

ではそれが何かというと、以下が旧デザインのYahoo!でサイドバーにあったもので、新しいサイドバーに残ったかどうかのリストです。

• Answers ×　知恵袋的なもの
• Autos ○　自動車情報
• Finance ○ ファイナンス情報
• Games ○　オンライン無料/有料ゲームなど
• Groups ×　メーリングリストみたいなもの
• HotJobs ○ 求人情報
• Maps ×　地図
• Mobile × 携帯サイトへの誘導と紹介
• Movies | TV ○ 映画・TV情報
• Music ○ 音楽情報
• OMG × セレブ系の有名人のニュースやゴシップ
• Personals × パートナーマッチングサイト（要はMatch.comみたいなもの）
• Real Estate × 不動産情報
• Shine × 08年4月にローンチした女性向けのニュースやコミュニティサービス
• Shopping × ショッピングモール
• Sports ○ スポーツ情報
• Travel ○ 旅行情報
• Yellow Pages ○ タウンページのようなもの

新しく追加されたものは以下のものです

• View Yahoo! Sites　：　Yahoo！に登録されているサイト紹介
• Yahoo! Mail　：　Yahoo!のWEBメール
• Facebook　：　 SNSサービス
• Flickr　：　写真登校・共有サービス
• Messenger　：　インスタントメッセンジャー
• Updates 更新情報（各ユーザの）
• Weather　：　天気予報

なくなった項目についてですが、以下のような理由かと推測してます。

• 「Answer」は日本で言えばYahoo知恵袋的なものですが、おそらく検索結果にヒットしてそこからがファーストランディングな人が多いためではないか。
  逆に言えば、トップページから誘導してもあまり興味を持ってもらえなかったか。
• 「Groups」についてはすでに時代遅れのサービスだから。かわりにFacebookがその財についたことですし。
• 「Map」については、使われている率は高そうですが、検索結果から誘導していくことを主な導線として決めたのではないか。
• 「Mobile」は、海外の携帯端末事情をイマイチ追い切れていませんが、このページ経由でのPCから携帯への誘導があまり功を奏していないのではないかと思います。
  携帯でアクセスする人は自分で最初は手打ちで入れているのではないかと。
• 「OMG」「Personals」「RealEstate」「Shine」については単純に人気が無いのではと思います。

それに対して、FacebookやFlickrなどのソーシャル的なものが追加されています。Updatesもその延長ですね。

したがって、今回のサイドバーの追加変更は

1. トップからの誘導率が低いもの、誘導しても離脱が高かったりで回遊してくれないもの
2. 他のところからの誘導に重きを置いたので、トップから誘導しなくても良くなったもの
3. そもそも人気の無いもの
4. 新しいソーシャル系の人気サービスの追加

といった理由ではないかと思います。

これからのYahoo！

パーソナライズの波に乗りながら、なんとかブラウザのスタートページのシェアを取り返そうというのがYahoo!の当面の目標なのかなと思っています。

この変更が、検索結果画面も含めていつごろから日本のYahoo!に波及するのか分かりません。

検索結果画面についてはOrganicの結果や、広告の出方は変わらなさそうなのでいいですが、左側に色々と検索結果カスタム項目が並ぶことで、誘目をめぐる争いは激化しそうですね。CTRは下がりそうです。

関連キーワードが前より強烈に出てきているので、複合キーワード or ニッチキーワードのインプレッションが増加しそうです。

サイドバーの項目変更については、はずされたサービスのインプッションは確実に減るので、ビッグバナーなどを出稿されている方は諸所確認した方がよい以下と思います。

Trackback(0)

GoogleAnalyticsとExcelをつなげるツール「Excellent Analytics」

SEOmozで「Excellent Analytics」というツールが紹介されていました。

新手の解析サービスかと思いきや、GoogleAnalyticsとExcelを連携、というかExcel上でGoogleAnalyticsのデータを簡単に取り込めるようにしたものでしす。おぉ。

個人的にはこれはとてもありがたいです。Excel2007以上でないと動きませんが、これだけでも諸所のデメリットを置いておいてもアップグレードしたいです。

▼SEOmoz | How to Export Google Analytics Data to Excel via the API
　http://www.seomoz.org/blog/how-to-export-google-analytics-data-to-excel-via-the-api

インストールすると、Google Analyticsのタブが、Excelの上のリボンのところに出てきます。データはAPI経由です。

実は自宅が2003なのでまだ試していないので日本語が通じるかは分かりません。
ただ、個人的には日本語ってほとんど使わない（多分、ページタイトルの分析のところだけだと思いますし）ので、通らなくても別にいいかなと思います。

何が便利か

一般的にどうなのかは分からないのですが、私はGoogleAnalyticsのデータをカスタムレポートなどで見るだけでは調査したいことが調査しきれないことが多いです。

なので、いったんExcelでCSVに落として、そこから加工していろいろ比較したりしています。このやり方でいいと言えばいいのですが、何が大変かというと、CSVファイルが溜まっていくことと、その作業工数です。

「集計範囲を変える」「アドバンストセグメントを変える」などなど、少し変えただけで再度CSV吐き出し→データをきれいに→ソートしてうんちゃら、の繰り返しなので、途中で「あっ、ここも深堀すべきだった！」というときに正直萎えることが多いです。

でも、こうやってExcelから直結していればかなり改善します。もちろん、一番いい形はもっと先にあるのだと思いますが、かなり楽になります。

調査のボトルネックの一つにその準備がある

マーケ調査をしていると、特にWEB系では細かい数字をひたすらおっかけることになります。

そして、私のようにアナログにほぼ手動（それでもClickTracks時代よりは楽になったのですが…）でやっている場合は、その数字を作るまでがかなり大変です。お金をかけて開発すればいいのですが、要件等があいまいかつ、必要なアウトプットもころころ変わるので、なかなか難しいのが現状です。したがって手でやってます。

その状況ですと、もちろん時間もかかりますし、途中で「あっ、ここ深堀しておけばよかった！」というときに、また最初から…と思うと正直腰が引けることがあります。

質が下がってしまっていることは否めません。

マネジメントだけではなく、WEB系の調査でも、PDCAの話はよく語られます。ただ、意外と「Check」の工数が軽視されがちな印象があります。でも多分、「Check」ってバックエンドとして一番しっかりしてないといけないんじゃないかと思います。下手したらPlanやActに誤った評価をしてしまいます。

ですが、ここで「ざっと見たけど良くなってるからいいだろう、次行こう次」「予想よりうまくいかなかったけど、数字は嘘をつかないから仕方ないな…精査はともかくいったん元に戻そう」という風になって時間を取らなかったりすると、実は調査項目の計算式の誤りや、以前のデータの消しこみ忘れなどのせいで、おかしかっただけで実は…ということも起こりうります。っていうか起こしたことが何度あったことか。

特に失敗した経験は頭の中に長く残るので、悪かった場合は特に、ほんとに悪かったの？いいところはなかったの？というところまで含めてきちんと深堀した方がいいいと思います。

なので、このExcelはとてもうれしいです。結構前からでていたんですな…

Office2007に抵抗のない方でGoogle Analyticsをデータソースとして使っている方はぜひ使ってみてはどうでしょうか。

関連リンク

1. インストール方法など
2. 動作の解説ビデオ

Trackback(0)

DVDをMP3にして、iPodとかで通勤中に聞く方法

すでにありふれたネタだと思いますが、何かの役に立つかもしれないのでまとめです。

DVD教材なんかを、通勤中や移動時間に聴きたい人もいるかと思います。主にiPodをターゲットにして、自分がやったやり方をメモします。

作業の流れ

以下の流れです。

1. DVDをiPodで読み込めるMP4動画形式にする
2. MP4動画形式から音声のみをMP3形式で抜き出す
3. 携帯音楽プレイヤーで読み込む

ファイルの再生はiPodでしか確認していないので、ZuneやSONY系、Rioなどで再生できるかは未検証です。

手順

１．DVDをiPodで読み込めるMP4動画形式にする

1-1：動画ファイルを見つける

DVDをドライブに入れます。

• マイコンピュータに出てくるので、それを開き、中の「VIDEO_TS」フォルダ
  を開きます。
• その中にある「.VOB」というファイルが動画ファイルです。チャプタごとに分かれています。

1-2：動画変換ソフトを手に入れる

「携帯動画変換君」というフリーソフトを使うので、公式サイトからダウンロードしてインストール。

▼携帯向けに簡単に動画を変換してみよう（携帯動画変換君） - MobileHackerz

1-3：ソフトの初期設定をする

• 「携帯動画変換君」の中のSetup.exeを起動して「機種別設定：MP4ファイル、iPod向け設定」を選び設定ボタンを押して終了。
  →ソフトがiPod用の設定になります。

1-4：iPod動画形式に変換する

• 「携帯動画変換君」の中の3GP_Converter.exeを起動して、1-2で見つけた.VOBファイルをドラッグアンドドロップして登録。
  機種別設定は何でもいいですが、音声だけ最終的に抜くので192kbpsで十分かと。
• 出力先ディレクトリは適当で、
  　　　→出力先ディレクトリにMP4形式の動画がでてくるはずです。
  　　　　 QuickTimeで再生できるはずです。
• 動画が見られるiPodの方はこれを登録すっれば動画で見られます。

２．MP4動画形式から音声のみをMP3形式で抜き出す

2-1：ソフトを手に入れる

MediaCoderというソフトを使いますので、以下からダウンロードしてインストールします。

▼MediaCoder - Downloads
　http://www.mediacoderhq.com/download.htm


2-2：ソフトの初期設定をする

・左上のAdd…から音声を分離したいmp4ファイルを追加（要はさっきのやつ）

・左下のGenericタブで， OutPut Folderで「出力したいフォルダ」を選択

・Videoタブで「Enable Video」からチェックを外す

・Audioタブで「Enable Audio」にチェック
　 Sourceは「MPlayer」を選択し「Auto Sleect」にチェック
　 Encoderは「LAME MP3」を選択し「CopyAudio」にチェック

・Containerタブで「Container」をMP4に
　Remuxerはチェックを入れて、「MP4BOX」を選択

※「Mp4BOX」とは、MPEG4などのファイルをいじれるツールのパッケージ。
詳しい使い方やLinuxなどでの組み込み方はこちら。
▼SE奮闘記: 【Linux】MP4Boxコマンド一覧のメモ
　http://se-suganuma.blogspot.com/2008/08/linuxmp4box.html

▼猫科研究所(felid labo) - gpac(MP4Box)のビルド
　http://www.up-cat.net/gpac%2528MP4Box%2529%25A4%25CE%25A5%25D3%25A5%25EB%25A5%25C9.html

2-3：実際に出力する

F5もしくは、右上のStartボタンをクリック

Status欄にエラーが出た場合は設定を再確認

成功していれば、真ん中のプログレスバーが動き、指定されたフォルダ
にMP3ファイルができているはず。

３．各自の携帯音楽プレイヤーで読み込む

各プレイヤーのやり方に沿って行ってください。

というわけでMP3形式でiPodに入るようになったはずです。

よろしければご参考に…

Trackback(0)

Microsoft謹製、Ie6〜IE8の表示チェックツール

Microsoftから、IE6とIE7、IE8の互換モードと標準モード、それぞれのブラウザでの見え方の違いを比較するツール「SuperPreview」というのが出ています。MicrosoftがだしているWEBサイト制作ツール「ExpressionWeb」の機能の一つですが、無料で単体で使用できます。

▼IEBlog : Supporting Web Standards Development with SuperPreview
http://blogs.msdn.com/ie/archive/2009/09/15/supporting-web-standards-development-with-superpreview.aspx

機能的には正直IETesterの方が使い勝手はいいと思います。

ただ、オーバーレイ機能で重ねて見ることができるので、ピクセル単位での要求をしてくるクライアントさんに対しては便利かなと思います。エビデンスの作成という意味もこめて…

ちなみに、昔サブページを作った、某航空会社がそうでした。
仕様書もぎっちりPowerPointで作りこんであって、当時はNetscape vs InternetExplorer なブラウザ戦争だったので、スクリーンショットを取りながらTableをゴリゴリ組んでいた記憶があります。

ほとんど制作時間がそこで取られていたなぁという思い出です。

ブラウザの違いによる表示の違いがもしなかったら

もし、ブラウザの違いによる表示の違いがなかったら、言い換えれば複数のブラウザでチェックする必要がなくなったら、制作工数は劇的に減るはずです。

少なくとも、MacとWindowsで1つのブラウザでチェックすればOK、という次元になるだけでも相当変わるはずです。JavaScriptの解釈やCSSの解釈・実装状況まで含めて。

今のWeb界隈で、どうしても「物事を前にするめる何か」ではなく「今の何かに対するTips」というある種後ろ向きの情報の方が需要が高い、ないし興味を引いてしまうのは、個人的にとても切ないものを感じます。

ブラウザでの表示確認は、WEBサイトを受け取るお客さんとしては何の付加価値にもならない作業です。それだったら、そこをなんとかオミットして、JavaScriptのブラッシュアップだったり、サイトのコンセプトやアドバイスの時間を取ってあげたり。

…

しかし、それはそれとして、「Web Accessibility Toolbar」が早くIE8に対応してくれないか、心待ちにしている今日この頃です。HTMLやCSS関係は、IE8標準の開発者ツール（IE8標準機能のDeveloperTool（開発者ツール）が何気に便利：：[7korobi8oki.com]）でなんとかなるのですが、色弱の人への見え方や、ブラウザのリサイズなどで便利だったので。IE8に早く対応してくれないかな。

Trackback(0)

今週のTwitterピックアップ(9月上期)

ツイッターピックアップ。相変わらずなどうでもいいことは削ってあります。

• Web業界が「売り手市場」だった時期って結構前に終わっているような。今はほんとに二極化してると思う。とか言いつつ興味本位で行ってみようかな。　Webプロデューサー／ディレクター向けのキャリア構築セミナー http://bit.ly/3z18MT
• Web2.0的デザインも、そのうちトレンド扱いになるのかなぁという気も 15 Best Photoshop Web Layout Design Tutorials - http://bit.ly/11PC6j24分前
• アクセンチュアとかのWEBコンサルってどんなことやるんだろう、知りたい。http://bit.ly/2JXmEA37分前
• 10年前位に途中参加した自分としては、 まだ40年しか経ってないんだ…というのが正直な感想。 「インターネット誕生から40年」 http://bit.ly/RQvHL約11時間前
• 昔、キャリアパスって、何か飛び級みたいなものだと思っていた件。これからの人生含めて、キャリアパスをもっと夢想しないとなぁ。約12時間前
• ブログ更新 ： SEOmozで学ぶメールマーケティングの5つのコツ http://bit.ly/1acwhc #blogupdate約24時間前
• 越谷イオンレイクタウンすごい！大きいだけじゃない！店も寄せ集めじゃないし、館内放送聞くだけでも、ホスピタリティを感じます(^_^4:18 PM Sep 6th
• 越谷レイクタウン行きます！っていうかでかい！半日じゃ回れない？！もっそいわくわく。 http://bit.ly/3XVqZ と http://bit.ly/3XVqZ1:28 PM Sep 6th
• ブログ更新。『Robert Scoble氏のWordpressも昔何度かCrackされていたらしい 』http://bit.ly/OT1c01:06 PM Sep 6th
• 一般的な企業への投資とベンチャー企業への投資との考え方の違いとは http://bit.ly/16u5FT9:33 AM Sep 6th
• 「“販売とは説得である”“マーケティングとは生み出すこと”“ブランディングは影響力”」#personalbranding12:25 PM Sep 5th
• 「パーソナルブランドの世界に飛び込む前にあなたが自分のしていることに情熱を抱くことができるか自問してほしい」#personalbranding12:22 PM Sep 5th
• 「(パーソナル)ブランドはあなたと一緒に仕事がしたくて仕方なくなるような気持ちを人々に植え付ける」#personalbranding12:18 PM Sep 5th
• それはそれとして、披露宴でトランペット吹くのはじめてー。 どうなることやらー。 段取り聞いていないけど、食事の後、軽くお酒が回ってる頃にやらせてもらえると一番いいなあ。 無伴奏でソロ。ちと緊張♪11:45 AM Sep 5th
• 大宮なう。携帯のボタン配置って、各社によって、なんで９割くらい一緒で、1割くらい違うんだろう。 基本のボタンセットだけならキャリア内で統一できないかなあ。11:41 AM Sep 5th
• Bing公式、BingSEOのコツ。当たり障りのないことしか書いてない…当たり前だけど　http://bit.ly/b3pUi2:42 AM Sep 5th
• というか八分をイーブンで吹けない自分に問題がある件について。1:45 AM Sep 5th
• 帰宅なう。会社から帰ってスタジオに篭って、明日の嫁の弟の結婚式での演奏の練習。嫁はクラシック、自分はジャズやってきたから、吹き方が合わなくて楽しい。1:44 AM Sep 5th
• いわゆるリッチテキストエデイタ。きれいだけどなぜみんなbとかiタグを使ってしまうんだろう…[CKEditor] http://bit.ly/1LUP9i2:41 PM Sep 4th
• BingがSERPsをそのままTwitterなどに投稿できるようになったみたい http://bit.ly/lq9fG1:05 AM Sep 4th
• Diggが外部リンクにnofollow設定。Twitterは前からそうみたいだけど、すべからくDiggみたいなとこはnofollowでいいのではー　Reading "Digg Goes Nofollow to Reduce Spam" http://bit.ly/TmaP812:40 AM Sep 4th
• 数分おきにTwitterを覗くなら確かにRSSは不要かもしれないけど…それはちょっと自分には非現実的だなぁ。Scoble氏ならパラでできるのかもしれないけど。 http://bit.ly/bSftU12:27 AM Sep 4th
• 帰宅なう。Robert Scoble氏もTwitterやってたのね…フィードしか見てなかったから知らなかった… http://twitter.com/scobleizer12:20 AM Sep 4th
• 頭が沸騰するくらい考えてなかったのかなあ…見積もりがたたないのは経験不足だけじゃなくて論理的推定力かな。フェルミフェルミ♪11:59 PM Sep 3rd
• @koichiakiyama その複合KWでたくさん検索があれば表示されるようですよ。それを悪用したサービスを提供する代理店が出てきたのでYahoo!は警告していますが http://bit.ly/k6jte10:40 PM Sep 2nd koichiakiyama宛
• 高額商品なら人に聞きたいのは当たり前だと思うし、その傾向がしばらくは変わらないとしたら、ネット上でリアルなコミュニケーションを実現させた方がいいのかも http://bit.ly/4BhJns1:34 PM Sep 2nd
• SEOばかりに目を向けないで、SEMだよ、という話　http://bit.ly/hVP8W1:22 AM Sep 2nd
• バックリンクをつけてくれる人たち（Linkerati）一覧。 http://bit.ly/Cc5T81:21 AM Sep 2nd
• レベルが低くてもいいから自分でネタを生み出すのが今年の目標…と言いながらGoogleReader見る毎日 orz1:16 AM Sep 2nd
• ブログ更新なう。久々手を動かすネタ。　 自分のサイトのtitleやdescriptionなどを一括でリストアップする方法<http://tinyurl.com/ntrwmm>1:08 AM Sep 2nd
• 確かに…がんばろう RT @WebStudio13: Being positive is not enough, you must act with the end in mind and feel it completed - Shelina Thomas #quote10:44 PM Sep 1st
• つまりは自分はメニューから見たい。慣れたサイトならコンテンツから読みたい。悩ましい。9:28 PM Sep 1st
• WEBページにおいて、はじめにメニューが見えた方がいいのかな。それともコンテンツなのかな。自分はまずサイトの全体像を知りたくてその上でこのコンテンツがどんな文脈にあるのか知ってから読みたいほうなのだけど、一般的にはどっちが多数なんだろう。9:28 PM Sep 1st
• 池袋の旧三越に、足場が取りついた。ヤマダ電機になるらしい。家電とラ ーメンの街になるのかなあ。 http://f.hatena.ne.jp/twitt...11:55 PM Aug 31st
• 「態度 怒る前に考える」「決意 きちんと断る」「環境 椅子やデスクを変える」「目的 夢をお金で測らない 」「時間管理 いくつかの仕事を捨てる」　：『仕事のポーション ビジネスパーソンのための疲労回復術』http://tinyurl.com/mdrsq79:35 PM Aug 31st
• Twitterって小さな付箋が貼れるコルクボードみたいな存在な気がする。色んなものはっつけて、だれかが見て、わーみたいな Twitterで読書記録 http://tinyurl.com/lk27pg9:32 PM Aug 31st
• CSSをショートハンドで書いて項目が足りない場合、外部CSS指定していてもFFは無視してしまうのか…どっちが正しい仕様なんだろう…5:46 PM Aug 31st
• suzukikさんの記事から。ﾅﾝﾀﾞｯﾃｰ! http://tinyurl.com/ml78na 「Google Insights for Search（中略）グラフの線が下降しているからといって、検索ボリュームも下がっているわけではない」2:07 PM Aug 31st
• そう言えば昨日ブログを書いてたんだ…。「そういえばGoogleのMattCutts氏はBloggerじゃなくてWordpress使っている件：：[7korobi8oki.com] http://bit.ly/u124f1:41 PM Aug 31st
• なんか人事評価制度みたいだ…SEO…11:35 PM Aug 30th

Trackback(0)