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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Yutaro Murakami
May 21, 2021
Design
1
480
かたちをつくるとはどういうことなのか?
Yutaro Murakami
May 21, 2021
Tweet
Share
More Decks by Yutaro Murakami
See All by Yutaro Murakami
ラフとUIデザイン〜UIデザインにおけるラフの使い分けのすゝめ〜
yutaromurakami
2
1.5k
「文脈を理解する」ということについて 考えてみる
yutaromurakami
0
720
欧文WebTypography初級編:基礎知識の学びと実践
yutaromurakami
0
390
ゆめみで実践するOOUI:画面ではなくオブジェクトをとらえる方法
yutaromurakami
2
620
道具的存在なソフトウェアのデザイン
yutaromurakami
1
2.4k
Other Decks in Design
See All in Design
デザインを信じていますか
sekiguchiy
1
1k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
150
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
330
AIでデザインをつくる:基礎編
kenichiota0711
3
2.6k
TWCP#21 UXデザインと哲学のはなし
shinn
0
290
デザインするために「多様性」について考える
iflection
0
220
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
150
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
940
Drawing for Animation
lynteo
2
210
文化のデザイン - Soft Impact of Design
atsushihomma
0
150
ドルちゃん
design_dolphins
0
570
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
410
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
21k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
75
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.4k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
130
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
A designer walks into a library…
pauljervisheath
210
24k
30 Presentation Tips
portentint
PRO
1
240
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 ্ֶʮϓϩϨλϦΞσβΠϯʯΑΓචऀ࡞