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

Primer of Information Architecture 2016

980365ab463cc17e9b1a390573515649?s=47 Kazuki YAMASHITA
March 20, 2016
Design
5
1.6k

Primer of Information Architecture 2016

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

980365ab463cc17e9b1a390573515649?s=128

Kazuki YAMASHITA

March 20, 2016
Tweet

More Decks by Kazuki YAMASHITA

See All by Kazuki YAMASHITA
Core skills of the Design for Front-end
980365ab463cc17e9b1a390573515649?s=48 ykazu
16
47k
Primer of Information Architecture 2018
980365ab463cc17e9b1a390573515649?s=48 ykazu
5
340
Think of the User Experience not UX
980365ab463cc17e9b1a390573515649?s=48 ykazu
5
830
Sustinable Frontend Design
980365ab463cc17e9b1a390573515649?s=48 ykazu
8
1.3k
Think Design for Future.
980365ab463cc17e9b1a390573515649?s=48 ykazu
5
760

Other Decks in Design

See All in Design
大規模サービスのUIデザインを管理する工夫
278e5835d64cc25f3ba6ae93de10ba24?s=48 tamachan
0
10k
Cosas que nadie te cuenta sobre métricas
B823e4f2145951e8623d9fb736222dc8?s=48 solmesz1
0
110
Figmaで神速ドキュメント作成術
Cb42953bfedcd81daf5b1330d98712c3?s=48 448jp
2
190
事業デザイナーが考えるデザイン×ビジネスのキャリアを歩むために
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
330
UXとUIから知るプロダクトデザイン研修
635b0000e69f3203c8b41df47293d451?s=48 takumasaito
2
210
Robin Beers - Design Researchers, what are we up to in 2022?
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
100
PLAID_デザイナー採用資料
755ac6e09cca0a46485ff24157f03aa1?s=48 plaid
PRO
0
400
The HIG & Software UI Design
A4c8177aa00623c9593f10be748b3861?s=48 usagimaru
3
1.3k
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
2174bd20a68bf55c494a424ad3790f4a?s=48 1024jp
2
260
Nobel Finds a Staryu
A2b28582eb2007b9efe661942bb29a94?s=48 innsamity
0
380
ペルナ
C19a77b22c1ef9d64e6c8302ef070322?s=48 rkinoshi
0
140
Designing Experiences For Indian Users - T-Hub
Ad94879495e21b7362d0d2c845f44bc0?s=48 soham
0
110

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
9128d500301ae51524e887bb680f471d?s=48 caitiem20
316
19k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
31
6.8k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
25
15k
Keith and Marios Guide to Fast Websites
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
404
21k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.3k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
296
110k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
46
2.7k
Adopting Sorbet at Scale
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
63
7.6k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1.1k

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/