サイト運用と効果検証

テキスト

サイトを運用する前後の過程についての講義

運用する目的は顧客の問題解決と満足
そのためのサイト構築デザイン

サイトを公開してからがスタート

有用なウェブサイトとは

ユーザーがほしい情報にいち早く到達できる
操作性が良い。間違えにくい
情報が正しく最新である

以上のためには情報アーキテキチャー
アクセスビリティやユーザビリティの向上

間違えた操作をすると、「何かお困りですか？」というヘルプが表示される英米の文化

成果が出ない場合は具体的な成果指標を定める。

（例）画像ばかりのウエブサイトから文章構造を変えましょう！

将来は文章は変更する事によって

論理武装して顧客を説得する
好き嫌いでジャッジするのは意味がない。

リニューアルすることによって却ってアクセスが下がる場合もある。変わることによってそれまでのサイトに慣れていたユーザーにとって使いづらくなる

最終的に慣れてもらう事によってユーザーにメリットを作る

サイトの今後
CMS　コンテンツマネージメントシステムが注目
但し、ワンソールマルチユースが出来ない
XMLでないとモバイル等全ての対応が出来ない

以前は反響がもう一つだとサイトリニューアルをしていたが現在では回収をする手法

ウェブ標準に基づくテンプレート化コンポネーショネイト
SEOの概念が大事になってくる

フロントエンド技術（CMS)

運用のベースデータとなる仮設検証を繰り返す
売れたもの成功した事例を集める

作り手の好みでなくコンシューマー目線で毎回売れるやり方で

販売の際ウールマークをつける衣服がそうでないものよりと売れる

サイトの役割を考える


ツールメディアチャネルとして

ターゲットユーザーを明確にする

ターゲットユーザーを明確にするためあらかじめ調査してペルソナを集めてテスト、グループインタビュー

アクセス解析
ホームの離脱率を減らす等、目標をまず作る
出口ページのコンバージョン増→売り上げ増
グループインタビューが有効
生の人間からとる
アンケートによる集計はその場にいないため答えがあいまいになる場合がある

サイトの目標（成果）を決める
ウエブページのファーストビューエリアを大切にする
アイトラッカーで人間の動向を測定する
見た順番を表示する
ユーザーから見た重要度を明記

ページの情報をウェブデザインではマスターテンプレート、小テンプレート等あらかじめ作れる

CMSが今のような普及をする前にDreamweaverの中にテンプレート機能（あらかじめ変更できる部分とそうでない部分と分けて作成しておく）あったため拡大した

ウェブデザインはマークアップエンジニアがコンポーネントを作成したのちに

CMSを作る
ブロックを選択して組み合わせた

企業向けCMS　
のれん、チームサイト　ファットワイヤー社　安定した
導入コスト300

リンクを自動的に貼ってくれる

テンプレート、CMSのように使う

HTMLの考え方とdreamweaber

文章構造を組み立てることがｈｔｍｌの基本

段落と改行との入力法の違いが大切

Ms wotdから入力の基本的な文章構成を学んだ。

見出し
段落（paragraph)wordの入力はshift+enter
箇条書き

構造設計書の作成

基本の文章構造を初めにwordやHtmlで設定しておく。
スタイルシート設計


ワイヤーフレームの概要
ウェブの全体ページ　Page
header
(groval navigator) contents
footer

seo対策としてはシンプルなコード、外部CSSファイルを置くのが常識になっている

リキッドレイアウトとは

Htmlコーダー（設計ができる担当者マークアップエンジニア）テクニカルなディレクション
デザイナー


今後組織で仕事を進めていくうえで、全員のコンセンサスをとる。

企業での広報活動にSNSを利用する。

アクセス解析応用

ユーザーインターフェースやウエブ標準

過去のようなデザインだけを重視したウェブ作成から、インフォメーションアーキテクトの重要性、SEO、アクセスログ、ページのワイヤーを

スタイルシートで表示させる

すばやく変更できるCMS

