清水誠メモ

地ビールECサイトのコンセプトダイアグラムを作りました。Ustream番組「IAチャンネル：自社サイト最適化講座」の中でプレゼンしたところ、整理された、分かりやすいと好評だったので、改めて紹介します。 コンセプトダイアグラムの描き方 まずは、地ビールの販売というビジネスモデルの特性を把握しつつ、その中でのECサイトの位置付けを整理しました。 地ビール販売の特徴 ジャンルもブランドもあまり認知されていない 買えるお店、飲めるお店が少ない 全てエールビールというこだわり（日本のビールのほとんどはラガービール） ユニークで高価なため、ギフトに適している どのネットショップで買っても、送料がかかるため、近くにあるなら店舗もおすすめ セットの組み合わせはネットショップによって異なる サイトを訪問するきっかけは3種類 メディアでブランドを知った状態で指名訪問 地ビール、ギフトビール、スイーツビールを検索して訪問し認知 ...

Ustream番組「IAチャンネル」セカンドシーズンで取り上げている地ビールECサイトでは、リピーターとの対話のためブログが積極的に活用されていて、ブログ記事から商品販売ページなどへリンクすることが多くあります。そのため、 どの程度リンクがクリックされているのか 購入につながっているのか を把握したいところです。ブログやTwitterは、反応があると楽しくなってしまい、費用対効果以上に力を入れてしまうことがあります。効果を把握し、最大化するために、 今のままで良いのか？ 改善は必要なのか？ 力のかけ具合は適切なのか？ を時々振り返る必要があります。 そのため、このブログにもGoogle...

日本ウェブ協会が主催する『ウェブ会議 in 青森2010』に出演します。 イベント名 『ウェブ会議 in 青森2010』 情報アーキテクチャ（IA）で実現する「ウェブサイト最適化」 日時 2010年12月16日（木） 講演タイトル サイトオーナーが片手間で実践できる効果測定と改善メソッド サイトを立ち上げて運用改善する過程を具体的にお話します。 IA2010キックオフの時に近いですが、45分間なのでコンパクトにまとめ、分析手法と結果を最新にUpdateしています。 プレゼン資料はいつも全公開していますが、スライドだけではなかなか伝わらないので、お近くの方はぜひお越しください。 公式サイト：

前回の記事『DSよりiPhoneとiPadが好きな10歳が選んだアプリ29種かんそう文』は、子どもとコラボして書きました。公開後にTweetして、数秒後に「もう10クリックだよ」と教えてあげたところ 「そんなことわかるの？いま何クリック？」 と何度もgoo.glをリロードすることに。自分のコンテンツがどれくらいアクセスされたのかを知るという楽しみを知ってしまいました。次は、改善するともっと増える、というPDCAを体験させてあげましょう。 iTunesのリンクはアフィリエイトになっています。売れた分だけおこづかいあげる、と約束してます。が、数百程度のアクセスでは売り上げが立ちません。お金を稼ぐのは大変なんです。 子ども：「ツイッターって誰とやってるの？」 パパ：会社の人とか仕事の人とか 子ども：・・・それ対象まちがってるじゃん はっ。確かに子ども向けアプリの紹介をWeb解析系のフォロワーに流しても意味なかったかも...。スルドイ...。 子ども：それで、いくらもらえるの？ パパ：アプリの値段による。例えば100円のアプリだと4円とか。売れた値段の4%くらいがもらえる。

MarkeZineの連載「現場リーダー必見！アクセス解析実践日誌」 の新記事『キャンペーンの間接効果は解析できるのか？アトリビューションの計測・実装方法を考察する』が2010年11月24日に公開されました。 今回は、日本でも最近注目されるようになってきた、マルチタッチの間接効果を調べることができるアトリビューションモデルについて取り上げました。Eric T. Peterson氏によるホワイトペーパーを紹介しつつ、まずはラストタッチによる通常の分析に問題があるのかどうかを調べる方法までです。実際の分析と結果については次回に取り上げたいと思っています。

