サービス作りのためにチームで取り組んだ5つの事

Transcript

1. αʔϏε࡞ΓͷͨΊʹ νʔϜͰऔΓ૊Μͩ5ͭͷࣄ 2016/07/28 גࣜձࣾϚωʔϑΥϫʔυ େڮ ਸ਼ੜ
2. 2014೥10݄͔ΒϚωʔϑΥϫʔυʹδϣΠϯ ࣗಈՈܭ฽αʔϏεʰϚωʔϑΥϫʔυʱͷσβΠϯΛ୲౰͍ͯ͠·͢ େڮ ਸ਼ੜ(͓͓͸͠ Έ͖ͣ) Designer ࣗݾ঺հ
3. ձࣾ঺հ
4. ͓ۚΛલ΁ɻਓੜΛ΋ͬͱલ΁ɻ ݸਓ΋اۀ΋ɺ͓ۚʹؔ͢Δ՝୊΍೰Έ͸ࢁੵ͍ͯ͠Δɻ αʔϏεΛ௨ͯ͠ɺ͓ۚͷ՝୊Λղܾ͠ ϢʔβʔͷਓੜΛϙδςΟϒͳ΋ͷɺલ޲͖ͳ΋ͷʹ͍ͯ͘͠ɻ ϛογϣϯ
5.  Ոܭ΍ࢿ࢈ͳͲͷ ݸਓͷ͓ۚʹؔ͢Δݱঢ়΍՝୊Λ ϦΞϧλΠϜʹՄࢹԽ͢Δɻ ࣗಈՈܭ฽ɾࢿ࢈؅ཧαʔϏε
6.  ձࣾͷձܭͳͲʹؔ͢Δݱঢ়΍՝୊Λ
   ϦΞϧλΠϜʹՄࢹԽ͢Δɻ
7. νʔϜͰऔΓ૊Μͩ5ͭͷࣄ
8. ՝୊ 1 ίϛϡχέʔγϣϯ͕ԁ׈ʹਐ·ͳ͍ 2 νʔϜϝϯόʔͷೝ͕ࣝͦΖΘͳ͍ νʔϜͰͷ։ൃޮ཰্͕͕Βͳ͍
9. 1. ϧʔϧ࡞Γ
10. 6*Λ࣮૷͢Δ࣌ʹ೰Ή Before σβΠϯσʔλͱ
    ࣮૷ζϨͯΔɻɻɻ ϧʔϧ͕໌֬Ͱͳ͍͔Β໎͏ ίϛϡχέʔγϣϯίετ͕͔͔Δ ΤϯδχΞ σβΠφʔ
