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
17
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.3k
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
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
110
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
300
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
350
次世代のクリエイティブ体験！Photoshopの最新機能で新しい未来を切り開こう
Avatar for コネクリ connecre
0
100
Treasure_Hunting
Avatar for Sol Metts solmetts
0
250
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
490
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.4k
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
690
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
680
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
0
100
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
260

Featured

See All Featured
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
130
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
160
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
150
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
130
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
140
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
390
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
290
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k

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/