テクニカルクリエイターが担う、サービス開発のUIモックの現場/Technical Creator for the App Design.

6bb75679a57a93e7b15419d337dc667b?s=47 sugar
April 14, 2016

テクニカルクリエイターが担う、サービス開発のUIモックの現場/Technical Creator for the App Design.

Technical Creator for the App Design.

6bb75679a57a93e7b15419d337dc667b?s=128

sugar

April 14, 2016
Tweet

Transcript

  1. @sugaarɹ2016/04/14ɹUI Crunch Technical Creator App Design. at CyberAgent for the

  2. ࣗݾ঺հ ࠤ౻༸հ ʢ͞ͱ͏Α͏͚͢ʣ "NFCBࣄۀຊ෦ɹΫϦΤΠςΟϒ౷ׅࣨɹࣨ௕ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ !TVHBBS

  3. ʵ େ೔ຊҹ࡮ɹ%/1 8FCσβΠφʔΞʔτσΟϨΫλʔ ʵ αΠόʔΤʔδΣϯτ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ

  4. Technical Creator ςΫχΧϧΫϦΤΠλʔ

  5. άϥϑΟοΫ αʔϏε։ൃ 69σβΠϯ ΠϯλϥΫγϣϯ 4LFUDI ৭࠼ɾ഑৭ 4XJGU 6*Ξχϝʔγϣϯ λΠϙάϥϑΟ (JU)VC

    1JYBUF "GUFS&⒎FDUT 6*σβΠϯ "OESPJE4UVEJP ΨΠυϥΠϯ
  6. ωΠςΟϒΞϓϦࢢ৔Ͱ͸ ΑΓߴ౓ͳදݱ͕࠷ॏཁ Point 1 σβΠφʔ͕੩తͳσβΠϯ͚ͩΛߦ͏΋ͷͰ͸ͳ͘ͳ͖ͬͯͨ ΤϯδχΞ͕6*Ξχϝʔγϣϯ΍69Λ୲͏ඞཁ͕ग़͖ͯͨ

  7. ৺஍Α͍Ϣʔβʔମݧ͕ ڝ߹༏ҐੑͱͳΔ Point 2 ߴ͍ΫΦϦςΟͱॊೈͳΞ΢τϓοτ͕ॏཁ ೔ຊͷΫΦϦςΟϨϕϧ͸·ͩ·ͩ௿͘ɺඈͼൈ͚Δνϟϯε͕͋Δ

  8. σβΠϯͱΤϯδχΞϦϯάͷ தؒΛ୲͏πʔϧ͕੔͖ͬͯͨ Point 3 'MBTIͷΑ͏ͳπʔϧ͕ωΠςΟϒΞϓϦ޲͚ʹ੔͖ͬͯͨ 6*Ξχϝʔγϣϯ΍6*σβΠϯɺΤϯδχΞϦϯά΁ͷෑډ͕௿͘ͳ͖ͬͯͨ

  9. テクニカルクリエイター 【一人多才なクリエイター】 - いっと たさいな くりえいたー [概要] 表現の幅が広く、デザイン・プログラム言語・アニメーションを    自在にあつかえるクリエイター

  10. ① 技術の垣根を越えて「テクニカル」に「クリエイティブ」できる人材 ② 一人で領域広くカバーしてハイクオリティなアウトプットができる人材 ③ 業界のトレンドに敏感で常に新技術を追える人材 定義

  11. Field of Development $"ͷαʔϏε։ൃͷݱ৔

  12. Designer Engineer Design Tool Animation Tool Mock Up Tool Programming

    Tool
  13. Designer Engineer Design Tool Animation Tool Mock Up Tool Programming

    Tool ͦΕͧΕͷ֞ࠜΛӽ͑Δ࣌୅
  14. ࠓճ͸ʮϞοΫΞοϓʯʹ ϑΥʔΧε͠·͢

  15. https://abema.tv ΠϯλʔωοτςϨϏہ

  16. ςϨϏΛεϚϗͰݟΔ࣌୅͕དྷΔͷͰ͸ʁ ͱʹ͔͘εϚϗͰշదʹݟ͍ͨ ൪૊੍࡞͸ςϨϏே೔ͱ࿈ܞ Concept

  17. w ։ൃ౰ॳ͸J1BEΞϓϦΛ૝ఆ͍ͯͨͨ͠ΊɺࢴࣳډͷϥϑϞοΫΛ࡞੒ Rough Mock Up ࢖༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ

  18. w ੩తσβΠϯͱಉ࣌ʹɺ'MBTIͰΞχϝʔγϣϯԽͯ͠αʔϏεͷશମϧʔϓ Λ࡞੒͠ɺʮ৺஍Α͍ࢹௌମݧʯʹʮβοϐϯάʯʹϑΥʔΧεɻ Concept Mock Up ࢖༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ

  19. w 1JYBUFͰৄࡉʹͭ͘ΓࠐΉ Detail Mock Up ࢖༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ

  20. w ϞοΫͰΠϯλϥΫγϣϯͷΠϝʔδΛ໌֬ʹ͠ɺਖ਼ࣜϓϩμΫτʹ૊ΈࠐΉ Product Version ࢖༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ

  21. https://awa-official.themedia.jp

  22. ʮԻָͱͷग़ձ͍ʯʹϑΥʔΧε ͱʹ͔͓͘ᔬམͰଞਓʹનΊͨ͘ͳΔ6* Ұݟւ֎͔ΒདྷͨΞϓϦͷΑ͏ͳੈք؍ Concept

  23. w ΠϯλϥΫγϣϯઐ༻ΞϓϦͷ։ൃ w ετΞ൛ΞϓϦͱ͸ผʹɺΠϯλϥ Ϋγϣϯઐ༻ͷΞϓϦʮ"8"*Y%ʯ ΛฒߦͰ࡞੒͠ɺ֬ೝ͕औΕͨ΋ͷ ΛετΞ൛ʹঃʑʹϚʔδ w ҙຯͷ͋ΔΞχϝʔγϣϯ͕લఏ Interaction

    ࢖༻πʔϧ https://awa-official.themedia.jp
  24. Interaction ࢖༻πʔϧ w ݱ࣮ੈքͷಈ͖ͱΞχϝʔγϣϯͷ ؒʹΪϟοϓΛ࡞Βͳ͍ w Ϣʔβʔͷ࿈ଓతͳಈ࡞ͱΞχϝʔ γϣϯͷؒʹΪϟοϓΛ࡞Βͳ͍ https://awa-official.themedia.jp ˞ಈըͰ͢ɻ

  25. Interaction ࢖༻πʔϧ w ઐ༻ΞϓϦʮ"8"*Y%ʯ w ԣεΫϩʔϧ࣌ʹɺ௨ৗͷ࣮૷Λ͢ ΔͱࠨͷΑ͏ʹϊοϖϦͱͨ͠ը໘ ʹͳΔ͕ɺͦ͜ʹύϥϥοΫεΤϑΣ ΫτΛՃ͑Δ͜ͱͰԞߦ͖Λ࣋ͨͤɺ ΑΓഎܠͰ͋Δ͜ͱΛ௚ײతʹཧղ

    ͢Δखॿ͚Λ͍ͯ͠Δɻ ύϥϥοΫεͳ͠ ύϥϥοΫε͋Γ https://awa-official.themedia.jp ˞ಈըͰ͢ɻ
  26. http://pecolly.jp

  27. w ̏ͭͷϝΠϯϑΟʔυ΁ͷԣϑϦο ΫͰͷભҠΛৄࡉʹ࠶ݱɻ w ϝΠϯΠϝʔδͷߴ͞Λଗ͑ͭͭɺ ҹ৅తʹݟ͑ΔΑ͏ͳࣸਅͷαΠζ w ό΢ϯεޮՌͰεΫϩʔϧϦϛοτ ͷෛՙΛܰݮ Mock

    Up ࢖༻πʔϧ http://pecolly.jp ˞ಈըͰ͢ɻ
  28. CyberAgent Quality ΫΦϦςΟʹର͢Δ$"ͷऔΓ૊Έ

  29. Qual ity 3Q

  30. Interaction Quality Design Quality Planning Quality 3Q

  31. Design Quality 6*ɾάϥϑΟοΫ ΨΠυϥΠϯɺ଄ܗඒ͕อ͍ͯͯΔ͔ ࢖͍΍͘͢ɺ෼͔Γ΍͍͔͢ ಠࣗੑPS৽نੑ͕͋Δ͔

  32. ໿ αʔϏεΛ ݄$IFDL

  33. σβΠφʔ ϓϩσϡʔαʔ ΁ͷ'#

  34. શମͰͷ σβΠϯ'#

  35. Interaction Quality ભҠɾτϥϯδγϣϯ ֊૚͕෼͔Γ΍͘͢ɺࣗવ͔ ա৒ͳԋग़Λ࡟͗མͱ͍ͤͯΔ͔ ಈ͖͕εϜʔζɺετϨεϑϧ͔

  36. ωΠςΟϒ ༦ձ

  37. Engineer Engineer Designer Designer Engineer Engineer Engineer

  38. σβΠφʔͱΤϯδχΞ͕ϖΞͰࢀՃ͠ɺ αʔϏεຖͷ5JQT΍ɺ࣮૷ΞΠσΞͷڞ༗ͷ৔ͱͯ͠ Mock up

  39. σβΠφʔ޲͚ 4XJGUݚम ΤϯδχΞ޲͚ σβΠϯݚम

  40. http://ameblo.jp/ca-1pixel/theme2-10039396608.html ˞ಈըͰ͢ɻ UIΞχϝʔγϣϯݚम՝୊

  41. Planning Quality αʔϏεϧʔϓ ϓϩμΫτϏδϣϯ͕ඳ͚͍ͯΔ͔ ϥϕϦϯά͸෼͔Γ΍͍͔͢ Ϣʔβʔ͕ϋϚΔ޻෉͕͋Δ͔

  42. ϞοΫ ϨϏϡʔ Chief Producer Chief Product Officer General Produce Chief

    Designer
  43. Engineer Designer

  44. ͜Ε͸ͨͩͷث༻ශ๡ Engineer Designer

  45. े෼ͳ ϕʔεεΩϧ͕ඞཁ -WҎ্ͳ͚Ε͹ɺμʔϚͷਆ఼Ͱ༐ऀʹస৬͕Ͱ͖ͳ͍Α͏ʹɺ σβΠϯɺΤϯδχΞϦϯάͷे෼ͳϕʔεεΩϧ͕ͳ͚Ε͹ͨͩͷث༻ශ๡ɻ What is Technical Creator ?

  46. αοΧʔͷ%'Ͱ͍͏ͱ ϦϕϩΈ͍ͨͳ΋ͷ ଍ͷ଎͍σΟϑΣϯμʔ͕ʮϦϕϩʯͱݴΘΕ͍ͯΔΑ͏ʹɺ σβΠφʔɺΤϯδχΞͷʮ৽͍͠໾ׂʯͰ͋Δɻ What is Technical Creator ?

  47. ࣗ෼ͷڧΈΛཧղ͠ ٕज़Λ޼ΈʹԠ༻͢Δ σβΠϯɾϓϩάϥϜݴޠɾΞχϝʔγϣϯͳͲɺ શͯʹ௕͚͍ͯΔඞཁ͸ͳ͘ɺ࠷దͳΞ΢τϓοτͷͨΊͷԠ༻ྗ͕ॏཁ What is Technical Creator ?

  48. テクニカルクリエイター 【一人多才なクリエイター】 - いっと たさいな くりえいたー [概要] 表現の幅が広く、デザイン・プログラム言語・アニメーションを    自在にあつかえるクリエイター

  49. ٕज़ͷ࣠଍Λஔ্͍ͨͰ ྖҬΛ޿͛Δ Engineer Designer

  50. https://www.cyberagent.co.jp/recruit/special/techcareer/ αΠόʔΤʔδΣϯτͰ͸ɺ
 ੈքج४ͷαʔϏεΛҰॹʹͭ͘Δ஥ؒΛืू͍ͯ͠·͢ɻ Recruit

  51. @sugaarɹ2016/04/14ɹUI Crunch Thank you