11. Style Guide࡞ͬͨΑ ࢖͏৭΍ϑΥϯταΠζ͕໌֬ʹͳͬͨ͜ͱͰ໎Θͳ͍
12. ࢖͍ͬͯΔπʔϧɹͦͷ̍ Zeplin Sketchͷ௒ศརϏϡʔΞʔ݉ΤΫεϙʔτϔϧύʔ
13. ࢖͍ͬͯΔπʔϧɹͦͷ̍ Zeplin Sketchͷ௒ศརϏϡʔΞʔ݉ΤΫεϙʔτϔϧύʔ for ΤϯδχΞ
14. ࢖͍ͬͯΔπʔϧɹͦͷ̎ CRAFT LIBRARY Sketch symbol ΨΠυϥΠϯ΍ڞ௨ύʔπΛνʔϜ಺Ͱڞ༗
15. ࢖͍ͬͯΔπʔϧɹͦͷ̎ CRAFT LIBRARY Sketch symbol ΨΠυϥΠϯ΍ڞ௨ύʔπΛνʔϜ಺Ͱڞ༗ for σβΠφʔ
16. ͞ΒͳΔࢼΈ Style GuideΛ֬ೝͰ͖ΔΞϓϦΛ࡞Ζ͏ʂ Style Guide App্ͰUIͱ͔τϥϯδγϣϯ͕֬ೝͰ͖Δ΋ͷ ςϯϓϨΛमਖ਼͢Ε͹ɺ͢΂ͯ௚Δ
17. ͞ΒͳΔࢼΈ Style GuideΛ֬ೝͰ͖ΔΞϓϦΛ࡞Ζ͏ʂ Style Guide App্ͰUIͱ͔τϥϯδγϣϯ͕֬ೝͰ͖Δ΋ͷ ςϯϓϨΛमਖ਼͢Ε͹ɺ͢΂ͯ௚Δ ৄ͘͠͸ ͜ͷ͋ͱʂ
18. 2. ։ൃϑϩʔͷݟ௚͠
19. Before اը΍࢓༷ݕ౼࣌ʹΤϯδχΞࢹ఺͕ൈ͚͕ͪͩͬͨ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ࢓༷ܾΊ ΤϯδχΞࢹ఺͕ೖΒͳ͍ ×
20. ϑϩʔͷݟ௚͠ ΞϓϦΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΈΜͳͰ࢓༷ܾΊ ༷ʑͳ৬छͷࢹ఺ΛೖΕͯ ૣ͍ஈ֊Ͱݒ೦఺ͷચ͍ग़͕͠Ͱ͖ΔΑ͏ʹ όοΫΤϯυΤϯδχΞ
21. 3. ΤϯδχΞͱσβΠφʔ ΋ͬͱ෼͔Γ߹͓͏ͥͷձ
22. ͲΜͳऔΓ૊ΈΛ͍ͯ͠Δ͔ • ΤϯδχΞ޲͚SketchϫʔΫγϣοϓ • σβΠφʔ޲͚Androidษڧձ • ΈΜͳͰϏσΦΛݟΔձ • νϟοτͰͷ৘ใަ׵ͳͲ ͓ޓ͍Λ஌Δ͜ͱɾϦεϖΫτ͢Δ͜ͱͰ αʔϏε։ൃ͕ԁ׈ʹͳΔ
23. ͲΜͳऔΓ૊ΈΛ͍ͯ͠Δ͔ • ΤϯδχΞ޲͚SketchϫʔΫγϣοϓ • σβΠφʔ޲͚Androidษڧձ • ΈΜͳͰϏσΦΛݟΔձ • νϟοτͰͷ৘ใަ׵ͳͲ ͓ޓ͍Λ஌Δ͜ͱɾϦεϖΫτ͢Δ͜ͱͰ αʔϏε։ൃ͕ԁ׈ʹͳΔ
24. ΤϯδχΞ޲͚SketchϫʔΫγϣοϓ ࣮ࡍʹ࡞ͬͯΈΔͰ ͲͷΑ͏ʹ࡞ΒΕ͍ͯΔ͔஌Δ͜ͱ͕Ͱ͖Δ ͸͡ΊͯͰ΋େৎ෉ʂΈΜͳͰSketchͰԿ͔࡞ͬͯΈΑ͏
25. 4. ؾܰʹ૬ஊ͕Ͱ͖Δ ϑϦʔΞυϨε੮
26. ϑϦʔΞυϨε੮ ۙ͘Ͱ࡞ۀ͢ΔࣄͰࠔͬͨ࣌ʹ͙͢ฉ͚Δ ͔ͩΒɺ͙͢ʹରԠͰ͖ͯ࡞ۀޮ཰޲্
27. 5. αʔϏείϯηϓτ ͷՄࢹԽ
28. Before ͕࣠ͳ͍͔ΒνʔϜͷํ޲ੑ΍֤ਓͷࢥ͍ඳ͍ͯΔ αʔϏε૾͕όϥόϥ αʔϏεͷະདྷ૾͕ෆ໌֬ αʔϏεͷڧΈ΍࣠͸Կ͔ ?
29. ՄࢹԽͱڞ༗ ՄࢹԽ͠ڞ༗ͨ͠ࣄʹΑΓ ൑அ࣠ͷϒϨ͕ɺͳ͘ͳͬͨ
30. ·ͱΊ
31. ՝୊ 1 ίϛϡχέʔγϣϯ͕ԁ׈ʹਐ·ͳ͍ 2 νʔϜϝϯόʔͷೝ͕ࣝͦΖΘͳ͍ νʔϜͰͷ։ൃޮ཰্͕͕Βͳ͍
32. ·ͱΊ %FTJHOFS &OHJOFFS ͓ޓ͍ͷࣄΛཧղ͠ɺ࠷଎࠷ߴͷ։ൃΛ͍͖ͯ͠·͠ΐ͏ αʔϏεͷՁ஋΍Ϣʔβʔମݧͷ޲্͸ σβΠφʔ͚ͩͷ΋ͷͰ͸ͳ͘ɺνʔϜશମͷ΋ͷɻ
33. 5IBOL
    ZPV