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
200
Patterns of UI Design
tikeda
3
950
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
Haley's adventure chase
ivettetwin
0
220
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
670
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
590
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
130
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
460
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
2
440
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
590
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
250
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Statistics for Hackers
jakevdp
799
220k
Producing Creativity
orderedlist
PRO
346
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Building Adaptive Systems
keathley
43
2.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
The Language of Interfaces
destraynor
158
25k
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 Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