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.
→
NamiNamiKami
February 13, 2022
Design
1
550
なみなみかみっ
「W1nk」なみなみかみっ - 東京工業大学エンジニアリングデザインプロジェクト2021
協力企業・大学:YKKAP株式会社, 多摩美術大学, 東京工業大学
NamiNamiKami
February 13, 2022
Tweet
Share
Other Decks in Design
See All in Design
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
570
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.3k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
3.1k
Spacemarket Brand Guide
spacemarket
2
160
Ralph Penel Portfolio
ralphpenel
PRO
0
260
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
110
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
3k
kintone Style Book
kintone
6
10k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
250
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.1k
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
240
Featured
See All Featured
Leo the Paperboy
mayatellez
4
1.4k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
320
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
830
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
210
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Bash Introduction
62gerente
615
210k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
280
Statistics for Hackers
jakevdp
799
230k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Automating Front-end Workflow
addyosmani
1371
200k
Transcript
None
䛣䛾䝥䝻䝎䜽䝖䛿䚸 ᅾᏯົ䛷୍᪥୰ྠ䛨㒊ᒇ䛷䛻㞟୰䛷 䛝䛺䛔ேྥ䛡䛾䚸 ⮬Ꮿ䛻స䜛➨䛾సᴗ✵㛫䛷䛒䜛䚹 䛣䛾〇ရ䜢䛖䛣䛸䛷䚸 ᅾᏯ䛷䜒䛻䝯䝸䝝䝸䜢䛴䛡䜛䛣䛸䛜䛷䛝䚸 䝎䝷䝎䝷䛸⤊ᴗᚋ䜒䜢⥆䛡䜛䛣䛸䛜䛺䛟䛺 䜛䚹 29(59,(:
䛭䛧䛶᪤Ꮡ䛾 䝇䝍䞁䝕䜱䞁䜾䝕䝇䜽䛸䛿␗䛺䜚䚸 䛣䛾〇ရ䛻䛿యໃ䜢ኚ䛘䜛䛰䛡䛷䛺䛟䚸Ṍ䛛 䛫䛯䜚䚸ぢ䛘䜛ᬒⰍ䜢ኚ䛘䛯䜚䛸䚸᪂䛧䛔స ᴗ⎔ቃ䜢䛒䜛ᐙ䛾୰䛷ᐇ⌧ 䛩䜛䚹 29(59,(:
ᅾᏯ䛾⎔ቃ䛿 ⌮㏻䜚䛻䛺䛳䛶䛔䜎䛩䛛䠛 ,V\RXUZRUNHQYLURQPHQWDWKRPHDVLGHDODV\RXZRXOGOLNHLWWREH"
ᅾᏯົ䛾䛯䜑䛻᳔Ꮚ䜔䝕䜱䝇䝥䝺䜲 䜢ᥞ䛘䛯䛡䛹䚸䛭䜜䛷䜒㞟୰䛧⥆䛡䜛 䛾䛜㞴䛧䛔 ᅾᏯ䝽䞊䜽䛜ጞ䜎䛳䛶䛧䛶 䜛㛫䛜ቑ䛘䛯Ẽ䛜䛩䜛 Ẽศ㌿䛻㒊ᒇ௨እ䛷స ᴗ䛧䛶䜏䛯䛡䛹䛰䜙䛡䛱䜓䛖 &217(;7
䛸䛿䛔䛳䛶䜒 䛷䜒㞟୰ຊ䛜⥆䛛䛺䛔䛾䛷䚸 ఱ䛛䜢ồ䜑䛶㒊ᒇ䜢㣕䜃ฟ䛧䛶䛧䜎䛖 䝸䝡䞁䜾䜔䝎䜲䝙䞁䜾䛸䛔䛳䛯⏕ά✵㛫䜢 ๐䜚䛯䛟䛺䛔 ᘬ䛳㉺䛩䜋䛹䛷䛿䛺䛔 &217(;7
㒊ᒇ௨እ䛷䜢ヨ䜏䜛䜒䚸 ⤖ᒁ䝎䝷䝎䝷䛧䛯䜚䚸 䛻ᡠ䜛䛾䛜൨ຕ䛻䛺䜛䚹 352%/(0
352%/(0 $3352$&+ 㒊ᒇ䛜㛢ሰⓗ䛷ኚ 䜟䜚ᫎ䛘䛧䛺䛔䛾䛷䚸㞟 ୰䛜㛗⥆䛝䛧䛺䛔 㒊ᒇ䛾እ䛷䛿 䜢䛩䜛Ẽ䛻䛺䜜䛺䛔 ㄢ㢟
䜰䝥䝻䞊䝏 㒊ᒇ䛛䜙㣕䜃ฟ䛩䛣䛸䜢 チᐜ䛩䜛 Ẽศ㌿䛸䝷䜲䝖䛺䛜䛷 䛝䜛ሙᡤ䜢స䜚ฟ䛩
352%/(0 $3352$&+ 㒊ᒇ䛜㛢ሰⓗ䛷ኚ 䜟䜚ᫎ䛘䛧䛺䛔䛾䛷䚸㞟 ୰䛜㛗⥆䛝䛧䛺䛔 㒊ᒇ䛾እ䛷䛿 䜢䛩䜛Ẽ䛻䛺䜜䛺䛔 ㄢ㢟
䜰䝥䝻䞊䝏 㒊ᒇ䛛䜙㣕䜃ฟ䛩䛣䛸䜢 チᐜ䛩䜛 Ẽศ㌿䛸䝷䜲䝖䛺䛜䛷 䛝䜛ሙᡤ䜢స䜚ฟ䛩
352%/(0 $3352$&+ 㒊ᒇ䛜㛢ሰⓗ䛷ኚ 䜟䜚ᫎ䛘䛧䛺䛔䛾䛷䚸㞟 ୰䛜㛗⥆䛝䛧䛺䛔 㒊ᒇ䛾እ䛷䛿 䜢䛩䜛Ẽ䛻䛺䜜䛺䛔 ㄢ㢟
䜰䝥䝻䞊䝏 㒊ᒇ䛛䜙㣕䜃ฟ䛩䛣䛸䜢 チᐜ䛩䜛 Ẽศ㌿䛸䝷䜲䝖䛺䛜䛷 䛝䜛ሙᡤ䜢స䜚ฟ䛩
:QN ⮬Ꮿ䛷䚸❆㎶䛷䚸᪂䛧䛔䝽䞊䜽䝷䜲䝣䝞䝷䞁䝇䜢䚹 $QHZZRUNOLIHEDODQFHH[SHULHQFHDWKRPH E\WKHZLQGRZ 352'8&7
ሙᡤ䞉యໃ䜢ኚ䛘䛶Ẽศ㌿䜢䛩䜛 ෆᐜ䛻䝯䝸䝝䝸䜢䛴䛡䜛 ⪺䛟䛣䛸䛜䝯䜲䞁䛾䜸䞁䝷䜲䞁 䝭䞊䝔䜱䞁䜾䛻ཧຍ䛩䜛 :25.䛷䛖 352'8&7
᪥ᕪ䛧䜢ᾎ䜃䜛 䝀䞊䝮䜔ᮏ䛺䛹䛾㊃䜢ᴦ䛧䜐 እ䛛䜙䛾ど⥺䜢㐽䜚䛴䛴 Ẽ䜢䛩䜛 35,9$7(䛷䛖 352'8&7
ᩘே䛷ᅖ䜣䛷䜹䜴䞁䝍䞊䛸䛧䛶䛖 እ䛛䜙䛾ど⥺䜢㐽䜚䛴䛴Ẽ䜢䛩䜛 =RRP๓䛻 ㌟䛰䛧䛺䜏䜢ᩚ䛘䜛
86(5Ŗ692,&( 䝭䞊䝔䜱䞁䜾䛾䛻㒊ᒇ䛾୰䛜ᫎ䜙䛺䛔䛾䛿䛔䛔䚹䛔䛴䜒䜹䝯䝷䛻ኚ䛺䜒 䛾䛜䛳䛶䛺䛔䛛Ẽ䛻䛧䛺䛜䜙ཧຍ䛧䛶䜛䛾䛷䚹 ,WŖVQLFHWKDWWKHFXUWDLQVFDQEORFNWKHYLHZRIP\URRP,ŖP DOZD\VDIUDLGWKDWWKHFDPHUDZLOOFDWFKVRPHWKLQJZHLUGLQWKH EDFNJURXQG 䛺䜛䜉䛟㒊ᒇ䛜⊃䛟ぢ䛘䛺䛔䜘䛖䛻䛧䛯䛔 ,GRQŖWZDQWLWWRWDNHXSWRRPXFKVSDFHLQWKHURRP 䛳䛶䛺䛔䛿㑧㨱䛻䛺䜙䛺䛔䜘䛖䛻䛧䛯䛔
,ZRXOGOLNHWRSXWLWDZD\ZKHQ,DPQRWXVLQJLW
᪤Ꮡ䛾㒊ᒇ䛾䜲䞁䝔䝸䜰䛻ྜ䛖䜘䛖䛻 䜹䝷䞊䝞䝸䜶䞊䝅䝵䞁䜢ቑ䜔䛩 (QDEOHWKHXVHUWRFKRRVHWKHFRORUWR PDWFKWKHLUXQLTXHLQWHULRUVW\OH 䛥䜎䛦䜎䛺䝅䞊䞁䛻⣲᪩䛟ᑐᛂ䛷䛝䜛䜘䛖䛻᧯ సᛶ䜢ྥୖ䛥䛫䜛 ,PSURYHXVDELOLW\WRHQDEOHLPPLGLDWH )8785(:25.
❆䛛䜙ጞ䜑䜛䚸 ḟୡ௦䛾䝽䞊䜽䝷䜲䝣䝞䝷䞁䝇 <RXUQHZZRUNOLIHEDODQFHVWDUWVE\WKHZLQGRZ
'HVLJQ3URFHVV
༙ᖺ㛫䜢㏻䛧䛶 $IWHUPRQWKVRIJURXSZRUNZHFDQVD\WKDW 䜾䝹䞊䝥䝽䞊䜽䛿䛶᪥ᮏㄒ䛸ⱥㄒ䛾୧᪉䜢⏝䛔䛶⾜䛔䜎䛧䛯䚹 $OORIRXUJURXSZRUNZDVGRQHLQ-DSDQHVHDQG(QJOLVK $ERXWRXUWHDP ⚾䛯䛱䛾䝏䞊䝮䝡䝹䝕䜱䞁䜾䛿㡰㢼‶ᕹ䛷䛿䛺䛛䛳䛯 2XUWHDPEXLOGLQJZDVQRWVPRRWKOLNHEXWWHU«
᪥ⱥ䛾୧᪉䛷ゝㄒ䛩䜛䛣䛸䛷䚸ᛮ⪃䛜䜘䜚䜎䛸䜎䜛 &RQILUPHDFKRWKHU¶VWKRXJKWSURFHVVDQG XQGHUVWDQGLQJ ྠ䛨⾜ື䛻ᑐ䛧䛶䜒ゎ㔘䛩䜛ே䛾ᩥ⫼ᬒ䛜㐪䛖䛾 䛷䚸䝴䞊䝄䞊䛾⾜ື䜢῝䛟✺䛝䛴䜑䜛䛝䛳䛛䛡䛻䛺 䜛䚹 2XUPXOWLFXOWXUDOLVPSURYLGHGXVZLWKWKH RSSRUWXQLWLHVWRWKLQNGHHSO\DERXWRXUXVHUV¶ EHKDYLRUVIURPGLijHUHQWSHUVSHFWLYHV 3526䜘䛛䛳䛯䛣䛸
&216䛧䜣䛹䛛䛳䛯䛣䛸 ⣽䛛䛔䝙䝳䜰䞁䝇䛜ఏ䜟䜙䛺䛔 1XDQFHZDVQRWGHOLYHUHGFRUUHFWO\ 䜾䝹䞊䝥䛷ሗ䛜ඹ᭷䛥䜜䛶䛺䛟䛶䚸ྠ䛨㆟ㄽ 䜢ఱᗘ䜒䛩䜛䚹 6RPHLQIRUPDWLRQZHUHQRWVKDUHG WKURXJKRXWWKHJURXS
(3 ㆟ㄽ䛾㛫䛜ఙ䜃䛶䛧䜎䛔䚸㆟ㄽ䛾┠ⓗ䜢 ぢኻ䛖䛣䛸䛜䜘䛟䛒䛳䛯 :HRIWHQKDYH/21*GLVFXVVLRQVDQG ZHORVWWUDFNRIZKDWLVLPSRUWDQW ୍ே୍ே䛾ヰ䛜▷䛟䚸䜎䛸䜎䜛䜘䛖䛻䛺䜚㆟ ㄽ䛾ᐦᗘ䛜ୖ䛜䛳䛯䚹 :HLPSURYHGWKHHĴFLHQF\RIWKH GLVFXVVLRQ
䛂ఱヰ䛧䛶䜛䛾䛃䜹䞊䝗 ŗ,ŖPWDONLQJDERXWőŘVLJQV
(3 䝴䞊䝄䞊䛾⾜ື䛾⌮⏤䜢⌮ゎ䛩䜛䛾䛻ⱞປ䛧䛯䚹 :HVWUXJJOHGLQXQGHUVWDQGLQJWKHXVHUV¶EHKDYLRUV 䛧䛛䜒䚸䜲䞁䝍䝡䝳䞊䛿䜋䛸䜣䛹᪥ᮏ ㄒ䛷⾜䜟䜜䛯 0RVWRIRXULQWHUYLHZVZHUHGRQHLQ -DSDQHVH« ⤖ᒁ䚸䝴䞊䝄䞊䛾⾜ື䛾䜋䛸䜣䛹䛿䜟䛛䜙䛺䛔 :HVWLOOGRQŖWXQGHUVWDQGXVHUVEHKDYLRUZHOO
䛂Ꮚ౪䛸ㄔᐇ䛻ྥ䛝ྜ䛖䛃 䜸䝜䝬䝖䝨䠄䝞䞁䝞䞁䚸 䝗䞁䝗䞁䚸䜹䞁䜹䞁䠅 䛂䜑䜣䛹䛟䛥䛔䛷䛩䜘䛃
ģͣͅռڑŀ 䛔䛔▩┪䜢ぢ䛴䛡䛯䚹 :HIRXQGDJRRGFRQWUDGLFWLRQ )RXQGDWDUJHWXVHU 䛂䛸䝥䝷䜲䝧䞊䝖䛾✵㛫䜢ศ䛡䛯䛔䛜 «䝋䝣䜯䛷䝎䝷䝎䝷䛧䛶䛧䜎䛖䛃 ³6KHZDQWVWRSURSHUO\VHSDUDWHKHUZRUNDQGOLIHVSDFHV EXW« «VKHJRHVWRWKHVRIDDQGZRUNVOD]LO\RQWKHVRID´
3URWRW\SLQJ䞉7HVW ௬ㄝ䠖䛸⚾⏕ά䛻≀⌮ⓗ䛺ቃ⏺䜢タ䛡䜛 +\SRWKHVLV3K\VLFDOO\VHSDUDWHZRUNDQG OLYLQJVSDFHV ௬ㄝ䠖ሙᡤ䜢ኚ䛘䜛䛸Ẽศ㌿䛻䛺䜛 +\SRWKHVLV&KDQJLQJZRUNVSDFHVZLOO FKDQJHRQH¶VPRRG
3URWRW\SLQJ䞉7HVW ௬ㄝ䠖䛸⚾⏕ά䛻≀⌮ⓗ䛺ቃ⏺䜢タ䛡䜛 +\SRWKHVLV3K\VLFDOO\VHSDUDWHZRUNDQG OLYLQJVSDFHV ௬ㄝ䠖ሙᡤ䜢ኚ䛘䜛䛸Ẽศ㌿䛻䛺䜛 +\SRWKHVLV&KDQJLQJZRUNVSDFHVZLOO FKDQJHRQH¶VPRRG
3URWRW\SLQJ䞉7HVW ௬ㄝ䠖䛸⚾⏕ά䛻≀⌮ⓗ䛺ቃ⏺䜢タ䛡䜛 +\SRWKHVLV3K\VLFDOO\VHSDUDWHZRUNDQG OLYLQJVSDFHV ௬ㄝ䠖ሙᡤ䜢ኚ䛘䜛䛸Ẽศ㌿䛻䛺䜛 +\SRWKHVLV&KDQJLQJZRUNVSDFHVZLOO FKDQJHRQH¶VPRRG
3URWRW\SLQJ䞉7HVW ௬ㄝ䠖䛸⚾⏕ά䛻≀⌮ⓗ䛺ቃ⏺䜢タ䛡䜛 +\SRWKHVLV3K\VLFDOO\VHSDUDWHZRUNDQG OLYLQJVSDFHV ௬ㄝ䠖ሙᡤ䜢ኚ䛘䜛䛸Ẽศ㌿䛻䛺䜛 +\SRWKHVLV&KDQJLQJZRUNVSDFHVZLOO FKDQJHRQH¶VPRRG
3URWRW\SLQJ䞉7HVW ᳨ド⤖ᯝ 䞉䝍䞊䝀䝑䝖䝴䞊䝄䞊䜢⤠䜛䛣䛸䛜䛷䛝䛯 :HZHUHDEOHWRQDUURZGRZQRXUWDUJHW XVHUV 䞉䝥䝻䝎䜽䝖䛾せ⣲䜢Ỵᐃ䛷䛝䛯 :HZHUHDEOHWRGHFLGHRQWKHNH\IHDWXUHV WRLQFOXGHLQRXUSURGXFW
6HOI7HVW 䛔䛴䜒䛾సᴗ䝇䝨䞊䝇䛸䛿㐪䛖䛩䛜䛩䛜䛧䛔Ẽᣢ䛱䟿⩦័䛧䛯䛔䚹 7RWDOO\UHIUHVKLQJFRPSDUHGWRRXUXVXDOZRUNVSDFHDQGZHZDQWHGWRPDNHLWDKDELW ゅᗘㄪᩚ䜔㧗䛥ㄪᩚ䚸ග䛾ㄪᩚ䛜ᚲせ $QJOHDGMXVWPHQWKHLJKWDGMXVWPHQWLVQHFHVVDU\
3URGXFW0DNLQJ 䝔䞊䝤䝹䛾䛝䛥䜢☜ㄆ䛧䛯 6L]HRIWKHWDEOH 䜹䞊䝔䞁䛾㧗䛥䜢᳨ド +HLJKWRIWKHFXUWDLQ 䝥䝻䝖䝍䜲䝥䜢ไస :RRGFXWWLQJHWF
䝴䞊䝄䞊䛜ᚲせ䛸䛧䛶䛔䜛せ⣲䜢☜䛛䜑䛯 &RQILUPWKHHOHPHQWVRIGHVLJQE\WHVWLQJWKHSURGXFWRXUVHOYHV 䛣䛾䝥䝻䝎䜽䝖䛾ᙉ䜏䜢☜ㄆ䛧䛯 &RQILUPH[DFWO\KRZRXUSURGXFWZRXOGFKDQJHWKHOLYHVRIWKHXVHUV 'HVLJQ7HVW
&21&/86,21 ⚾䛯䛱䛾䝏䞊䝮䝡䝹䝕䜱䞁䜾䛿㡰㢼‶ᕹ䛷䛿䛺䛛䛳䛯 2XUWHDPEXLOGLQJZDVQRWVPRRWKOLNHEXWWHU« $FWLYLW\6WDWV 1RRI0HHWLQJV 3URWRW\SHV 0HHWLQJKRXUV
K 1RRI,GHDV 6NHWFKHV $V «䛷䜒┠ⓗᆅ䜎䛷㎺䜚╔䛟䛣䛸䛿䛷䛝䛯䚹 «EXWZHVWXFNWRJHWKHUOLNHEXWWHUDQGWRDVW
:QN