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
UI for everyday's cooking
Search
Takuji Ikeda
December 05, 2013
Design
39
18k
UI for everyday's cooking
Takuji Ikeda
December 05, 2013
Tweet
Share
More Decks by Takuji Ikeda
See All by Takuji Ikeda
20131101JAGAT_short.pdf
tikeda
1
210
Patterns of UI Design
tikeda
3
1k
Sass for everyday's cooking
tikeda
21
1.9k
Web Fonts with Web Design
tikeda
6
6.4k
Other Decks in Design
See All in Design
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
380
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
180
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
200
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
260
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
1
460
デザインを信じていますか
sekiguchiy
1
770
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
300
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
680
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
120
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.8k
体験を守るためのデザイン計測
techtekt
PRO
0
190
2026年、デザイナーはなにに賭ける?
0b1tk
0
430
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.9k
Heart Work Chapter 1 - Part 1
lfama
PRO
4
35k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
100
Rails Girls Zürich Keynote
gr2m
95
14k
How Software Deployment tools have changed in the past 20 years
geshan
0
31k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
6.8k
The Invisible Side of Design
smashingmag
302
51k
Bash Introduction
62gerente
615
210k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.8k
Transcript
ຖͷྉཧͷͨΊͷ 6*σβΠϯ ా ࢘ 2013/11/6 ͍ ͚ ͩ
ͨ ͘ ͡
ࣗݾհ w ా࢘UBLVKJJLFEB w ΫοΫύουגࣜձࣾɹσβΠϯ෦ w ΫοΫύουαʔϏεશମͷσβΠϯ Ϣʔβʔମݧͷ w σβΠϯ
ɾ ϑϩϯτΤϯυج൫ͷߏங w ৽نࣄۀ ɾ αʔϏεͷૹ٬ w IUUQUJLFEBOFU w UJXUUFS!UJLFEB
ஶॻ
ΞδΣϯμ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
ΫοΫύουʹ͍ͭͯ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ΫοΫύου 1$ 4NBSUQIPOF8FC
ΫοΫύου "OESPJE"QQ J1IPOF"QQ
ΫοΫύου J1BE"QQ
உੑ ঁੑ 85 15
σβΠφʔΛͱΓ·͘ ։ൃମ੍ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ
w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
8ਓ ։ൃऀϝϯόʔ Engineer + Designer 50ਓ
৽ن ৫ߏ ձһ֫ಘ ͷͤΔ ू٬ ͕͢͞ ɾ ɾ ɾ σβΠφʔ
ʢσβΠϯ෦ʣ
ϓϩδΣΫτͷنײ ΞϓϦϦχϡʔΞϧ ৽نαʔϏε։ൃ ݕࡧػೳͷڧԽɾվળ σβΠφʔ ΤϯδχΞ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΤϯδχΞ
σβΠφʔ σΟϨΫλʔ ΤϯδχΞ ΤϯδχΞ NPOUIT XFFL NPOUI
σβΠφʔͷׂ ΠϥετϨʔγϣϯ ϏδϡΞϧσβΠϯ 6*σβΠϯ )5.-ɾ$44ίʔσΟϯά 3BJMTίʔσΟϯά αΠτઃܭ αʔϏεઃܭɾσΟϨΫγϣϯɾϢʔβʔௐࠪ αΠτੳ
αʔϏε։ൃͷಛ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
Ϣʔβʔͷີணɾۦಈ։ൃ ڞײ JOUFSWJFX ݶఆެ։ ߦಈϩά ࢦඪධՁ ֦େ ެ։
ࠜݯతͳϢʔβʔཧղ &0(4 &NPUJPOPSJFOUFE(PBM4FUUJOH
ϢʔβʔͷΛूΊΔ Ϣʔβʔ͔Βͷ͝ҙݟ
આ໌ͳ͠Ͱ͔Δ ɾ ແݴޠԽ
6*σβΠϯͷ ΨΠυϥΠϯԽ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ
w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
6*%FTJHO3VMFT 6*%FWFMPQNFOU3VMFT 6*%FTJHO'SBNFXPSL ͳͥϧʔϧΛઃ͚Δ͔
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ຖͷྉཧͷͨΊ w ຖΞΫηεͯࣗ͠વʹೃછΊΔ͍উख w σόΠεΛ·͍ͨͰҧײͷͳ͍͍৺ ։ൃޮͷͨΊ w σβΠφʔ͕શͯͷ։ൃͰखΛಈ͔͞ͳ͍Α͏ʹ w ૉૣ͍ϓϩτλΠϓ։ൃΛߦ͑Δ
w ݸʑͷҙࢥܾఆΛૉૣ͘
ྉཧΛ࠷େݶΑ͘ݟͤΔ w פ৭͋·ΓΘͳ͍ w ྉཧࣸਅͷݟӫ͑ 6*%FTJHO3VMFT ࣸਅճΓࠐΈ
Ұ൪େͳϖʔδͷମݧ w ϨγϐͷϦϯΫ 6*%FTJHO3VMFT
ผʑͰ͋Δඞཁੑ͕ͳ͍͜ͱ w ΞοϓɾεςΠɾμϯ 6*%FTJHO3VMFT 1$ 4NBSUQIPOF8FC J04"QQ
6*ίϯϙʔωϯτͷநԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ
ΩʔΧϥʔͷมԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ จࣈ৭ എܠ৭ ϦϯΫ৭ Ϙʔμʔ৭ Ϩγϐ৭ ΞΫηϯτ৭ #3c3c3c #faf3e3
#330000 #F5F1E1 #889B00 #ff9933
ΩʔΧϥʔͷมԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ $branding_main: #4d2200 !default; $branding_accent: #ff9933 !default; $branding_support: #faf3e3
!default; $anchor: #330000 !default; $anchor_visited: #845f4b !default; $body: #3c3c3c !default; $body_bg: $branding_support !default; $recipe_title: #889B00 !default; $default_border: darken($body_bg, 5%) !default; ιʔείʔυ͔Β ࢀরՄೳͳ ΨΠυϥΠϯ
ϧʔϧʹελ ο ϑશһ͕ΞΫηεՄೳ 6*%FTJHO3VMFT
6*σβΠϯվળࣄྫ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
1$τοϓϖʔδͷૹ٬վળ ͦͷ ϨγϐΛ͕͢͞ϖʔδ͔Β ΫοΫύουશମΛ ၆ᛌͯ͠ݟΒΕΔߏʹ
ૹ٬ͷҐஔͷมߋ
ҐஔΛม͑ΔࣄͰૹ٬Λ ίϯτϩʔϧͰ͖Δʁ ૹ٬ͷҐஔͷมߋ
Ծઆ௨Γʹ͍͔ͣฏߦ ૹ٬ͷҐஔͷมߋ
ૹ٬ͷݟͤํมߋ
όφʔܕͷΫϦΤΠςΟϒ ܟԕ͞Ε͕ͪʁ ϑΥʔϜΛ༻͍ͯࢀՃܕʹ ૹ٬ͷݟͤํมߋ
Ծઆ௨Γ্ঢ ૹ٬ͷݟͤํมߋ
ϦϦʔεޙׂ ʮϲ݄ͰΑΓϲ݄ͰͰग़ͯ͠Έ Δʯ ૹ٬ͷݟͤํมߋ
εϚʔτϑΥϯΞϓϦͷૹ٬վળ ͦͷ̎ ϥϯμϜͰઆ໌ ಉ࣌Ͱઆ໌ແ
None
τʔλϧͰͷύϑΥʔϚϯεΛ༏ઌ
ʮ˔˔͚ͩͰ࡞ΕΔϨγϐʯ ݕࡧ݁ՌϖʔδͷཁૉҐஔมߋ ͦͷ ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ
ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ
ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ ը໘্෦͕Α͍ͱݶΒͳ͍ ͜ͷ߹
ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ গ͠ΞϨϧΪʔͬΆ͞Λ ফͨ͠ํ͕Α͍ʁ ɹ ϗʔϜը໘ʹݏͳΛ ஔ͖ͨ͘ͳ͍ ͜ͷΞϓϦΛͬͯ ୭ʹͤʹͳͬͯΒ͍͍ͨʁ ݩؾͳࢠڙʹ
ҭͬͯ΄͍͠ʁ
ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ ఆੑతͳσβΠϯͷஅ
ࣄྫͷڞ༗
ࣄྫͷڞ༗ ܧଓ։ൃͰͷ݁Ռڞ༗ σβΠϯࢥͷڞ༗
ࣄྫͷڞ༗ 6*มߋͷͩ͜ΘΓ
ࠓɾͦͯ͜͠Ε͔Β ΫοΫύο υ ɾ 6*σβΠϯͷ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w
αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
Ϩγϐ͔Β৯ͷϓϥοτϑΥʔϜ ങ͍ ඒ ༰ ݈ ߁ ڭ ҭ ޘ ָ
Ϩγϐ
͍͞ศ
ಛചใ
DPPLTUFQ
ΞϨϧΪʔରԠϨγϐΞϓϦ
ʁ ʁ ʁ ʁ ৽͍͠ϢʔβʔՁͷ
ຖͷྉཧͷͨΊͷ 6*σβΠϯ ৯ͦͯ͠ੜ׆ऀͷͨΊͷ 6*σβΠϯ
6*σβΠϯ w Ϣʔβʔʹͱͬͯతͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ
w Ϣʔβʔʹͱͬͯతͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ 6*σβΠϯ
ҰॹʹΫοΫύο υͰαʔϏε ɾ ΞϓϦΛ࡞Δ 69σβΠφʔɾ6*σβΠφʔ ઈࢍืूத http://info.cookpad.com/jobs/?affcd=eetmm Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