Google Analyticsで外部リンクの計測を自動化する方法です。 headの中のタグはいつも通りに。非同期版です。 code21 外部リンクのクリック時に、GA計測用関数を実行するイベントをJQueryで自動付与します。 code22 JQueryのフィルタ機能を使って、HTML中に書かれた全てのリンクを下記の条件で検索し、 リンク先URLにドメイン(hostname)が記述されている（相対パスではない） 現在閲覧中のドメインと異なるドメインへのリンクである onClick時にGoogle Analyticsの計測用の関数(_trackPageview)を自動実行するイベントをセットしています。 ページ中のリンクのほとんどは内部リンクなので、filter機能を使って外部リンクだけにイベントを設定した方がスマートです。 また、 $(document).ready(function(){ }); と、body内のタグをすべてロードし終わってから処理を開始しないと、リンクを検知できない場合があります。 関連記事 Google...

 2010年11月27日（土曜日）に開催されるイベント、WebSig1日学校～未来のあなたのWebを変える1日～に出演します。 小学校というシチュエーションを生かした授業を通して、インターネットやWebの未来、私たち未来を考えるイベントです。 今回は「Webに関わる個人（や会社）が、どうすれば価値を高められるか？」というIAでもCMSでもWeb解析でもないテーマでお話します。 まだ若干席があるようです。詳しくは公式サイトへ。

サンクトガーレンの二つのドメインにGoogle Analyticsを導入し、簡単にできるカスタマイズを行い、クロスドメイントラッキングの設定が終わったので、次はASPのECサイトにもGoogle Analyticsを導入します。 サンクトガーレンのサイトからリンクされている公式ショップは二つあります。 旧ショップ（独自プログラムの注文フォーム） 新ショップ（決済機能付きのASP） 利便性が高く、今後のメインになる新ショップは、ASPの「カラーミーショップ」を使っています。 調べたところ、ショッピングカートを除く全ページと、注文完了ページ、のそれぞれに独自タグを入れられることが分かりました。 そこで、下記のGoogle...

サンクトガーレンのサイトは、複数のドメインで構成されています。 本サイト (www.sanktgallenbrewery.com) 旧ショップ (tsst.securesites.net) 新ショップ (sanktgallen.shop-pro.jp) ブログ (sweetsbeer.cocolog-nifty.com) Google...

Google Analyticsの計測確認とカスタマイズ (2010-11-08) 前日に導入したGoogle Analyticsのデータが貯まってきたので、1時間を使ってカスタマイズすることにしました。 日本の検索エンジン追加 実際のレポートを見てみると、リファラー（参照元サイト）に検索エンジンらしきドメインが混ざっています。 これらを検索エンジンと認識させるため、下記のコードを追加しました。 code14 どの検索サイトで検索されているのかを把握したいので、時々レポートを確認しながら実際に流入した検索エンジンだけを追加していくことにします。 エラーページのカスタマイズと解析 リンク切れで404 Not...

リニューアルの効果を分析するため、事前にWeb解析ツールを導入しておく必要があります。数字は過去にさかのぼって取得できません。また、どの数字がどうなったらリニューアル成功と判断するのか、目標（KPI、指標）も決めておく必要があります。とるべき数字が取れるように、設定や開発が必要になります。 IAチャンネルの次の放映まで1ヶ月、それまでに導入と設計と実装と計測と分析を終わらせておく必要がありますが、片手間なのであまり時間をかけられません。今やるべきことを優先し、今後の効率を重視して作業しました。 Google Analyticsを導入（2010-11-07） 時間がないとはいえ、いくつか工夫したポイントがあります。 非同期読み込みに対応 メインの本サイトはHTMLをベタで編集できるので、非同期トラッキング用のタグを入れました。パフォーマンスと精度の面でベストな実装方法です。 外部ファイルにJavaScriptコードを記述し一元管理 このサイトの場合、それぞれのHTMLファイルを手で開いてタグを追加していく必要があります。後で変更がしやすいように、Google...

