Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Primer of Information Architecture 2016

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Kazuki YAMASHITA Kazuki YAMASHITA
March 20, 2016
Design
5
2.1k

Primer of Information Architecture 2016

情報アーキテクチャ入門
DevLOVE関西 Mar. 18th 2016
Designed by IMPATH

Avatar for Kazuki YAMASHITA

Kazuki YAMASHITA

March 20, 2016
Tweet

More Decks by Kazuki YAMASHITA

See All by Kazuki YAMASHITA
What Was UX Design All About?
Avatar for Kazuki YAMASHITA ykazu
2
910
Core skills of the Design for Front-end
Avatar for Kazuki YAMASHITA ykazu
18
51k
Primer of Information Architecture 2018
Avatar for Kazuki YAMASHITA ykazu
5
590
Think of the User Experience not UX
Avatar for Kazuki YAMASHITA ykazu
6
1.4k
Sustinable Frontend Design
Avatar for Kazuki YAMASHITA ykazu
8
1.7k
Think Design for Future.
Avatar for Kazuki YAMASHITA ykazu
5
1.4k

Other Decks in Design

See All in Design
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
890
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
1k
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
260
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
110
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
220
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
280
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
2
540
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
800
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
400
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
2
580
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
1
130
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
230

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
9.7k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
120
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
370
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
460
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.4k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
5.3k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
770

