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
2.1k
5

Primer of Information Architecture 2016

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

Avatar for Kazuki YAMASHITA

Kazuki YAMASHITA

March 20, 2016

More Decks by Kazuki YAMASHITA

See All by Kazuki YAMASHITA
What Was UX Design All About?
Avatar for Kazuki YAMASHITA ykazu
2
920
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
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
740
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
130
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
270
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
4k
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
200
Signull 団体説明資料
Avatar for Signull signull
0
520
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
790
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
260
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.1k
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
180
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
1.1k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
220

Featured

See All Featured
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
260
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
150
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
250
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
190
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.3k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
810
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
330
Between Models and Reality
Avatar for mayunak mayunak
3
260
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k

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/