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
かたちをつくるとはどういうことなのか?
Search
Yutaro Murakami
May 21, 2021
Design
1
460
かたちをつくるとはどういうことなのか?
Yutaro Murakami
May 21, 2021
Tweet
Share
More Decks by Yutaro Murakami
See All by Yutaro Murakami
ラフとUIデザイン〜UIデザインにおけるラフの使い分けのすゝめ〜
yutaromurakami
2
1.2k
「文脈を理解する」ということについて 考えてみる
yutaromurakami
0
660
欧文WebTypography初級編:基礎知識の学びと実践
yutaromurakami
0
380
ゆめみで実践するOOUI:画面ではなくオブジェクトをとらえる方法
yutaromurakami
2
600
道具的存在なソフトウェアのデザイン
yutaromurakami
1
2.3k
Other Decks in Design
See All in Design
decksh object reference
ajstarks
2
1.4k
kintone_aroma
kintone
0
600
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
360
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
170
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
230
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
120
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
100
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
440
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
180
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
130
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
140
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
2
950
Featured
See All Featured
How to Ace a Technical Interview
jacobian
280
24k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
660
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
We Have a Design System, Now What?
morganepeng
54
7.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Visualization
eitanlees
150
16k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Transcript
͔ͨͪΛͭ͘ΔͱͲ͏͍͏͜ͱͳͷ͔ʁ ଜ্༤ଠ
ࣗݾհ ໊લ ଜ্༤ଠ ઐྖҬ ΠϯλϥΫγϣϯσβΠϯ 69σβΠϯ 4/4 Twitterɿ@WeiweYuʢYutaro Murakamiʣ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ ͔ͨͪͱ ͜͜Ͱݴ͏͔ͨͪͱɺ͍ΘΏΔ ਓ͕ؒޒײΛ௨ͯ͠ೝࣝ͢Δ͜ͱ͕ Ͱ͖Δͷͩͱߟ͍͑ͯ·͢ɻ ͭ·ΓιϑτΣΞͷΠϯλϑΣʔε Ͱ͋ͬͨΓɺ๏ͳͲͷΈͰ͋ͬͨΓɺ ݐஙͰ͋ͬͨΓɺ ༷ʑͳදݱͱͯ͠զʑ͕ೝࣝͰ͖Δͷ ͩͱͯ͠ߟ͍͖͑ͯ·͢ɻ
ೝࣝ͢Δ ֮͢Δ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ զʑɺೋͭͷ৮Εಘ͵ͷͷؒͷ͋ΔछͷௐΛ୳͍ͯ͠Δɻ ͦΕɺ·ͩզʑ͕σβΠϯ͍ͯ͠ͳ͍ܗͱɺత֬ʹද͠ಘͳ͍ίϯςΫετͷؒͷௐͰ͋Δɻ bb `` ΫϦετϑΝʔɾΞϨάβϯμʔʮܗͷ߹ʹؔ͢Δϊʔτʯ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ ࢲ͕ͨͪͦ͜ʹݟ͍ͯΔ͔ͨͪɺ࣮ର͚ͩͰͳ͘ɺ ରͱؔΘΓ͋͏ࢲͷՄೳతੈքͦ͜ʹఏҊ͞Ε͔ͨͨͪͰ͋Δͱߟ͑Δ͜ͱ͕Ͱ͖Δɻ bb `` ਢӬ߶࢘ʮσβΠϯͷܙใσβΠϯ͔Βࣾձͷ͔ͨͪͮ͘Γʯ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ ࣗର͕ଘࡏ͍ͯ͠Δதͷੈք ڥ͔ΒӨڹΛड͚ɺ·ͨͦͷੈքʹ ଘࡏ͢Δਓؒʹରͯ͠ՄೳੑҙຯΛ ఏࣔ͢ΔͷͰ͋Δͱߟ͑Δ͜ͱ͕ Ͱ͖Δͱࢥ͍·͢ɻ ՄೳੑҙຯΛ ఏࣔ͢Δ ଘࡏ͍ͯ͠Δੈքɺڥɺจ຺
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ σβΠφʔ·ͣʰਓؒͷ׆ಈʱΛඳ͖ɺ࣍ʹୈೋͷରͰ͋ΔʰΠϯλϥΫγϣϯʱʹண͢Δɻ ͦͷ׆ಈͷͳ͔Ͱɺਓ͕ؒͦͷಓ۩ʢίϯϐϡʔλʣΛ͍͔ʹར༻͠ɺ ͲͷΑ͏ʹಓ۩ͱΠϯλϥΫτ͢Δͷ͔Λඳ͘ͷͩɻΠϯλϥΫγϣϯ͕ඳ͔ΕΔͱɺ ୈࡾͷରͰ͋ΔʰίϯϐϡʔλʢιϑτΣΞɾΞϓϦέʔγϣϯʣʱͷػೳͱΠϯλϑΣʔεΛ ͔ͨͪͮ͘Δ͜ͱ͕σβΠφʔͷࣄʹͳΔɻ bb `` ਢӬ߶࢘ʮσβΠϯͷܙใσβΠϯ͔Βࣾձͷ͔ͨͪͮ͘Γʯ
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ ਓؒத৺ઃܭϓϩηε ར༻ঢ়گͷ Ѳͱ໌ࣔ ઃܭղܾҊͷ ࡞ ཁٻੳͱ ༷Խ ཁٻʹର͢Δ ධՁ
ਓؒத৺ઃܭ ϓϩηεͷܭը ϢʔβʔཁٻΛຬ ͨ͢ͷ࣮ݱ ʮ*40ʯ
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ ͜ΕΒΛΈ͍ͯ͘ͱɺզʑ͕σβΠϯ ͢Δ࣌ʹ͍͖ͳΓ͔ͨͪͱͳΔͷΛ ͭ͘Γ࢝ΊΔͷͰͳ͘ɺ·ͣਓؒͷ׆ಈ ࣗମͦΕ͕ߦΘΕ͍ͯΔ ੈքɺจ຺Λ໌ࣔతʹ͠ɺͦΕΒΛ ͱʹ͔ͨͪΛ͍ͭͬͯ͘͘ͱ͍͏ ׆ಈΛ͍ͯ͠Δͱೝࣝ͢Δ͜ͱ͕Ͱ͖·͢ɻ
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ ࠓճͷͰݴ͏ͱɺ͔ͨͪΛ࡞͍ͬͯ͘ ͱ͍͏ͷɺಛʹ ʰ2. ཁٻੳͱ༷Խʱ ↓ ʰ3. ઃܭղܾҊͷ࡞ʱ ͷؒʹͳΔͱߟ͍͑ͯ·͢ɻ ͜͜ͷํ๏OOUIʢΦϒδΣΫτ
ࢦϢʔβʔΠϯλϑΣʔεʣͰͭͳ͙ ͜ͱ͕Ͱ͖Δͱݸਓతʹೝ͍ࣝͯ͠·͢ ͕ɺͦͦͲΜͳΦϒδΣΫτΛ Ͳ͏͔ͨͪʹ͢Δͱྑ͍ͷ͔ʁ
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ ਓͷಛੑੑ࣭ʹযΛ͋ͯΔ δΣϑɾϥεΩϯ ʮ࡞ۀʹର͢Δχʔζͱ͍͏ͷ͕Ϣʔβຖʹ ҟͳ͍ͬͯΔͱͯ͠ɺϢʔβूஂଟ͘ͷҰ ൠతͳ৺ཧଐੑΛڞ༗͍ͯ͠ΔͷͰ͢ʯ ιϑτΣΞͰݴ͏ͱɺσβΠϯύλʔϯͳͲ ͕͜Εʹͯ·Δ͔͠Ε·ͤΜɻ ASzx
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ Ϣʔβʔ͔Β ΛूΊΔ ϓϦϯλʔͰૹΔ ۀ ຊ࣭తͳରʢΦϒδΣΫτʣͷ ໌֬Խ ͦͷ׆ಈۀຊ࣭తʹԿΛ͍ͯ͠Δͷ͔ʁ Λ໌֬ʹ͢Δɻ ͦͷ݁Ռɺۀͷதʹଘࡏ͍ͯ͠Δ
ΦϒδΣΫτͰͳ͘ɺϢʔβʔ͕ຊ࣭తʹ औΓѻ͍ͬͯΔରʢΦϒδΣΫτʣΛநग़͢ Δ͜ͱ͕େࣄͳͷͰͳ͍͔ͱߟ͑·͢ɻ
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ Ϣʔβʔ͔Β ΛूΊΔ ϓϦϯλʔͰૹΔ ۀ σʔλ ඞཁͱ͍ͯ͠Δ ૹ͍ͬͯΔͷ ຊ࣭తͳରʢΦϒδΣΫτʣͷ ໌֬Խ
ͦͷ׆ಈۀຊ࣭తʹԿΛ͍ͯ͠Δͷ͔ʁ Λ໌֬ʹ͢Δɻ ͦͷ݁Ռɺۀͷதʹଘࡏ͍ͯ͠Δ ΦϒδΣΫτͰͳ͘ɺϢʔβʔ͕ຊ࣭తʹ औΓѻ͍ͬͯΔରʢΦϒδΣΫτʣΛநग़͢ Δ͜ͱ͕େࣄͳͷͰͳ͍͔ͱߟ͑·͢ɻ ྫ͑͜ͷ߹ͩͱɺ େࣄͳͷʮϓϦϯλʔʯͰͳ͘ɺʮσʔλʯɻ
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ Cognitive Characteristics Physical Characteristics Organic Handful Can be cut
/ peeled / sliced Sharp Hard Handy ্ֶʮϓϩϨλϦΞσβΠϯʯΑΓචऀ࡞