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
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のデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
1
920
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.8k
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
530
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
1
230
身の丈に合うところから始めるデザインシステム
tommytommy30
1
110
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
360
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
12k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
200
Vibe Coding デザインシステム
poteboy
3
1.5k
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
110
TWCP#21 UXデザインと哲学のはなし
shinn
0
110
CursorでAI活用のナレッジベースを構築する
kanzaki
0
970
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Six Lessons from altMBA
skipperchong
29
4.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
It's Worth the Effort
3n
187
29k
Statistics for Hackers
jakevdp
799
230k
Into the Great Unknown - MozCon
thekraken
40
2.2k
What's in a price? How to price your products and services
michaelherold
246
12k
Side Projects
sachag
455
43k
Embracing the Ebb and Flow
colly
88
4.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
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