Websig 1Day School 20110910

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

WebSig １日学校

Keisuke Anzai安西　敬介

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2

3814By MrB-MMX

/days

#websig1ds

iPhoneアプリ Count It!調べ

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3

By MrB-MMX

自己紹介しつつのスキルについて

ジェネラリストスペシャリスト

サイトの因数分解

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4

By lecates

Webデザイナー

Webエンジニア

Webディレクタ

戦略構築・解析

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5

By MrB-MMX

#websig1ds

Web Designer

何故なった？

何してた？

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6

HTMLとPhotoshop

By MrB-MMX

Usabilityとの出会い

A n a l o g と 利 用 者

#websig1ds

Web Designer

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7

By MrB-MMX

#websig1ds

Web Engineer

何故なった？

何してた？

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8

CとPerlとJSと私

By MrB-MMX

Usability Guideline

RIAコンソーシアム

#websig1ds

Web Engineer

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9

By MrB-MMX

#websig1ds

Web Director

何故なった？

何してた？

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10

IA

By MrB-MMX

サイト構造の捉え方

アクセシビリティ

#websig1ds

Web Director

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11

By MrB-MMX

#websig1ds

Web Analyst

何故なった？

何してた？

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12

Web Marketing

By MrB-MMX

Web Analytics

Blog

#websig1ds

Web Analyst

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13

By MrB-MMX

外のつながり

アウトプット

#websig1ds

Point

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14

By MrB-MMX

会社外の人と話すことでの広がり

#websig1ds

Connectionビジネスの裏側の情報を知れる

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15

By MrB-MMX

自分の仕事領域のことをまとめる

#websig1ds

Output人に伝えることで考えがまとまる

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16

By MrB-MMX

#websig1ds

Connection「解析しないと！」の定期開催

Outputブログ・連載

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17

By MrB-MMX

今日のことをOutputする

#websig1ds

宿題

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18

By MrB-MMX

自己紹介しつつのスキルについて

ジェネラリストスペシャリスト

サイトの因数分解

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19

Generalist vs Specialist

By MrB-MMX

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 20

By MrB-MMX

#websig1ds

定義generalist/dʒénərəlist/名　詞1 ゼネラリスト：多方面の知識を持つ人；全般的収集家.

specialist/spéʃəlist/名　詞1 （…の）専門家, スペシャリスト, （特に）専門医｟in ...｠

Mac辞書より

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21

Q : Generalistを求めるのは何故か？

By MrB-MMX

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22

Generalist

By MrB-MMX

#websig1ds

企業全体で何が起きているかを知れる（知っている人）を作れるようにすることでは？

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23

By MrB-MMX

#websig1ds

You play with the cards you're Dealt..Whatever that means - Snoopy

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 24

Q : Web担当者としてのGeneralistとは？

By MrB-MMX

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 25

マーケティング

顧客管理

商品管理

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26

#websig1ds

Webサイトは会社の表皮

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 27

#websig1ds

企業の対外活動を俯瞰出来る

Web担当者は

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28

#websig1ds

消費者とのコミュニケーションをコントロールも出来る

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29

#websig1ds

コミュニケーションツールとしてWebを捉え、拡張する

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 30

#websig1ds

今までの捉え方

サイトマップ

ディレクトリマップ

ワイヤーフレーム

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 31

#websig1ds

隣の方に最寄り駅からオフィスまでの道のりを図を使いながら話をしてみてください。

実習By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 32

#websig1ds

コミュニケーションツールとしてWebサイトを捉え直す

情報をそぎ落とし接点を可視化する

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34

#websig1ds

サイトを因数分解してみる。

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33

By MrB-MMX

自己紹介しつつのスキルについて

ジェネラリストスペシャリスト

サイトの因数分解

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 35

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 37

#websig1ds

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 38

#websig1ds

要素を整理してみる。

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 39

誰に

By MrB-MMX

何を

#websig1ds

+

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 40

#websig1ds

AISCEASを利用してみる

Attention（注意） Interest（興味） Search（検索）　Comparison（比較）　Examination(検討)　Action（購買）　Share（情報共有）

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 41

#websig1ds

A

注意

I

興味

S

検索

C

比較

E

検討

A

購買

S

共有

再検討して戻ってきた場合は何があると良い？

どんな方法で検索をする？どんな検索軸がある？

このサイトで買いたいと感じるものはある？

By notsogoodphotography

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 43

#websig1ds

分解

整理

拡張

By notsogoodphotography

Point

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 44

#websig1ds

Point消費者とのコミュニケーションを

コントロールしてしまえ

対企業活動を俯瞰してしまえ

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 45

By MrB-MMX

外のつながり

アウトプット

#websig1ds

Point

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.