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
techconf2019_sudo.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
sudokohey
February 27, 2019
Design
0
12k
techconf2019_sudo.pdf
sudokohey
February 27, 2019
Tweet
Share
More Decks by sudokohey
See All by sudokohey
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf2017_sudo
sudokohey
10
8.1k
Other Decks in Design
See All in Design
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
500
Spacemarket Brand Guide
spacemarket
2
140
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
190
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
480
decksh object reference
ajstarks
2
1.5k
Franks Myth
gfht1
1
410
maki setoguchi
maki_setoguchi
0
660
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.3k
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
660
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
4
670
2026年の勢い / Momentum for 2026
bebe
0
340
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
380
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Chasing Engaging Ingredients in Design
codingconduct
0
110
Producing Creativity
orderedlist
PRO
348
40k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
160
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Crafting Experiences
bethany
1
48
Mind Mapping
helmedeiros
PRO
0
78
Build your cross-platform service in a week with App Engine
jlugia
234
18k
How to train your dragon (web standard)
notwaldorf
97
6.5k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
320
The Pragmatic Product Professional
lauravandoore
37
7.1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
51
Transcript
Cookpad Inc. Feb 27th, 2019 ਢ౻ߞฏ ৽نαʔϏε։ൃ෦ ྉཧͷֶशମݧΛ σβΠϯ͢Δ
ࣗݾհ 2 ໊લɿਢ౻ߞฏ ॴଐɿ৽نαʔϏε։ൃ෦ ݞॻɿσβΠφʔɺΤϯδχΞɺϓϩσϡʔαʔ…etc ɹɹɹσβΠφʔ౷ׅϚωʔδϟʔ
ࠓ͓͢Δ͜ͱ 3 • ৽نαʔϏεͱͯ͠ϦϦʔεͨ͠ΞϓϦʹ͍ͭͯ • ͲͷΑ͏ͳࢥߟͰ։ൃΛਐΊ͔ͨ
http://tabedori.jp 4
ϢʔβʔͷྉཧͷΛ ্ୡͤ͞Δ 5
าΈ 6 • 2018ॳ०ɿϓϩδΣΫτΛελʔτ • 5݄ɿΈͳ͕Ββ൛ΞϓϦΛϦϦʔε • 8݄ɿΈͳ͕ΒຊϦϦʔε • 2019ݱࡏɿΈͳ͕ΒϦχϡʔΞϧத
ͱʹ͔͍͘͠ 7
Կ͕ͦΜͳʹ͍͠ͷ͔ 8 • ্ୡͷఆ͕͍ٛ͠ • ఆٛͰ͖ͳ͍ͷͰɺԿΛֶͿ͖͔͕Θ͔Βͳ͍
For beginners? 9 • Λฉ͍ͯΈΔͱɺΈΜͳҙ֎ͱͰ͖ͯΔ
10
11 ͬͱྉཧΛ͡Ί͔ͨΓͷࠒʹΓ͔ͨͬͨͰ͢Ͷ CZྉཧΛ࢝Ίͯ
Ͳ͏ͳΓ͍ͨʁ 12
Ϩγϐͱ͔ݟͳ͍Ͱɺ ͋ΔͷͰύύͬͱͭ͘ΕΔ Α͏ʹͳΓ͍ͨʂ 13
ύύͬͱ ≠࣌ɾ؆୯ 14
ύύͬͱ ≒ ରԠྗ 15
લ 16
৯ํఏҊػೳ 17 • ఆ൪ϝχϡʔΛఏҊ͢ΔػೳΛͭͬͨ͘ • ʮಲʯͰݕࡧ • ͠ΌͿ͠ΌͿɺੜᇙম͖ɺͱΜ͔ͭ…etc
ීஈͷ͝Μ༻ʹνϡʔχϯά 18 • ʮͳ͢ʯͰݕࡧ • ຯḩᖱΊɺ༲͛ͼͨ͠ɺম͖ͳ͢…etc
ؾ͖ͮ 19 • ຖͷ͝Μ໊ͬͯલ͕ͳ͍Α͏ͳͷΛͨͯΔ • ͦͷͱ͖͋ΔͷͰύοͱͭͬͨ͘Α͏ͳͷ
٧·Δͱ͜Ζɺखݩͷ৯ࡐΛ Ͳ͏͓͍ͨ͘͠Δ͔ 20
͍ΖΜͳ੍ͷதͰɺ ࣗͰίϯτϩʔϧ͍ͯ͠Δ ࣮ײΛಘΒΕΔͱຬߴ͍ 21
Ή 22 • Ұੜݒ໋ϨγϐΛ୳͠ٻΊΔඞཁ͕͋ΔΜͩΖ͏͔ʁ • ϨγϐʹͨͲΓண͔ͤΑ͏ͱͯ͠Δ͜ͱ͕φϯηϯεʁ
ຊʹղ͖͘ 23
Ͳ͏͢ΕϢʔβʔͷྉཧͷ Λ্ୡͤ͞Δ͜ͱ͕Ͱ͖Δ͔ʁ 24
͋ΔͷͰύύͬͱͭ͘ΕΔ Ϩϕϧʹ࠷Ͱ౸ୡ͢Δʹʁ 25
Ͳ͏ͬͯʁ 26
͋ΔͷͰύύͬͱͷ࣮ଶ૯߹ྗ 27 • ങ͍ͷεΩϧ • ݙཱͷܭը • ৯ࡐௐཧʹର͢Δࣝ • Λ౿ΜͰܦݧΛ্͛Δ
ϑΥʔΧεΛߜΔ 28 • ങ͍ͷεΩϧ • ݙཱͷܭը • ৯ࡐௐཧʹର͢Δࣝ • Λ౿ΜͰܦݧΛ্͛Δ
Λ౿Ή͜ͱͰ͑ΒΕ͍ͯ͘ͷ 29 • ൃ͢Δྗ • ۩ݱԽ͢Δྗ
Λ౿Ή͜ͱͰ͑ΒΕ͍ͯ͘ͷ 30 • ൃ͢Δྗ • ݕࡧʹཔ͍ͬͯΔ • ۩ݱԽ͢Δྗ • Ϩγϐʹཔ͍ͬͯΔ
͜ΓΌ͏·͘ͳΒΜʂ
ൃྗͱ۩ݱԽྗ 32
ൃྗ 33
ൃྗͬͯԿʁ 34 • ࡞ྉཧΈ͍ͨͳ৽͍͠ຯ͕࡞Γ͍ͨΘ͚Ͱͳ͍ • ϚχΞοΫͳૉࡐΛ͍͜ͳ͍ͨ͠Θ͚Ͱͳ͍
ඞཁेͰ͍͍ 35 • قઅͷ৯ࡐΛͬͯ • ؆୯Ͱ͓͍ͯ͘͠ • ӫཆ͋Γͦ͏ͳ • ͦΕͰ̍ϲ݄ճͤΕ͍͍
ޒ๏ͷද 36 •তॳظʹՈఉྉཧͷݚڀՈʹΑͬͯߟҊ •ݙཱΛܾΊΔͱ͖ͷศརπʔϧ
37
38 ܲͷͯΓ͖
39 ܲͷͯΓ͖ ֯ࣽ
40 ܲͷͯΓ͖ ֯ࣽ ΞδϑϥΠ
41 ܲͷͯΓ͖ ֯ࣽ ΞδϑϥΠ ͿΓͷͯΓ͖
ඞཁेͷϨϕϧΛઃఆ 42 • ͜Ε͕ຒΊΒΕΕݙཱͮ͘Γʹ·ͳ͍ • ීஈങͬͯΔ৯ࡐͰɺͻͱ௨ΓදΛຒΊΒΕΔϨϕϧΛࢦ͢
43
ҙ֎ͱຒΊΒΕͳ͍ 44
ͳͥຒΊΒΕͳ͍ʁ 45 • ͦͦൃ͕ҧ͏ • ͋Δ৯ࡐΛࣽΑ͏͔ʁম͜͏͔ʁͱ͔ߟ͑ͳ͍ • ྉཧΛϨγϐ୯ҐͰ֮͑ͯΔ
ྉཧΛϨγϐ୯ҐͰ֮͑Δͷඇޮ 46 • هԱʹݶք͕͋Δ • શʹ֮͑Δ·Ͱ܁Γฦ͢ʹ͕͔͔࣌ؒΔ • Ϩγϐʹඞཁͳͷ͕͍ͭἧ͍ͬͯΔͱݶΒͳ͍
Ͳ͏͢Εʁ 47
ྉཧΛղͯ͠ଊ͑Δ 48 ৯ࡐ ✕ ຯ͚ ✕ ௐཧ๏
ύύͬͱͰ͖Δਓͷࢥߟ 49 • ͜ͷ̏ͭͷεϩοτΛࣗ༝ʹΈସ͍͑ͯΔ
50
ಲɹ✕ɹੜᇙে༉ɹ✕ɹম͘ 51
͝΅͏ɹ✕ɹੜᇙে༉ɹ✕ɹম͘ 52
͝΅͏ɹ✕ɹԘͱΦϦʔϒΦΠϧɹ✕ɹম͘ 53
ʹΜ͡Μɹ✕ɹԘͱΦϦʔϒΦΠϧɹ✕ɹম͘ 54
ϒϩοίϦʔɹ✕ɹʹΜʹ͘ΦΠϧɹ✕ɹম͘ 55
ղͯ͠ల։͢Δ 56 • ൃ͕͕Δ • 3ͭͷεϩοτͷ2ͭΛݻఆͯ͠ɺͪΐͬͱͣͭมԽͤ͞Δ
۩ݱԽྗ 57
۩ݱԽྗͬͯԿʁ 58 • ൃ͢Δ͜ͱͱɺ࣮ࡍʹͰ͖Δ͔ผ • ͜Εͦ͜
େͷௐཧఔڞ௨͍ͯ͠Δ 59 • Δ • Լ͝͠Β͑ • ՐΛ௨͢ • ຯΛ͚ͭΔ
• ্͛Δ
খ͘͞ύλʔϯԽ֮ͯ͑͠Δ 60 • ֤ఔͷՌͱͯ͠ग़ͯ͘Δͷ • ԼΏͰͨ͠େࠜ • ʹΜʹ͘ͷ߳ΓΛҠͨ͠ΦΠϧ • ౾ΛͭͿͯ͠ຯ͚ͨ͠ͷ
۩ݱԽ͍͢͠ 61 • খ͍͞ͷͰ͍֮͑͢ • ҰͭҰͭෳࡶ͡Όͳ͍ • ҰͭҰͭ؆୯ͳͷͰࣦഊ͠ͳ͍
ΧʔυΛ࣮ͭͬͯ͘ݧ 62
࣮ࡍʹྉཧͯ͠ΈΔ 63 • ͦͷ࣌͋Δ৯ࡐͱΧʔυͷΈ߹ΘͤͰྉཧΛൃ͢Δ • Ϩγϐݟͳ͍
64
ҙ֎ͱͰ͖Δʂ 65
͜Ε͕Ͱ͖Δͱ 66
ϨύʔτϦʔ ࣮࣭ແݶ 67
͋ΔͷͰ ύύͬͱͰ͖Δ 68
69
70
71
72
73
·ͩ·ͩཧʹԕ͍ 74 • ֶशΞϓϦͱͯ͠ͷϢχʔΫͳϦ͕ऑ͍ • श׳ԽͷΈͮ͘Γ
ͦͷΜΛڧԽͯ͠ ઈࢍϦχϡʔΞϧதʂ
࠷ޙʹ 76
ϓϩδΣΫτʹࢀՃͯ͠ ͘ΕΔؒืूதʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ 78