10/26に東京で開催されたイベントのスライドです。

1. 2016.10.26＠ヤフー株式会社
Kousuke Inamoto

2. 稲本 浩介（1979年生まれ）
株式会社ゼネラルアサヒで情報アーキテクトを名乗っている。
IAと名乗ってそろそろ１０年が経とうとしている。
余談；メガネはヘルベチカ
twitter:@sevenina
facebook:https://www.facebook.com/kousuke.inamoto
Profile

5. 幕張メッセ→ココ
だいたい１時間くらい

6. そんなに遠くないのです。福岡。

7. 会社紹介
Company

8. 株式会社ゼネラルアサヒ
昭和30年2月11日創業。
福岡県福岡市東区に本社を構える。
母体は印刷。
近年は直販市場の仕事を多く取り扱う。
Web、映像、CGの制作部隊も内部に。
スタジオ機能も持っている。

9. 「情報をわかりやすく、正しく、早く伝える」

10. 株式会社ゼネラルアサヒ
2016年5月より
博多駅横に
新オフィスを構える。

11. 東京にも事業部あり〼

12. 今から福岡という形で話しますが・・・

13. 実は広島出身です！
昨日は惜しかった・・・
今日どうかな？今何点かな？

14. 2016.10.26＠ヤフー株式会社
Kousuke Inamoto

15. 2016.10.26＠ヤフー株式会社
Kousuke Inamoto
WEB クリエーターが知っておくべき
情報アーキテクチャとは
〜福岡にいるIAからの視点〜

16. IAとは？

17. 人工知能ではありません
AIじゃなくてIA

18. IAとは？

19. IAとは？
情報アーキテクチャ（Information Architecture）は、いわゆるWeb屋用語
としては、知識やデータの組織化を意味し、「情報をわかりやすく伝え」
「受け手が情報を探しやすくする」ための表現技術といった意味である。
ウェブデザインの発展に伴い、従来のグラフィックデザイン（平面デザイ
ン）に加え、編集・ビジュアルコミュニケーション・テクノロジーを融合
したデザインが要求されるようになった。
情報アーキテクチャはこれらの要素技術を組み合わせた、わかりやすさの
ためのデザインである。
ウェブ技術の発達に伴いその重要性が認識されているが、情報アーキテク
チャの考え方自体は、紙面デザインの頃から変わらない。

20. http://www.wurman.com/

21. IAとは？

22. 理解のデザイン

23. 理解=わかりやすさ
理解=見つけやすさ

24. デザイン≠ビジュアルデザイン

25. 「わかりやすさ」や「見つけやすさ」
を設計する技術

26. 実は、IAとは
インフォーメーションアーキテクト
が先

27. 実は、IAとは
インフォーメーションアーキテクト
が先
1.データの持っているパターンを整理し、複雑なものを明快にする人
2.人が知識への経路を見つけるための情報の構造や地図を作る人
3.時代の要請により21世紀に新しく生まれつつある、明快さ、理解そして
組織化の科学を専門とした職業

28. 具体
的
抽象
的
Webサイト構築に必要なプロセス
原題：Element of User Experience

29. User
content context

30. User
content context

31. context
コンテキスト＝文脈
文脈って言われても・・・・

32. context
コンテキスト＝文脈
背景とか、環境とか、状況とか

33. User
content context
ユーザーに対して
どのようなコンテンツをどのように届けるか？
どのような状態（状況）のユーザーに対して
コンテンツを届けるか？

34. IA=理解のデザイン

35. IA=♥

36. なぜIAが必要なの？

37. 中嶋記念図書館
情報（というかデータ）が多い！

38. User
content context
コンテンツが多い！
ユーザーが情報を得る環境が様々！
ユーザーの背景も様々！
求められる情報が多種多様！

39. 誤解を生まないために

40. http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg

41. IAはUXの一部
情報という部分に
フォーカスを当てたものがIA

42. UXデザインというものを
きちんとアプローチできるのは
既存のものではなく新規ものが
向いている

43. IAは既存、新規に関係なく
情報をわかりやすく伝える技術であるため
IAというアプローチはやりやすい
※理解があるかは別

44. なぜ俺、IA？

45. マークアップから情報設計に興味深々

46. 福岡で
IAとか
UXとか

47. 通販王国九州
IAとして見るLPのパターン

49. 単品通販のLPの目的
「そのページですぐ購入してほしい」

50. 単品通販のLPの評価
「そのページで売れたかどうか」

51. Webページの中のIA

52. IA

53. 購入体験（エクスペリエンス）からの

54. 単品通販のLPの評価
「そのページで売れたかどうか」

55. 単品通販のLPの評価
「そのページで売れたかどうか」それだけでいいのだろうか？

57. 例えば想像してみてください

58. 手元に届いた
ダイレクトメールの内容を
読んだユーザーがLPに訪れる

59. 検索エンジンでリスティング広告から
LPを見たユーザーはまだ比較検討中で
検討の末、LPからではなく
通常のECサイトから購入した。

60. LPが最終購入ステップではなく
１つの情報取得の場所になっている

61. 単品通販のLPの評価
「そのページで売れたかどうか」

62. もちろん、最近のテクノロジーを使えば
この課題は解決することが可能。

63. IAとかUXの活動 in 福岡

64. 福岡でのIAやUXはこれから！
もっともっと浸透させないと！

65. UX fukuoka
UI fukuoka
UX 勉強会

66. 数年前・・・

67. 福岡ってもう
十分コミュニティとかがあるからっていうことで
あまり東京の人とか呼ばないよね。

68. 変わってきましたよ！福岡！

71. 地域差はそんなにない
と言いたいところですが
実際はありますよ、そりゃ。

72. ただ興味を持って動けば
刺激をもらえる環境は
整ってきている

73. よかとこばい
・そこそこ都会だけどちょっと行けば自然満載
・みんないい人
・生活コストが安い
・美人が多い
・ご飯が安くてうまい

74. 情報は張ってるアンテナ次第

75. 事実、IAなんて認知なかった福岡で
IAのアンテナ張ってたら
こんな機会をいただけた

76. 最後に僕が思うIAのこれから

77. 現場レベルでの
インフォメーションアーキテクト
というものは無くなってもいい

78. webは情報を伝えるもの

79. http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg

80. IAは共通言語

81. 2016.10.26＠ヤフー株式会社
Kousuke Inamoto
WEB クリエーターが知っておくべき
情報アーキテクチャとは
〜福岡にいるIAからの視点〜
Thank you!
このあとのパネルもお楽しみに！