Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
いまさらですが IAってなんだろう 
社内勉強会用資料 
サエキ ヨシヒコ 
1
いまさらですが IAってなんだろう 
本日のアジェンダ 
1. 自己紹介 
2. 「IA」とは 
3. なぜ情報アーキテクチャが必要なの? 
4. なにができるの? 
5. どんな事をすればよいの? 
6. 今までやってきた制作となにが違うんだ...
自己紹介 
• 2005年 
音楽で食べていくんだ!という危ない夢から奇跡的に醒めて、当時 
バイトしてたところでWebデザイナーという職種に出会う。手に 
職を…という気持ちでデジハリに。 
• 2006年 
20人ぐらいの某Web制作会社に...
アイ・エー 
「IA」とは 
次のうち、どちらかを指します。 
1. 情報アーキテクチャ 
Infomation Architecture 
工程(プロセス)としてのIA。 
2. インフォメーションアーキテクト 
Infomation Arc...
なぜ情報アーキテクチャが必要なの? 
Webサイト構築に必要なプロセス 
引用:坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,16P 5
なぜ情報アーキテクチャが必要なの? 
この図から情報アーキテクチャは 
成果物であるビジュアルデザインの構造を 
考えるために必要なステップであることがわかる。 
! 
Webサイト全体の設計図であり 
方針を考えるプロセスなのです。 
6
なにができるの? 
じゃあ、情報アーキテクチャってなにができるのだろう。 
1. 情報を探せる 
ユーザーが欲しい情報にアクセスできる 
! 
2. 情報を伝えられる 
意図しているメッセージ・コンテンツを適切に伝えられる 
! 
3. 変化に...
どんな事をすればよいの? 
情報アーキテクチャってなにをすることなんだろう。 
まず情報の組織化 
組織化されていない情報は単なる素材であり 
意味をなさないデータでしかない。 
そして情報の構造化 
ユーザーが求めている回答へ辿りつけたり、 ...
どんな事をすればよいの? 
引用:坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,28P 9
どんな事をすればよいの? 
では、弊社でよくある「改修」で具体的なタスクを考えてみる。 
情報の収集 
1. アクセス解析 
2. 他部署からの情報 
3. 対象の商材情報 
4. 競合他社調査 
5. 既存のページ(サイト)の調査 
集めた情...
どんな事をすればよいの? 
そして情報の構造化 
組織化した情報元にサイトストラクチャやワイヤーを作成し構造化する 
11
いままでやってきた制作となにがちがうんだろう? 
今までも「お客さんにわかりやすく」や「ユーザーが使いやすく」と 
考えて制作してました。 
しかし、IAについて色々調べてみておもったのが 
今までって思い込みでつくってたかも… 
情報の組織化...
UX・UI…いろんな言葉があるけど 
IAってどんなポジションなんだろう? 
UI・UX・UXDなどなど、色々な言葉が溢れる昨今ですが、 
そんな中でIAってどんなポジションなのかをみてみましょう。 
13
UX・UI…いろんな言葉があるけど 
IAってどんなポジションなんだろう? 
引用:坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,20P 14
Webデザイナーの仕事って 
ビジュアルデザインをするだけなの? 
色々調べていく中で格言をみつけました。 
「ワイヤーフレームに装飾するだけがデザインじゃない」 
15
Webデザイナーの仕事って 
ビジュアルデザインをするだけなの? 
ワイヤーフレームを更に伝えやすくするのが 
ビジュアルデザイン。 
わかってたつもりですが、ハッとさせられました。 
16
UIってなんだろう 
次回につづく…!かも 
17
参考にさせていただいた本やスライド 
IAシンキング:坂本 貴史=著 
IAなんか怖くない ~中小規模案件で考える情報アーキテクチャの第一歩~: Concent, Inc.  加川 大志郎 
http://www.slideshare.net/...
Upcoming SlideShare
Loading in …5
×

いまさらですが IAってなんだろう

5,464 views

Published on

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

Published in: Design
  • Be the first to comment