事前のヒアリング、サイト診断、コンセプトダイアグラム作成を経て、 2010年11月4日に日本ウェブ協会が主催するUstream番組「IA Channel：自社サイト最適化講座」を放映しました。 初回なので、会社と担当者さんの自己紹介と、課題の整理、そして番組の最後には提案の公募を行いました。 自社サイト最適化講座 vol.2 ゲスト：サンクトガーレン広報 中川さん 自己紹介 課題と要望 デザインを刷新し信頼度を高めたい ツギハギの構成を直したい 誰にどう依頼したら良い？ そもそもネットで売上は増える？ 要件のまとめ サイトの位置づけを図解で整理 リニューアル範囲を限定 担当者が自分でページを作成＆公開できるCMSを指定 Web新規顧客の数とコンバージョン率を成功指標とする 公開提案の募集 上記の要件を見たす提案を募集 ...

3歳からパソコンとケータイを操るこどもIAは、2010年現在10歳になりました。 ここ数年はデスクトップPC一台を占領し、ドラクエ（DQMJ2）の攻略Wikiを見ながら計算機アクセサリを使い、DSをダブルで通信させています。 2009年からは自分専用のiPod Touchも持っています。 2台目のiPadはママと共有ですが、ママより使いこなしている様子。 これら5台のデバイスは全て無線LANで常時接続です。「重いなー」と画面を見ながら台所の無線LANルータにフラフラと近づいて行き、接続が安定するとまた戻ってきます。 ITリテラシーは将来役に立つはず、とハードとソフトの両面で先行投資しています。水泳教室や塾でがんばった後は、アプリやネットゲーム課金がごほうびです。学校のパソコン教室はカンタン過ぎて、先生に教えてあげているそう。 2010年9月28日のこと。iPod...

Ustreamで改善提案のプレゼンを生中継する当日まで、あと1週間。雑談で終わるわけにはいかないので、要件を整理して提示し、さらに制作者に依頼できるような状態まで持っていきたい。 サイトの全体像を確認 そこで、まずは課題と解決の方向性を説明するため、ヒアリングの時にホワイトボードに描いた図を清書することにしました。難しいのは、 何をどの流度で描くか？ 大きさや縦横の位置にどのような意味を持たせるか？ です。平日の通勤途中に考えたので、iPadのAdobe...

初回ヒアリングの時点で立てた仮説は、 リピーターのサポートに偏りすぎている 初めて訪問する人を適切に導き、飲んでもらうのが大切 今のサイトだと、迷って去っている人が多いのではないか？ そのため、 ネットショップやブログはそのままでok トップと商品案内、飲むための方法の紹介、を整理するだけで売上が増える 新規訪問者のコンバージョン率を成功指標にする必要がある というアイデアを打ち合わせ中に提示しました。ただし、後で裏付けのための調査は必要です。 次にサイト調査 何となく見えた課題を整理し、サイトの構造を理解するため、週末にページレベルのサイトマップを作成しました。 図:Excelのサイトマップ: FTPでサイトのファイルと構造を調べ、実際のサイトにアクセスしながら作ったので、2時間くらいかかりました。また、アクセス解析レポートをみて、実際にアクセスされているページも確認しています。つまり、 サーバー上に実在するファイル サイト上で実際にアクセスできるページ ...

実サイトの立ち上げや最適化の実践をリアルにレポートしていくのが「実践CMS*IA」の趣旨です。やってみないと分からない。できることはたくさんある。 第1弾として当サイト、第2段としてニッセンを取り上げてきましたが、2010年10月に第3弾のプロジェクトが始動しました。 地ビール「サンクトガーレン」のECサイトです。サンクトガーレンは、日本での地ビール解禁前からアメリカで醸造を開始した元祖0号で、国内外で数々の賞を受賞している厚木のユニークな醸造所です。 事前ヒアリングは1時間のみ まずは、10月21日に1時間、キックオフMeetingを行いました。サイトをプロジェクタに映しながら、課題と要望をヒアリング。サイトのコンセプトと構成をホワイトボードに描き、課題と改善エリアを絞り込んでいきました。 その時のホワイトボードがこれです。プロジェクターでサイトを見ながら、誰のために何のコンテンツをどう更新しているのか、反響や効果は？と情報を引き出しつつ、図解で認識を合わせていきました。 図:図を描きながら課題を共有: この時点で分かった課題は そもそもネットで売上は増えるの？ ...