Transcript

  1. 18 Mar. 2016 @DevLOVE Kansai / Kazuki Yamashita Designed by

    IMPATH ৘ใΞʔΩςΫνϟೖ໳ ৘ใΛઃܭ͢Δͱ͸

  2. ࢁ Լ  Ұ थ ΠϯϑΥϝʔγϣϯΞʔΩςΫτ 69σΟϨΫλʔ ਓؒத৺ઃܭਪਐػߏࢍॿձһ ώϡʔϚϯΠϯλϑΣʔεֶձࢍॿձһ

  3. design Data
 Analysis Documentation ͋ΒΏΔ࢓ࣄͰѻ͏৘ใ

  4. 2005 2007 2009 2011 2013 2015 Information Architect (PPHMF5SFOE UI/UX

    ॏཁ͞ʹ൓͠τϨϯυͰ͸ͳ͘ͳΔ ΈΜͳେ޷͖

  5. WebMaster Graphic Designer Markup Engineer Frontend Engineer ~1996 1998 2002~

    Web Designer Director Information Architect ϏδϡΞϧσβΠϯ ίϯςϯπઃܭ ίʔσΟϯά Web ʹಛԽͨ͠ ੍࡞؅ཧɺ؂ಜ͕ओʁ HTML/CSS ͚ͩͰ͸ͳ͘ͳͬͨ Web ͳΒ͜ͷਓ 8FCͷ෼ۀԽͰੜ·Εͨ৬

  6. Information Architect

  7. IA ˞AI Ͱ͸͋Γ·ͤΜ

  8. ΠϯϑΥϝʔγϣϯΞʔΩςΫτ ৘ใΞʔΩςΫνϟ ৘ใΞʔΩςΫνϟΛઐ໳ͱ͢Δ৬ɺਓ දݱٕज़ɺֶज़ *"ͷ೔ຊޠͭͷҙຯ

  9. 1997 IUUQXXXWJTVBMPHVFDPNTQFBLFSTXVSNBO@KIUNM Richard Saul Wurman *"Λॳఏএ

  10. 1997 IUUQXXXWJTVBMPHVFDPNTQFBLFSTXVSNBO@KIUNM Richard Saul Wurman σʔλͷ͍࣋ͬͯΔύλʔϯΛ੔ཧ͠ɺ ෳࡶͳ΋ͷΛ෼͔Γ΍͍͢΋ͷʹ͢Δਓɻ ໌շ͞ɺཧղɺ৘ใͷ૊৫ԽΛઐ໳ͱͨ͠৬ۀɻ ਓ͕ݟ͚ͭΒΕΔ৘ใͷߏ଄΍ܦ࿏Λͭ͘Δਓɻ *"ͱ͸Ͳ͍͏͍͏ਓͷ͜ͱʁ

  11. 1997 2014 1998-2015 2015

  12. UX *" ৘ใઃܭ 6* 6& ϢʔβϏϦςΟ޻ֶ

  13. ϏδϡΞϧ ࢹ֮৘ใσβΠϯ  IUUQXXXKKHOFUFMFNFOUTQEGFMFNFOUTQEG ࠎ֨ ৘ใઃܭ ཁ݅ ໨త

  14. Information Architect

  15. Architect ݐங࢜

  16. ݐࡐࢿࡐ ίϯηϓτ ಋઢ ؒऔΓ ࢖͍΍͢͞ ίϯςϯπ ίϯηϓτ ಋઢ ߏ੒ ΞΫηγϏϦςΟ

    ݐங࢜ 8FCͷݐங࢜

  17. ᶃ೺Ѳ͢Δ ᶄҙਤͮ͘Γ ᶅߏ଄Խ͢Δ ίϯςϯπ ίϯηϓτ ಋઢ ߏ੒ ΞΫηγϏϦςΟ

  18. ᶃ೺Ѳ͢Δ ᶄҙਤͮ͘Γ ᶅߏ଄Խ͢Δ ৘ใઃܭͷΤοηϯε

  19. ᶃ೺Ѳ͢Δ Ͳ͏ࠞཚ͍ͯ͠Δͷ͔ݟۃΊɺ੔ཧ͢Δ

  20. ޡΓ ݹ͍ ౷߹ ഉআ ࡞Δ ৘ใෆ଍ ෆద੾ ࠞཚͷݪҼ ৘ใաଟ

  21. None

  22. ͖ͬ΀ߪೖ Χʔυߪೖ ຕ਺ ࢖͍ํઆ໌ ͜Ͳ΋ ࿏ઢ໊બ୒ ஍Լమ͖ͬ΀ ஫ҙॻ͖ ֤ઢ࿈བྷ ৘ใաଟ

  23. ৘ใෆ଍ ෆద੾ ޡΓ ݹ͍ ౷߹ ഉআ ࡞Δ ࠞཚͷݪҼ ৘ใաଟ

  24. ৘ใͷ੔ཧ ΧςΰϦ ࣌ؒ Ґஔ ΞϧϑΝϕοτ ࿈ଓྔ

  25. ΧςΰϦ

  26. ΞϧϑΝϕοτ

  27. ࣌ؒ

  28. Ґஔ

  29. ਓؾॱϥϯΩϯά ܕࣜॱ ࣭ྔॱͳͲ ࿈ଓྔ

  30. ৘ใͷ੔ཧ ΧςΰϦ ࣌ؒ Ґஔ ΞϧϑΝϕοτ ࿈ଓྔ

  31. ᶃ೺Ѳ͢Δ ᶄҙਤͮ͘Γ ᶅߏ଄Խ͢Δ ৘ใઃܭͷΤοηϯε Ͳ͏ࠞཚ͍ͯ͠Δͷ͔ݟۃΊɺ੔ཧ͢Δ

  32. Կʹͱͬͯʮ͍͍ʯͷ͔ɺޠኮ͔ΒۭؾΛͭ͘Δ ᶄҙਤͮ͘Γ

  33. ˓˓ͱ͍͏ۭؾΛͭ͘Δ

  34. ˓˓ͱ͍͏ۭؾΛͭ͘Δ ͜͜Ͱ##2͸Ͱ͖ͳͦ͞͏ͩ

  35. ˓˓ͱ͍͏ۭؾΛͭ͘Δ ͜ͷςʔϒϧͰ৯ࣄ͕Ͱ͖ͦ͏ͩ

  36. ˓˓ͱ͍͏ۭؾΛͭ͘Δ

  37. ಉٛޠ ޠௐ ܗ༰ ࣗಈंʗंʗ৐༻ं ૹ৴ʗૹΔ ໌շʗ͖͋Β͔ ޠኮŋϫʔσΟϯάΛ৻ॏʹ

  38. None

  39. ᶃ೺Ѳ͢Δ ᶄҙਤͮ͘Γ ᶅߏ଄Խ͢Δ ৘ใઃܭͷΤοηϯε ୨Է͠ɺࠞཚΛݟۃΊɺ੔ཧ Կʹͱͬͯʮ͍͍ʯͷ͔ɺޠኮ͔ΒۭؾΛͭ͘Δ

  40. ෼ྨͷج४ΛܾΊΔ ᶅߏ଄Խ͢Δ

  41. ߏ଄ͷύλʔϯ ฒྻ ֊૚ γʔέϯγϟϧ ϋΠύʔςΩετ ᶃ ᶄ ᶅ গͳ͍৘ใͰ༗ޮ େྔͷ৘ใͰ༗ޮ

    ॱংͰมԽ͢Δ৘ใ ߏ଄ؒΛҠಈ͢Δ

  42. ෼ྨͷج४ΛܾΊΔͱ͍͏͜ͱ ໺ࡊ Ռ෺ ২෺ֶͷ෼ྨ্͸ʮՌ෺ʯ ೔ຊ೶ਫলͷ෼ྨ্͸ʮ໺ࡊʯ ࢲͨͪͷཧղ͸ ࢲͨͪͷཧղ͸

  43. ᶃ೺Ѳ͢Δ ᶄҙਤͮ͘Γ ᶅߏ଄Խ͢Δ ৘ใઃܭͷΤοηϯε ୨Է͠ɺࠞཚΛݟۃΊɺ੔ཧ Կʹͱͬͯʮ͍͍ʯͷ͔ɺޠኮબͼ ߏ଄ͷύλʔϯͱ෼ྨج४ΛܾΊΔ

  44. ৘ใઃܭͷ࢖໋ͱ͸ ࠞಱͱͨ͠৘ใΛ೺Ѳ͢Δ೉͠͞ʹཱͪ޲͔͏ ద੾ͳҙਤΛͭ͘ΓɺͦΕΛܾΊΔ༐ؾΛ࣋ͭ ৘ใ͚ͩͰͳ͘ਓʑͷࠞཚΛ΋໌շʹ͍ͯ͘͠

  45. ৘ใઃܭͷ࢖໋ͱ͸ ʠ෼͔Γ΍͍͢͸౰ͨΓલɺ ͔ͩΒ৆ࢍ͞ΕΔ͜ͱ͸ͳ͍ʡ by Abby Covert (IA) Ͱ΋ʜ

  46. ෼͔Γ΍͍ͬͯ͢ɺ͢͹Β͍͠

  47. Thank you http://ykazu.com/