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
サービス作りのためにチームで取り組んだ5つの事
Search
Ohashi
August 10, 2016
Design
1
5.1k
サービス作りのためにチームで取り組んだ5つの事
Ohashi
August 10, 2016
Tweet
Share
More Decks by Ohashi
See All by Ohashi
デザイナーが知っておくべき iOS開発のあれこれ
ohanamizuki
2
7.1k
"お金"のデザインの壁と打ち手
ohanamizuki
4
5.7k
メディアリニューアルまでのあしあと
ohanamizuki
2
95
Other Decks in Design
See All in Design
社内管理画面のデザインもプロダクトデザイン
takanorip
4
750
プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
270
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
260
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
200
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.4k
実務のための マイクロ インタラクション入門
shingo2000
0
370
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
930
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
0
270
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
670
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.3k
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.3k
decksh object reference
ajstarks
2
930
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
jQuery: Nuts, Bolts and Bling
dougneiner
60
7.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
Visualization
eitanlees
137
14k
Code Review Best Practice
trishagee
56
15k
Producing Creativity
orderedlist
PRO
338
39k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Atom: Resistance is Futile
akmur
260
25k
Transcript
αʔϏε࡞ΓͷͨΊʹ νʔϜͰऔΓΜͩ5ͭͷࣄ 2016/07/28 גࣜձࣾϚωʔϑΥϫʔυ େڮ ਸ਼ੜ
201410݄͔ΒϚωʔϑΥϫʔυʹδϣΠϯ ࣗಈՈܭαʔϏεʰϚωʔϑΥϫʔυʱͷσβΠϯΛ୲͍ͯ͠·͢ େڮ ਸ਼ੜ(͓͓͠ Έ͖ͣ) Designer ࣗݾհ
ձࣾհ
͓ۚΛલɻਓੜΛͬͱલɻ ݸਓاۀɺ͓ۚʹؔ͢Δ՝Έࢁੵ͍ͯ͠Δɻ αʔϏεΛ௨ͯ͠ɺ͓ۚͷ՝Λղܾ͠ ϢʔβʔͷਓੜΛϙδςΟϒͳͷɺલ͖ͳͷʹ͍ͯ͘͠ɻ ϛογϣϯ
Ոܭࢿ࢈ͳͲͷ ݸਓͷ͓ۚʹؔ͢Δݱঢ়՝Λ ϦΞϧλΠϜʹՄࢹԽ͢Δɻ ࣗಈՈܭɾࢿ࢈ཧαʔϏε
ձࣾͷձܭͳͲʹؔ͢Δݱঢ়՝Λ ϦΞϧλΠϜʹՄࢹԽ͢Δɻ
νʔϜͰऔΓΜͩ5ͭͷࣄ
՝ 1 ίϛϡχέʔγϣϯ͕ԁʹਐ·ͳ͍ 2 νʔϜϝϯόʔͷೝ͕ࣝͦΖΘͳ͍ νʔϜͰͷ։ൃޮ্͕͕Βͳ͍
1. ϧʔϧ࡞Γ
6*Λ࣮͢Δ࣌ʹΉ Before σβΠϯσʔλͱ ࣮ζϨͯΔɻɻɻ ϧʔϧ͕໌֬Ͱͳ͍͔Β໎͏ ίϛϡχέʔγϣϯίετ͕͔͔Δ ΤϯδχΞ σβΠφʔ
Style Guide࡞ͬͨΑ ͏৭ϑΥϯταΠζ͕໌֬ʹͳͬͨ͜ͱͰ໎Θͳ͍
͍ͬͯΔπʔϧɹͦͷ̍ Zeplin SketchͷศརϏϡʔΞʔ݉ΤΫεϙʔτϔϧύʔ
͍ͬͯΔπʔϧɹͦͷ̍ Zeplin SketchͷศརϏϡʔΞʔ݉ΤΫεϙʔτϔϧύʔ for ΤϯδχΞ
͍ͬͯΔπʔϧɹͦͷ̎ CRAFT LIBRARY Sketch symbol ΨΠυϥΠϯڞ௨ύʔπΛνʔϜͰڞ༗
͍ͬͯΔπʔϧɹͦͷ̎ CRAFT LIBRARY Sketch symbol ΨΠυϥΠϯڞ௨ύʔπΛνʔϜͰڞ༗ for σβΠφʔ
͞ΒͳΔࢼΈ Style GuideΛ֬ೝͰ͖ΔΞϓϦΛ࡞Ζ͏ʂ Style Guide App্ͰUIͱ͔τϥϯδγϣϯ͕֬ೝͰ͖Δͷ ςϯϓϨΛमਖ਼͢Εɺͯ͢Δ
͞ΒͳΔࢼΈ Style GuideΛ֬ೝͰ͖ΔΞϓϦΛ࡞Ζ͏ʂ Style Guide App্ͰUIͱ͔τϥϯδγϣϯ͕֬ೝͰ͖Δͷ ςϯϓϨΛमਖ਼͢Εɺͯ͢Δ ৄ͘͠ ͜ͷ͋ͱʂ
2. ։ൃϑϩʔͷݟ͠
Before اը༷ݕ౼࣌ʹΤϯδχΞࢹ͕ൈ͚͕ͪͩͬͨ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ༷ܾΊ ΤϯδχΞࢹ͕ೖΒͳ͍ ×
ϑϩʔͷݟ͠ ΞϓϦΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΈΜͳͰ༷ܾΊ ༷ʑͳ৬छͷࢹΛೖΕͯ ૣ͍ஈ֊Ͱݒ೦ͷચ͍ग़͕͠Ͱ͖ΔΑ͏ʹ όοΫΤϯυΤϯδχΞ
3. ΤϯδχΞͱσβΠφʔ ͬͱ͔Γ߹͓͏ͥͷձ
ͲΜͳऔΓΈΛ͍ͯ͠Δ͔ • ΤϯδχΞ͚SketchϫʔΫγϣοϓ • σβΠφʔ͚Androidษڧձ • ΈΜͳͰϏσΦΛݟΔձ • νϟοτͰͷใަͳͲ ͓ޓ͍ΛΔ͜ͱɾϦεϖΫτ͢Δ͜ͱͰ
αʔϏε։ൃ͕ԁʹͳΔ
ͲΜͳऔΓΈΛ͍ͯ͠Δ͔ • ΤϯδχΞ͚SketchϫʔΫγϣοϓ • σβΠφʔ͚Androidษڧձ • ΈΜͳͰϏσΦΛݟΔձ • νϟοτͰͷใަͳͲ ͓ޓ͍ΛΔ͜ͱɾϦεϖΫτ͢Δ͜ͱͰ
αʔϏε։ൃ͕ԁʹͳΔ
ΤϯδχΞ͚SketchϫʔΫγϣοϓ ࣮ࡍʹ࡞ͬͯΈΔͰ ͲͷΑ͏ʹ࡞ΒΕ͍ͯΔ͔Δ͜ͱ͕Ͱ͖Δ ͡ΊͯͰେৎʂΈΜͳͰSketchͰԿ͔࡞ͬͯΈΑ͏
4. ؾܰʹ૬ஊ͕Ͱ͖Δ ϑϦʔΞυϨε੮
ϑϦʔΞυϨε੮ ۙ͘Ͱ࡞ۀ͢ΔࣄͰࠔͬͨ࣌ʹ͙͢ฉ͚Δ ͔ͩΒɺ͙͢ʹରԠͰ͖ͯ࡞ۀޮ্
5. αʔϏείϯηϓτ ͷՄࢹԽ
Before ͕࣠ͳ͍͔ΒνʔϜͷํੑ֤ਓͷࢥ͍ඳ͍ͯΔ αʔϏε૾͕όϥόϥ αʔϏεͷະདྷ૾͕ෆ໌֬ αʔϏεͷڧΈ࣠Կ͔ ?
ՄࢹԽͱڞ༗ ՄࢹԽ͠ڞ༗ͨ͠ࣄʹΑΓ அ࣠ͷϒϨ͕ɺͳ͘ͳͬͨ
·ͱΊ
՝ 1 ίϛϡχέʔγϣϯ͕ԁʹਐ·ͳ͍ 2 νʔϜϝϯόʔͷೝ͕ࣝͦΖΘͳ͍ νʔϜͰͷ։ൃޮ্͕͕Βͳ͍
·ͱΊ %FTJHOFS &OHJOFFS ͓ޓ͍ͷࣄΛཧղ͠ɺ࠷࠷ߴͷ։ൃΛ͍͖ͯ͠·͠ΐ͏ αʔϏεͷՁϢʔβʔମݧͷ্ σβΠφʔ͚ͩͷͷͰͳ͘ɺνʔϜશମͷͷɻ
5IBOLZPV