最近は名古屋や高松など、各地を回っています。今度は大阪、デジタルハリウッド大学院主催のIAセミナーです。 IA（インフォメーションアーキテクチャ）活用による「サイト最適化」とは？ 下記のような内容を考えています。 IAとは 誕生の秘話 揺れる定義、その本質とは なぜIAが重要？ 情報が見つからなくなる 見えないコストとリスク増 株価が急落することも（UAの例） 理解とは メンタルモデルのメンタルモデル IAの方法論 各種手法の紹介 理論武装とドキュメント化のテク 価値を出すコツ これだけでok、厳選アプローチ IAと最適化の関係 ビジネスも環境も変化する 結局、儲かるのか？ 最適化のポイント 事例 商品ページ改善でコンバージョン率増加 商品数追加でクリック率増加 こんな効果も測定できる 一日一時間で挑戦するEC売上倍増プラン 今からできること ...

 IA（情報アーキテクト）がWebサイトを設計する際の成果物に「コンセプトダイアグラム」（ScientではConcept Modelと呼んでいた）がありますが、作り方や例に関する情報がほとんどなく、あまり注目されていません。2000年～2003年にUSのWebインテグレータ（Scient, Sapient, Razorfish）からIA方法論の直伝を受けた元IAの一人として、もっとコンセプトダイアグラムについて広めたい！と思っています。 本サイト「実践CMS*IA」を開設して1年以上経ったので、改めてコンセプトを整理して図解してみました。1年前に作ったコンセプトダイアグラムと比べるとだいぶ整理され、視野も広がったかも。 実践CMS*IAのコンセプトダイアグラム（解説ページ） cms-ia.info Concept Model v2 （Flickr直リンク） 3ページに分けたPDF版（SlideShare、p.18～p.20） 11/4...

2010年11月4日 19:00-20:30に、日本ウェブ協会のUSTREAM番組【IAチャンネル：自社サイト最適化講座】のvol.4がライブ配信されます。 今回のテーマは『地ビール会社サンクトガーレン：良提案を引き出すIA要件とは』です。 清水（楽天）がクライアント側のWeb担当者になり、経営者（広報）の意図をくみ取りつつ、制作会社へ要件を伝えます。 制作（コンサル）会社のIA・プランナー役として出演する仁賀田さんと、発注のあり方について議論します。 司会はいつも通り、アクアリングの平野さんでお届けします。ぜひご覧ください。配信後はアーカイブでも視聴可能です。 配信サイト（USTREAM） http://www.ustream.tv/channel/ia2010

2010-10-29のウェブ会議in高松に参加いただいた皆さま、お疲れさまでした。 プレゼンの中でご紹介した記事とツールのリンクをまとめました。 楽天におけるアクセス解析と最適化 『楽天経済圏を支えるアクセス解析の全貌』（ITメディア） IA設計手法 図解で理解『コンセプトダイアグラム』 効果測定に使える『Excelサイトマップ』 SEO効果測定 SEO順位チェック『GRC』（有料） SEO順位チェック『FerretRC』（無料） Twitterの効果測定 Twitterでの人気度（つぶやき回数）『TOPSY』 Twitterは売上に貢献するのか？TwitterマーケティングにおけるKPIの再検証（翔泳社MarkeZine） デザインの効果測定 無料ヒートマップ『UserHeat』 縦長いページデザインは是か否か？楽天におけるスクロール量計測の裏側（翔泳社MarkeZine） ...