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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Ohashi
August 10, 2016
Design
1
5.4k
サービス作りのためにチームで取り組んだ5つの事
Ohashi
August 10, 2016
Tweet
Share
More Decks by Ohashi
See All by Ohashi
デザイナーが知っておくべき iOS開発のあれこれ
ohanamizuki
2
7.6k
"お金"のデザインの壁と打ち手
ohanamizuki
4
6.1k
メディアリニューアルまでのあしあと
ohanamizuki
2
110
Other Decks in Design
See All in Design
Emmy's Artwork
mcksmith
0
200
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
120
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
380
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
310
はじめての演奏会フライヤーデザイン
chorkaichan
1
230
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
950
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
160
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
1
260
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
670
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
uto
0
180
ドルちゃん
design_dolphins
0
550
Liquid GlassとApp Intents
touyou
0
820
Featured
See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.6k
Design in an AI World
tapps
0
150
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
98
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
340
Practical Orchestrator
shlominoach
191
11k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
440
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Producing Creativity
orderedlist
PRO
348
40k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
A designer walks into a library…
pauljervisheath
210
24k
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