Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Primer of Information Architecture 2016
Search
Kazuki YAMASHITA
March 20, 2016
Design
5
2.1k
Primer of Information Architecture 2016
情報アーキテクチャ入門
DevLOVE関西 Mar. 18th 2016
Designed by IMPATH
Kazuki YAMASHITA
March 20, 2016
Tweet
Share
More Decks by Kazuki YAMASHITA
See All by Kazuki YAMASHITA
What Was UX Design All About?
ykazu
2
920
Core skills of the Design for Front-end
ykazu
18
51k
Primer of Information Architecture 2018
ykazu
5
590
Think of the User Experience not UX
ykazu
6
1.4k
Sustinable Frontend Design
ykazu
8
1.7k
Think Design for Future.
ykazu
5
1.4k
Other Decks in Design
See All in Design
第18回サイゼミ
lw
1
3.6k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
180
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
340
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
330
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
760
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
160
Drawing for Animation
lynteo
2
250
「見せる」登壇資料デザインの極意
takanorip
3
680
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.1k
Diverse Design Team Deck
diverse
0
1.1k
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.1k
CULTURE DECK/Creative Director
mhand01
0
980
Featured
See All Featured
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Google's AI Overviews - The New Search
badams
0
950
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
430
ラッコキーワード サービス紹介資料
rakko
1
2.7M
The Invisible Side of Design
smashingmag
302
51k
KATA
mclloyd
PRO
35
15k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
120
The Spectacular Lies of Maps
axbom
PRO
1
640
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
190
Transcript
18 Mar. 2016 @DevLOVE Kansai / Kazuki Yamashita Designed by
IMPATH ใΞʔΩςΫνϟೖ ใΛઃܭ͢Δͱ
ࢁ Լ Ұ थ ΠϯϑΥϝʔγϣϯΞʔΩςΫτ 69σΟϨΫλʔ ਓؒத৺ઃܭਪਐػߏࢍॿձһ ώϡʔϚϯΠϯλϑΣʔεֶձࢍॿձһ
design Data Analysis Documentation ͋ΒΏΔࣄͰѻ͏ใ
2005 2007 2009 2011 2013 2015 Information Architect (PPHMF5SFOE UI/UX
ॏཁ͞ʹ͠τϨϯυͰͳ͘ͳΔ ΈΜͳେ͖
WebMaster Graphic Designer Markup Engineer Frontend Engineer ~1996 1998 2002~
Web Designer Director Information Architect ϏδϡΞϧσβΠϯ ίϯςϯπઃܭ ίʔσΟϯά Web ʹಛԽͨ͠ ੍࡞ཧɺಜ͕ओʁ HTML/CSS ͚ͩͰͳ͘ͳͬͨ Web ͳΒ͜ͷਓ 8FCͷۀԽͰੜ·Εͨ৬
Information Architect
IA ˞AI Ͱ͋Γ·ͤΜ
ΠϯϑΥϝʔγϣϯΞʔΩςΫτ ใΞʔΩςΫνϟ ใΞʔΩςΫνϟΛઐͱ͢Δ৬ɺਓ දݱٕज़ɺֶज़ *"ͷຊޠͭͷҙຯ
1997 IUUQXXXWJTVBMPHVFDPNTQFBLFSTXVSNBO@KIUNM Richard Saul Wurman *"Λॳఏএ
1997 IUUQXXXWJTVBMPHVFDPNTQFBLFSTXVSNBO@KIUNM Richard Saul Wurman σʔλͷ͍࣋ͬͯΔύλʔϯΛཧ͠ɺ ෳࡶͳͷΛ͔Γ͍͢ͷʹ͢Δਓɻ ໌շ͞ɺཧղɺใͷ৫ԽΛઐͱͨ͠৬ۀɻ ਓ͕ݟ͚ͭΒΕΔใͷߏܦ࿏Λͭ͘Δਓɻ *"ͱͲ͍͏͍͏ਓͷ͜ͱʁ
1997 2014 1998-2015 2015
UX *" ใઃܭ 6* 6& ϢʔβϏϦςΟֶ
ϏδϡΞϧ ࢹ֮ใσβΠϯ IUUQXXXKKHOFUFMFNFOUTQEGFMFNFOUTQEG ࠎ֨ ใઃܭ ཁ݅ త
Information Architect
Architect ݐங࢜
ݐࡐࢿࡐ ίϯηϓτ ಋઢ ؒऔΓ ͍͢͞ ίϯςϯπ ίϯηϓτ ಋઢ ߏ ΞΫηγϏϦςΟ
ݐங࢜ 8FCͷݐங࢜
ᶃѲ͢Δ ᶄҙਤͮ͘Γ ᶅߏԽ͢Δ ίϯςϯπ ίϯηϓτ ಋઢ ߏ ΞΫηγϏϦςΟ
ᶃѲ͢Δ ᶄҙਤͮ͘Γ ᶅߏԽ͢Δ ใઃܭͷΤοηϯε
ᶃѲ͢Δ Ͳ͏ࠞཚ͍ͯ͠Δͷ͔ݟۃΊɺཧ͢Δ
ޡΓ ݹ͍ ౷߹ ഉআ ࡞Δ ใෆ ෆద ࠞཚͷݪҼ ใաଟ
None
͖ͬߪೖ Χʔυߪೖ ຕ ͍ํઆ໌ ͜Ͳ ࿏ઢ໊બ Լమ͖ͬ ҙॻ͖ ֤ઢ࿈བྷ ใաଟ
ใෆ ෆద ޡΓ ݹ͍ ౷߹ ഉআ ࡞Δ ࠞཚͷݪҼ ใաଟ
ใͷཧ ΧςΰϦ ࣌ؒ Ґஔ ΞϧϑΝϕοτ ࿈ଓྔ
ΧςΰϦ
ΞϧϑΝϕοτ
࣌ؒ
Ґஔ
ਓؾॱϥϯΩϯά ܕࣜॱ ࣭ྔॱͳͲ ࿈ଓྔ
ใͷཧ ΧςΰϦ ࣌ؒ Ґஔ ΞϧϑΝϕοτ ࿈ଓྔ
ᶃѲ͢Δ ᶄҙਤͮ͘Γ ᶅߏԽ͢Δ ใઃܭͷΤοηϯε Ͳ͏ࠞཚ͍ͯ͠Δͷ͔ݟۃΊɺཧ͢Δ
Կʹͱͬͯʮ͍͍ʯͷ͔ɺޠኮ͔ΒۭؾΛͭ͘Δ ᶄҙਤͮ͘Γ
˓˓ͱ͍͏ۭؾΛͭ͘Δ
˓˓ͱ͍͏ۭؾΛͭ͘Δ ͜͜Ͱ##2Ͱ͖ͳͦ͞͏ͩ
˓˓ͱ͍͏ۭؾΛͭ͘Δ ͜ͷςʔϒϧͰ৯ࣄ͕Ͱ͖ͦ͏ͩ
˓˓ͱ͍͏ۭؾΛͭ͘Δ
ಉٛޠ ޠௐ ܗ༰ ࣗಈंʗंʗ༻ं ૹ৴ʗૹΔ ໌շʗ͖͋Β͔ ޠኮŋϫʔσΟϯάΛ৻ॏʹ
None
ᶃѲ͢Δ ᶄҙਤͮ͘Γ ᶅߏԽ͢Δ ใઃܭͷΤοηϯε ୨Է͠ɺࠞཚΛݟۃΊɺཧ Կʹͱͬͯʮ͍͍ʯͷ͔ɺޠኮ͔ΒۭؾΛͭ͘Δ
ྨͷج४ΛܾΊΔ ᶅߏԽ͢Δ
ߏͷύλʔϯ ฒྻ ֊ γʔέϯγϟϧ ϋΠύʔςΩετ ᶃ ᶄ ᶅ গͳ͍ใͰ༗ޮ େྔͷใͰ༗ޮ
ॱংͰมԽ͢Δใ ߏؒΛҠಈ͢Δ
ྨͷج४ΛܾΊΔͱ͍͏͜ͱ ࡊ Ռ ২ֶͷྨ্ʮՌʯ ຊਫলͷྨ্ʮࡊʯ ࢲͨͪͷཧղ ࢲͨͪͷཧղ
ᶃѲ͢Δ ᶄҙਤͮ͘Γ ᶅߏԽ͢Δ ใઃܭͷΤοηϯε ୨Է͠ɺࠞཚΛݟۃΊɺཧ Կʹͱͬͯʮ͍͍ʯͷ͔ɺޠኮબͼ ߏͷύλʔϯͱྨج४ΛܾΊΔ
ใઃܭͷ໋ͱ ࠞಱͱͨ͠ใΛѲ͢Δ͠͞ʹཱ͔ͪ͏ దͳҙਤΛͭ͘ΓɺͦΕΛܾΊΔ༐ؾΛ࣋ͭ ใ͚ͩͰͳ͘ਓʑͷࠞཚΛ໌շʹ͍ͯ͘͠
ใઃܭͷ໋ͱ ʠ͔Γ͍ͨ͢Γલɺ ͔ͩΒࢍ͞ΕΔ͜ͱͳ͍ʡ by Abby Covert (IA) Ͱʜ
͔Γ͍ͬͯ͢ɺ͢Β͍͠
Thank you http://ykazu.com/