IAとかUIとかUX…ここ数年これらの言葉をよく聞くようになりましが、はたして自分はちゃんと理解できてるのか？と疑問になりまして、まずはIAをちゃんと理解してみよう！と思ったらいきなり深みにハマりました…

1. いまさらですが IAってなんだろう
社内勉強会用資料
サエキ ヨシヒコ
1

2. いまさらですが IAってなんだろう
本日のアジェンダ
1. 自己紹介
2. 「IA」とは
3. なぜ情報アーキテクチャが必要なの？
4. なにができるの？
5. どんな事をすればよいの？
6. 今までやってきた制作となにが違うんだろう？
7. UX・UI…いろんな言葉があるけどIAってどんなポジションなんだろう？
8. Webデザイナーの仕事ってビジュアルデザインをするだけなの？
9. UIってなんだろう
2

3. 自己紹介
• 2005年
音楽で食べていくんだ！という危ない夢から奇跡的に醒めて、当時
バイトしてたところでWebデザイナーという職種に出会う。手に
職を…という気持ちでデジハリに。
• 2006年
20人ぐらいの某Web制作会社に就職。様々な経験をさせていただ
く。一番ひどかったのがプログラムなんて全然わからないのに「シ
ステムマネージャー」という名刺を持たされ●●システムに送り込
まれた事。
• 2009年
自分が作ったサイトのその後が気になるようになり、自社サイトを
作れるところへ転職を考える。面接に遅れそうになり猛ダッシュし
て汗だくになったわたくしを見てかわいそうに思ったのかKDDI
ウェブコミュニケーションズ様が拾ってくれる。インハウスの制作
のやり方を学ぶ。
• 2011年
突然、刺激をもとめてライブドアへ。主にiPhone・Androidのア
プリデザインに関わる。NHN Japanに統合され大所帯になったの
をきっかけに自分の将来を考え始める。デザイナー+αのスキルを
身につけたいなあ…と思っていたところ、当時同じビルの33Fでディ
レクターを募集していたさくらインターネットに面接を受けに行き
拾っていただく。
• 2012年～現在
「とにかく案件をこなしてアウトプットを出す」という仕事の仕方
は変わらずですが、「ちゃんと考えて成果をだす」仕事の仕方がで
きるように日々格闘している最中です。がんばります。3

4. アイ・エー
「IA」とは
次のうち、どちらかを指します。
1. 情報アーキテクチャ
Infomation Architecture
工程（プロセス）としてのIA。
2. インフォメーションアーキテクト
Infomation Architect
専門家としてのIA。
4

5. なぜ情報アーキテクチャが必要なの？
Webサイト構築に必要なプロセス
引用：坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,16P 5

6. なぜ情報アーキテクチャが必要なの？
この図から情報アーキテクチャは
成果物であるビジュアルデザインの構造を
考えるために必要なステップであることがわかる。
!
Webサイト全体の設計図であり
方針を考えるプロセスなのです。
6

7. なにができるの？
じゃあ、情報アーキテクチャってなにができるのだろう。
1. 情報を探せる
ユーザーが欲しい情報にアクセスできる
!
2. 情報を伝えられる
意図しているメッセージ・コンテンツを適切に伝えられる
!
3. 変化に対応できる
情報の追加・更新などがあっても破綻しない
7

8. どんな事をすればよいの？
情報アーキテクチャってなにをすることなんだろう。
まず情報の組織化
組織化されていない情報は単なる素材であり
意味をなさないデータでしかない。
そして情報の構造化
ユーザーが求めている回答へ辿りつけたり、
意図する方向へ誘導できる状態に構造化する。
8

9. どんな事をすればよいの？
引用：坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,28P 9

10. どんな事をすればよいの？
では、弊社でよくある「改修」で具体的なタスクを考えてみる。
情報の収集
1. アクセス解析
2. 他部署からの情報
3. 対象の商材情報
4. 競合他社調査
5. 既存のページ（サイト）の調査
集めた情報を理解し整理・分類する
10

11. どんな事をすればよいの？
そして情報の構造化
組織化した情報元にサイトストラクチャやワイヤーを作成し構造化する
11

12. いままでやってきた制作となにがちがうんだろう？
今までも「お客さんにわかりやすく」や「ユーザーが使いやすく」と
考えて制作してました。
しかし、IAについて色々調べてみておもったのが
今までって思い込みでつくってたかも…
情報の組織化→構造化
これをしっかり考えてこれからは制作したいと思った次第であります。
12

13. UX・UI…いろんな言葉があるけど
IAってどんなポジションなんだろう？
UI・UX・UXDなどなど、色々な言葉が溢れる昨今ですが、
そんな中でIAってどんなポジションなのかをみてみましょう。
13

14. UX・UI…いろんな言葉があるけど
IAってどんなポジションなんだろう？
引用：坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,20P 14

15. Webデザイナーの仕事って
ビジュアルデザインをするだけなの？
色々調べていく中で格言をみつけました。
「ワイヤーフレームに装飾するだけがデザインじゃない」
15

16. Webデザイナーの仕事って
ビジュアルデザインをするだけなの？
ワイヤーフレームを更に伝えやすくするのが
ビジュアルデザイン。
わかってたつもりですが、ハッとさせられました。
16

17. UIってなんだろう
次回につづく…！かも
17

18. 参考にさせていただいた本やスライド
IAシンキング：坂本 貴史＝著
IAなんか怖くない ～中小規模案件で考える情報アーキテクチャの第一歩～： Concent, Inc. 加川 大志郎
http://www.slideshare.net/daishiro/wcan-2010-summer-session1-ia
IAがもたらす「ある視点」：電通レイザーフィッシュ 村越 悟
http://www.slideshare.net/future79/120827ialecture01-15229444?ref=http://www.future-proof.jp/?
p=2911
18