Primer of Information Architecture 2016

by Kazuki YAMASHITA

Slide 1

Slide 1 text

18 Mar. 2016 @DevLOVE Kansai / Kazuki Yamashita Designed by IMPATH ৘ใΞʔΩςΫνϟೖ໳ ৘ใΛઃܭ͢Δͱ͸

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

2005 2007 2009 2011 2013 2015 Information Architect (PPHMF5SFOE UI/UX ॏཁ͞ʹ൓͠τϨϯυͰ͸ͳ͘ͳΔ ΈΜͳେ޷͖

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

Information Architect

Slide 7

Slide 7 text

IA ˞AI Ͱ͸͋Γ·ͤΜ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

1997 2014 1998-2015 2015

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Information Architect

Slide 15

Slide 15 text

Architect ݐங࢜

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

ΧςΰϦ

Slide 26

Slide 26 text

ΞϧϑΝϕοτ

Slide 27

Slide 27 text

࣌ؒ

Slide 28

Slide 28 text

Ґஔ

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

˓˓ͱ͍͏ۭؾΛͭ͘Δ

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

˓˓ͱ͍͏ۭؾΛͭ͘Δ

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

ߏ଄ͷύλʔϯ ฒྻ ֊૚ γʔέϯγϟϧ ϋΠύʔςΩετ ᶃ ᶄ ᶅ গͳ͍৘ใͰ༗ޮ େྔͷ৘ใͰ༗ޮ ॱংͰมԽ͢Δ৘ใ ߏ଄ؒΛҠಈ͢Δ

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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