いまさらですが IAってなんだろう

  1. 1. いまさらですが IAってなんだろう 社内勉強会用資料 サエキ ヨシヒコ 1
  2. 2. いまさらですが IAってなんだろう 本日のアジェンダ 1. 自己紹介 2. 「IA」とは 3. なぜ情報アーキテクチャが必要なの? 4. なにができるの? 5. どんな事をすればよいの? 6. 今までやってきた制作となにが違うんだろう? 7. UX・UI…いろんな言葉があるけどIAってどんなポジションなんだろう? 8. Webデザイナーの仕事ってビジュアルデザインをするだけなの? 9. UIってなんだろう 2
  3. 3. 自己紹介 • 2005年 音楽で食べていくんだ!という危ない夢から奇跡的に醒めて、当時 バイトしてたところでWebデザイナーという職種に出会う。手に 職を…という気持ちでデジハリに。 • 2006年 20人ぐらいの某Web制作会社に就職。様々な経験をさせていただ く。一番ひどかったのがプログラムなんて全然わからないのに「シ ステムマネージャー」という名刺を持たされ●●システムに送り込 まれた事。 • 2009年 自分が作ったサイトのその後が気になるようになり、自社サイトを 作れるところへ転職を考える。面接に遅れそうになり猛ダッシュし て汗だくになったわたくしを見てかわいそうに思ったのかKDDI ウェブコミュニケーションズ様が拾ってくれる。インハウスの制作 のやり方を学ぶ。 • 2011年 突然、刺激をもとめてライブドアへ。主にiPhone・Androidのア プリデザインに関わる。NHN Japanに統合され大所帯になったの をきっかけに自分の将来を考え始める。デザイナー+αのスキルを 身につけたいなあ…と思っていたところ、当時同じビルの33Fでディ レクターを募集していたさくらインターネットに面接を受けに行き 拾っていただく。 • 2012年~現在 「とにかく案件をこなしてアウトプットを出す」という仕事の仕方 は変わらずですが、「ちゃんと考えて成果をだす」仕事の仕方がで きるように日々格闘している最中です。がんばります。3
  4. 4. アイ・エー 「IA」とは 次のうち、どちらかを指します。 1. 情報アーキテクチャ Infomation Architecture 工程(プロセス)としてのIA。 2. インフォメーションアーキテクト Infomation Architect 専門家としてのIA。 4
  5. 5. なぜ情報アーキテクチャが必要なの? Webサイト構築に必要なプロセス 引用:坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,16P 5
  6. 6. なぜ情報アーキテクチャが必要なの? この図から情報アーキテクチャは 成果物であるビジュアルデザインの構造を 考えるために必要なステップであることがわかる。 ! Webサイト全体の設計図であり 方針を考えるプロセスなのです。 6
  7. 7. なにができるの? じゃあ、情報アーキテクチャってなにができるのだろう。 1. 情報を探せる ユーザーが欲しい情報にアクセスできる ! 2. 情報を伝えられる 意図しているメッセージ・コンテンツを適切に伝えられる ! 3. 変化に対応できる 情報の追加・更新などがあっても破綻しない 7
  8. 8. どんな事をすればよいの? 情報アーキテクチャってなにをすることなんだろう。 まず情報の組織化 組織化されていない情報は単なる素材であり 意味をなさないデータでしかない。 そして情報の構造化 ユーザーが求めている回答へ辿りつけたり、 意図する方向へ誘導できる状態に構造化する。 8
  9. 9. どんな事をすればよいの? 引用:坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,28P 9
  10. 10. どんな事をすればよいの? では、弊社でよくある「改修」で具体的なタスクを考えてみる。 情報の収集 1. アクセス解析 2. 他部署からの情報 3. 対象の商材情報 4. 競合他社調査 5. 既存のページ(サイト)の調査 集めた情報を理解し整理・分類する 10
  11. 11. どんな事をすればよいの? そして情報の構造化 組織化した情報元にサイトストラクチャやワイヤーを作成し構造化する 11
  12. 12. いままでやってきた制作となにがちがうんだろう? 今までも「お客さんにわかりやすく」や「ユーザーが使いやすく」と 考えて制作してました。 しかし、IAについて色々調べてみておもったのが 今までって思い込みでつくってたかも… 情報の組織化→構造化 これをしっかり考えてこれからは制作したいと思った次第であります。 12
  13. 13. UX・UI…いろんな言葉があるけど IAってどんなポジションなんだろう? UI・UX・UXDなどなど、色々な言葉が溢れる昨今ですが、 そんな中でIAってどんなポジションなのかをみてみましょう。 13
  14. 14. UX・UI…いろんな言葉があるけど IAってどんなポジションなんだろう? 引用:坂本貴史,「IAシンキング」,ワークスコーポレーション,2011年,20P 14
  15. 15. Webデザイナーの仕事って ビジュアルデザインをするだけなの? 色々調べていく中で格言をみつけました。 「ワイヤーフレームに装飾するだけがデザインじゃない」 15
  16. 16. Webデザイナーの仕事って ビジュアルデザインをするだけなの? ワイヤーフレームを更に伝えやすくするのが ビジュアルデザイン。 わかってたつもりですが、ハッとさせられました。 16
  17. 17. UIってなんだろう 次回につづく…!かも 17
  18. 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

×