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
mari kimura
May 18, 2017
Design
0
90
そのあとの「デザイン」
CAMPFIRE Design #1 2017/5/18
クックパッド内サービス、「料理きろく」をテーマにサービスをリリースしたあとのデザインの話や、デザイナーの取り組みについてをしました
mari kimura
May 18, 2017
Tweet
Share
More Decks by mari kimura
See All by mari kimura
デザインの力を高める 個 x チームの取り組み
mura24
3
2.1k
Cookpad Techconf@kimura 2016/01/23
mura24
0
64
はじめましてnanapiのデザイナー木村と申します LT@Cross 2015
mura24
0
94
「個」から「集」のデザイン
mura24
0
65
ブレないアプリデザインのすすめかた
mura24
79
18k
スタイルガイド監獄からの脱出
mura24
6
2.9k
Other Decks in Design
See All in Design
sachi_y_portfolio
sachi337
0
250
portfolio_YumiYasuda
yum0418
0
280
Storyboard Honey
rocioparronrubio
0
270
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
450
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
320
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
670
線で考える画面構成
natsuume
1
880
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
240
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
560
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
430
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
How to Ace a Technical Interview
jacobian
277
23k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Fireside Chat
paigeccino
37
3.5k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Side Projects
sachag
455
42k
Transcript
ϢʔβʔʹՁΛಧ͚ΔͨΊͷ αʔϏε։ൃ ͦͷ͋ͱͷʮσβΠϯʯ 2017/05/18 ΫοΫύουגࣜձࣾ ଜਅཧ CAMPFIRE Design #1 ©2017
Cookpad Inc. ALL Rights Reserved.
ࣗݾհ ଜਅཧ (Mari Kimura) w iOS/Android ΫοΫύουΞϓϦ ʢྉཧ͖Ζ͘ʣ w iOS/Android
͓ྉཧΞϧόϜ XFC੍࡞ձࣾɺελʔτΞοϓΛܦͯɺ 20156݄ΫοΫύουʹೖࣾɻ αʔϏε։ൃ෦͖Ζ͘άϧʔϓσβΠφʔ
ࠓͷ͓ αʔϏεΛϦϦʔεͨ͠ ͋ͱͷσβΠϯͷ ʮྉཧ͖Ζ͘ʯΛςʔϚʹ
ྉཧ͖Ζ͘ ྉཧࣸਅΛࣗಈͰهͯ͠ɺ ϓϥΠϕʔτʹৼΓฦΒΕΔ αʔϏε ※ΫοΫύουΞϓϦͷυϩϫʔ͔Β ɹΞΫηεͰ͖·͢
66.2 ľ ૯ྉཧࣸਅຕ ສຕ 350 ྉཧࣸਅຕ/Month Ę Ė ྉཧهऀ/Month ਓ
47,000 ˞ௐ ྉཧ͖Ζ͘ ສຕ ͪͳΈʹʜΫοΫύουͷ૯Ϩγϐ ສ 267
͜͜Ͱͪΐͬͱ࣭Ͱ͢ ͋ͳͨͷϓϩμΫτͷ ࣄۀܭը ,1* ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞
͋ͳͨͷϓϩμΫτͷ ࣄۀܭը ,1* ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞ લͷ ͜͜Ͱͪΐͬͱ࣭Ͱ͢
͋ͳͨͷϓϩμΫτͷ ࣄۀܭը ,1* ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞ લͷ ͜͜Ͱͪΐͬͱ࣭Ͱ͢
ΰʔϧมΘΔʢׂ͔͠ͱΑ͘ʣ ͳʹ͕ݴ͍͍͔ͨͱ͍͏ͱʜ
ͭͷ6* ಉ͡ՁΛମݱ͍ͯ͠Δͷ ྉཧࣸਅΛϓϥΠϕʔτʹهͯ͠ɺָ͠ΉɾཱͯΔ
ࣄۀձࣾͷσβΠφʔͷׂ ϏδωεΰʔϧΛ뱌ͯ͠ɺ Ϣʔβʔ Ձ͋ΔσβΠϯʹ༁͢Δࣄ
ࣄۀձࣾͷσβΠφʔͷׂ Ձ͋Δͷʁ Ͳ͏ͬͯଌΔʁʁʁ
ఆੑɾఆྔௐࠪ Ͳ͏ͬͯՁΛଌΔʁ
ྫ͑ʜ w ϦϦʔεલʹʮྉཧࣸਅΛݸਓతʹࡱӨ͠ ͍ͯΔ͔ʯͳͲͷ8FCΞϯέʔτΛ࣮ࢪ w Ҏલ͔ΒϢʔβʔΠϯλϏϡʔͰྸΘ ͣʮྉཧࣸਅࡱӨ͢Δ͕4/4ͰγΣΞ͠ ͨ͘ͳ͍ʜʯͱ͍͏ w ϓϩμΫτɾࢪࡦͷԾઆݕূ
ྉཧ͖Ζ͘ͷ,1* wར༻ऀʢར༻ڐऀʣ wྉཧࣸਅهऀ w ΫοΫύουຊମͷ,1* w ྉཧ͖Ζ͘ʹݸผ࠷దԽ͞ΕͨࢪࡦߦΘͳ͍ ओͳࢦඪ
ྉཧ͖Ζ͘ͷ,1* ϢʔβʔΛ֫ಘ͢Δͧʂ
wϢʔβʔ͕ϓϩμΫτʹ৮͢Δνϟϯ ωϧʹɺ༷ʑͳܗͰΞϓϩʔν Ϣʔβʔ֫ಘͷͨΊʹ w ίʔνϚʔΫ w ىಈ͓࣌Βͤ w 1VTI௨ w
ྉཧ͖Ζ͘501ը໘σβΠϯมߋ w (6&45Ϣʔβʔʹಈઢදࣔ w ϝʔϧ৴ ͥΜͿΔʂ
λονϙΠϯτ૿ͧ͢ ίʔνϚʔΫ 1VTI௨ ىಈ͓࣌Βͤ ϝʔϧ৴ ಈઢදࣔ σβΠϯ"#
Ұ൪ޮՌ͕͋ͬͨͷʜ ☝ ྉཧ͖Ζ͘৽نར༻։࢝ऀʢڐऀʣ
Ұ൪ޮՌ͕͋ͬͨͷʜ ☝ ىಈ͓࣌Β͕ͤҰ൪ޮ͍ͨ
ֶͼͱ࠶֬ೝ w֬ͷߴ͍ॱʹͻͱͭͣͭటष͘Δ͠ ͔ͳ͍ w ·ͣυٿɺࡉ͔ͳ"#ςετඞཁͳ͍ wग़ͯ͠Έͳ͍ͱΘ͔Βͳ͍͜ͱ͋Δ w ىಈ͓࣌ΒͤʹҰఆͷޮՌ͋Δͱ༧͍͕ͯͨ͠ɺ ΫοΫύουΛىಈ͢ΔϢʔβʔௐཧલɺྉཧ͖Ζ͘ ௐཧޙʹར༻͢ΔαʔϏεͳͷͰɺΞϓϦىಈޙʹྉཧ
͖Ζ͘ͷར༻Λ։࢝͢ΔϢʔβʔগͳ͍ͷͰʁͱॳ ߟ͍͑ͯͨɻ
ϢʔβʔΛ֫ಘ͢Δͧ ! 2 ྉཧ͖Ζ͘ͷ,1* ϢʔβʔΛ֫ಘ͢Δͧʂɾ
J04"OESPJEͭͷ6* άϦου ΧϨϯμʔ
J04"OESPJEͭͷ6* ։ൃϦιʔεͷ্ؔɺJ04ॳɺίετͷ͔͔Β ͳ͍άϦουϏϡʔͰϦϦʔε͍ͯͨ͠
J04"OESPJEͭͷ6* άϦου ΧϨϯμʔ ΧϨϯμʔϏϡʔͷ΄͏͕ ͨΓͷӾཡ66͕ߴ͔ͬͨ
ֶͼͱ࠶֬ೝ wதظతʹυοάϑʔσΟϯάɾ Ϣʔβʔʹਁಁͯ͠Έͳ͍ͱΘ͔Βͳ͍ ͜ͱ͋Δ w ຖͷྉཧʮ͍ͭʯʮͳʹΛʯ࡞ͬͨͷ͔͕ηο τʹͳ͍ͬͯΔ͜ͱ͕ॏཁ w σʔλੵܕͷαʔϏεɺར༻தʙར༻ޙ͚ͩ Ͱͳ͘ɺσʔλ͕ຒ·͍ͬͯ͘ମݧͷதͰͲΕͩ
͚خ͍͠ϑΟʔυόοΫ6*ΛఏڙͰ͖Δ͔͕؊৺
J04"OESPJEͭͷ6* ݱࡏ"OESPJEʹଗ͑ͯɺJ04ΧϨϯμʔϏϡʔʹ
·ͱΊ wࢪࡦ֬ͷߴ͍ॱɺҧ͏ํੑͰΞϓ ϩʔν wϓϩμΫτͷੑ࣭ʹΑͬͯυοάϑʔσΟ ϯάͷݕূظؒมΘͬͯ͘Δ
ͬͱσβΠϯ
ͬͱσβΠϯ σβΠφʔ42-
σβΠφʔ42- w6*ઃܭ࣌ʹࣗͰ42-ୟ͍ͨ΄͏ ͕͕ૣ͍͜ͱ͕͋Δ w ʮ͜ͷཁૉ༏ઌͦ͏͚ͩͲEBZͰͲΕ͘Β͍ λοϓ͞Ε͍ͯΔͷ͔ͳʁʯ wࢪࡦͷࡦఆ͔Βϩάͷઃܭɺ42-Ͱͷ ੳ·ͰΔύϫʔσβΠφʔొͯ͠ ͖ͨ ˞
˞42-ΛֶͿ͜ͱࣗମ͕ຊ࣭Ͱͳ͘ɺࣗͷσβΠϯʹ ΑΓΛ࣋ͭ͜Λ͕త
ͬͱσβΠϯ ઌͷ͜ͱΔɺ ເޠΔ
ເޠΔ wσβΠφʔઌߦͰɺϓϩμΫτͷັྗΛ ্͛ΔͨΊͷΞΠσΞΛ࿅Δ w࣮ࡍʹखͰ৮ΕΔͷʹམͱ͠ࠐΉ • inVision/Flinto for Mac • Web
View/ReactNative
·ͱΊ
ͭͷ6* ಉ͡ՁΛମݱ͍ͯ͠Δͷ ྉཧࣸਅΛϓϥΠϕʔτʹهͯ͠ɺָ͠ΉɾཱͯΔ
ͭͷ6* σβΠϯαʔϏεͷΞϓϩʔν͕มΘΕͲ ຊ࣭มΘ͍ͬͯͳ͍
ͯ͢Ϣʔβʔͷ ʮຖͷྉཧΛָ͠Έʹ͢ΔʯՁͷͨΊʹ
ΫοΫύουͰσβΠφʔΛઈࢍืूதʂ https://info.cookpad.com/careers/jobs/careers/ux-ui-designer WE ARE HIRING!
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