アクセスログからわかること

クローラーが訪問しないページ等がある
各方面で（JavaScriptを使っている等)ユーザーが迷っているのを発見し対策を考える。
ディレクトリが細分化していると数値としては集計しやすい。
リダイレクトする方法　リダイレクトページを作る
たんページのみでなく人気のあるコンテンツ等はよりアクセスを増やすしかけのため

最初と最後に閲覧されたページを調べておく
コンバージョンページに誘導させるためにどうするかという工夫をするため

用語集を必ず作成して分類させる
Cookiey

P４
エラーメッセージ
表示ページのファイル名をにindexにしていないか、スラッシュ等入力するとシステム的に表紙が表示されるように設定していないと出る
403
404リンク切れ

503サーバー不可

IDを入力させることによってログ解析の際年齢、地域、性別等で分類できる

リダイレクトページを何か所か作ることによってコンバージョンページに誘導する足取りをつかむ
例えば縦長のバナーと縦長のバナーとどちらの方がクイック率が高いか等集計を取ることが出来る。

アクセスログの
目的を達成するのは(売ることを）

1ページに集約させるより分割させた方がより可読率が高くな

画像ボタンを置いてどのパターンが購入に結び付くか分析

Q＆Aに入ってくる人は
pdfで直に開いたときそれだけが独立してしまうので、外部ファイルのリクエストは一度フラッシュから出して
本体の中に戻す。

アクセス解析

ログ解析からわかること
どのサイトからサイトの訪問者の地域
どんなキーワードから流入しているか
リピーターの割合

たまっているデータは履歴（キャシュを見る）にのこっているため、時々消す。
（ｃｓｖ）のようなもの

アクセス解析は自社社員を外すため社員のIPアドレスは外す。PVはユニークユーザーはセッションがある。
時間が来るとセッションが切れるためもう一度訪問するとしてカウントされる

cookeyにより訪問した事がわかる。
サーバーを通さずプロキシサーバー経由でPCのアクセスをすると解析をするのが困難になる。
セッションが記録されている。

Bazの検索システム　
噂によるツイッターやFacebookはのbuzを分析してCRSでイチロー→打席等話題性を絞り込んでいき、
自社のWebサイトのアクセス解析を行っている企業は、定期(17％)、不定期（36％）合わせて53％と半数以上となっている（図1）。今後実施を予定している企業も14％に達し、アクセス解析が広く浸透していることがわかる。昨年と比較すると実施企業の比率は48％から5ポイントほど上昇、また行わないと回答した比率は36％から25％に大きく減少している。

























今日のIT用語

オーガニック検索　（上位に出た）

Cookieをベースにページをランディングした後続きを見せるシステム開発をする会社もある

クローラー
自動的にリンクを巡って調べに行く
(図書館などが独時のクローラーを持っている）
クローラーが見れないようにhtmlの設定で拒否できる
http://www.sketchsolo.com/2010/02/robotstxt.php


コンバージョン

セッション

ユーザーがサイトを訪れている時間は長すぎず短すぎず
安全性を考えていたがセッションを重視するようになった

ログインしたところから出たところ

直帰率
1ページしか閲覧せずに退出した割合

データマイニング
小売店販売データ、クレジットカード利用履歴、電話通信履歴などから蓄積される大量のデータを解析し
、項目間の相互関係や傾向、パターンを探し出す技術
例えば、スーパーマーケットでどういう同線で客が買い物をしているか分析することと同じ

ネット解析で買い物カートに入れたにも関わらず購入に至らなかった時
それはユーザーが使用法を理解していなかったのが分かった。決済の方法を理解していなかった
高齢者のユーザー等　

買うか買わないかという選択になるのでまずは原因を探す、どこで購入者が迷っているのを探り出す。

プロキシサーバー

PV（ページビュー）

訪問者によってアクセスされた、ページビューワンセッションを1カウントとする

ユニークユーザー

ランディングページ

離脱率

リピーター数

リファラ

現在検索エンジン会社がソーシャルネットワーキングの分析をするシステムを開発している。

ツイート等は日々交わしている日常会話等と同じレベルで日常の比較的信頼できる
Buz等利用して効果測定をリサーチする際利用する
SNS等の言葉を追跡してデータベースを作成する。つぶやき

現在は日本では
今まではその中で取り上げられている評価クライアント側に数字で今後提示できる

●アクセス解析ツールの種類

ビーコン型
Htmlに組み込んでおくだけ
サイト
グーグルアナリスト
サイトカタリスト

サーバーログ集計型

バゲットキャプチャ型
オリンピックサイトのような巨大サイトの際

サイト分析会社に専門的に依頼したら

SiteTracker
WebTrends

ustreamの実践とキャリアカウンセリング

本日Ustrewm Productoeの使用の練習をした。

午後から
イマジカデジタルスケープのトレーニングディレクターの林さんが学校に見えた。

中途採用を前提としてお話を伺う。

書類・作品審査（学生であってもデザイナー等募集であれば作品の提出が前提）
面接の重視

面談の中では質問に対しはいいいえだけでなく、熱意がある等具体的な表現を
「こういう企画が出来ると思います。」等

面接の際

8割の企業が
前の会社で何をしたか
当社への応募理由
前職の退職理由（善悪ではなくマッチングしなかったという説明）

失敗体験　短所　潔く語れ

何か質問はありますか？

成功体験をアピールする

失敗体験や短所等
明確に自身を把握している
客観的に自身を見ることが出来るという評価につながる

どこの会社でもうまく適合する人はいない
退職理由等

その企業に生かせそうな職種を焦点に絞って話をする

過去の仕事の失敗や成功までどのようなプロセスを説明する

企業の特徴や自分の関心事を研究する

企業サイトの中でどのようなプロジェクトがあるか関心を持って見ておく。

面接模擬試験をしてみて人の評価を求める

会社のHPやブログを読みポイントで質問を洗い出しておく。会話のネタになる

学校の勉強は実務ではないのでアピールしすぎずあくまでも自身の過去のキャリアをアピールする

会社に入った時、過去の成果物、実績をアピールするうえで

Twitter爆発の要因

●●なう
TSUDAる等の流行語を発進させた

タレントや有名人がTwitterでデビュー
ツイッターを利用してネットアイドルのようなデビューをする手法をする人が出てきた
新しいフィールドで
手軽で短いというメリット発進がリアルタイムである
システムの優秀さ等

この教室を受けるきっかけになったのはWEB協会のツイッターのつぶやきであった。

以前からウェブを勉強しようという姿勢でウェブ関係のツイート

関連サービスを使ってブログを作る、

ツイッターの実技にはいった

まずは生徒全員がツイッターに加入から
10名近くが同時にツイッターに加入しようとしたら障害がおこりアクセスできなくなったのでびっくりした。

全員が同じIPアドレスを使用しているためサーバー側で拒否された？らしいが今一つ理解できてない。

その後詳細設定、リストの作成の仕方等の説明

ツイッターが震災時に有効利用された例
3.11震災時に都内で交通機関が電話システム等ダウン。帰宅難民がツイートを見ながら
電車の発車開始情報、帰宅難民が宿泊できる公共施設等を確認した。

meyou.jp（ミーユー）により人気のあるユーザー等の分析の仕方の紹介
http://meyou.jp/

映像音声配信技術

過去の映像会社の歴史の流れfinal cut
MacromediaのFlash等が開発　

0 beｓeでソフトdreamweaver等を開発


ビデオオンデマンド
要求に応じて放送などする仕組みCATV等

インターネットでのストリーミング技術が注目される

windows media playerがシェアを占めている。

配信技術とフォーマット面の良さで以下の2社

You Tube
にこにこ動画

会員制

著作権の問題がある

You Tubeを見て考えたこと
ビジネスモデルとして連動し始めてみている。


Windows