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
テクニカルクリエイターが担う、サービス開発のUIモックの現場/Technical Creato...
Search
sugar
April 14, 2016
Design
8
6.5k
テクニカルクリエイターが担う、サービス開発のUIモックの現場/Technical Creator for the App Design.
Technical Creator for the App Design.
sugar
April 14, 2016
Tweet
Share
More Decks by sugar
See All by sugar
デザイナーが10倍輝くCA流マネジメント
sato_yosuke
7
24k
テクニカルクリエイターとは?/What is TECHNICAL CREATOR?
sato_yosuke
3
4k
Other Decks in Design
See All in Design
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
560
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
590
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
490
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
640
minpaku-community-scrum-patterns
norinity1103
1
110
Liquid Iron
mcduckyart
1
100
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
250
portfolio_YumiYasuda
yum0418
0
280
マンガで分かるサービスデザインガイドライン
senryakuka
1
890
How to get a Tiger to Tulsa
mcduckyart
0
100
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
33
5.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Being A Developer After 40
akosma
90
590k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
The Language of Interfaces
destraynor
158
25k
The Invisible Side of Design
smashingmag
299
51k
Facilitating Awesome Meetings
lara
54
6.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Transcript
@sugaarɹ2016/04/14ɹUI Crunch Technical Creator App Design. at CyberAgent for the
ࣗݾհ ࠤ౻༸հ ʢ͞ͱ͏Α͏͚͢ʣ "NFCBࣄۀຊ෦ɹΫϦΤΠςΟϒ౷ׅࣨɹࣨ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ !TVHBBS
ʵ େຊҹɹ%/1 8FCσβΠφʔΞʔτσΟϨΫλʔ ʵ αΠόʔΤʔδΣϯτ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ
Technical Creator ςΫχΧϧΫϦΤΠλʔ
άϥϑΟοΫ αʔϏε։ൃ 69σβΠϯ ΠϯλϥΫγϣϯ 4LFUDI ৭࠼ɾ৭ 4XJGU 6*Ξχϝʔγϣϯ λΠϙάϥϑΟ (JU)VC
1JYBUF "GUFS&⒎FDUT 6*σβΠϯ "OESPJE4UVEJP ΨΠυϥΠϯ
ωΠςΟϒΞϓϦࢢͰ ΑΓߴͳදݱ͕࠷ॏཁ Point 1 σβΠφʔ͕੩తͳσβΠϯ͚ͩΛߦ͏ͷͰͳ͘ͳ͖ͬͯͨ ΤϯδχΞ͕6*Ξχϝʔγϣϯ69Λ୲͏ඞཁ͕ग़͖ͯͨ
৺Α͍Ϣʔβʔମݧ͕ ڝ߹༏ҐੑͱͳΔ Point 2 ߴ͍ΫΦϦςΟͱॊೈͳΞτϓοτ͕ॏཁ ຊͷΫΦϦςΟϨϕϧ·ͩ·ͩ͘ɺඈͼൈ͚Δνϟϯε͕͋Δ
σβΠϯͱΤϯδχΞϦϯάͷ தؒΛ୲͏πʔϧ͕͖ͬͯͨ Point 3 'MBTIͷΑ͏ͳπʔϧ͕ωΠςΟϒΞϓϦ͚ʹ͖ͬͯͨ 6*Ξχϝʔγϣϯ6*σβΠϯɺΤϯδχΞϦϯάͷෑډ͕͘ͳ͖ͬͯͨ
テクニカルクリエイター 【一人多才なクリエイター】 - いっと たさいな くりえいたー [概要] 表現の幅が広く、デザイン・プログラム言語・アニメーションを 自在にあつかえるクリエイター
① 技術の垣根を越えて「テクニカル」に「クリエイティブ」できる人材 ② 一人で領域広くカバーしてハイクオリティなアウトプットができる人材 ③ 業界のトレンドに敏感で常に新技術を追える人材 定義
Field of Development $"ͷαʔϏε։ൃͷݱ
Designer Engineer Design Tool Animation Tool Mock Up Tool Programming
Tool
Designer Engineer Design Tool Animation Tool Mock Up Tool Programming
Tool ͦΕͧΕͷ֞ࠜΛӽ͑Δ࣌
ࠓճʮϞοΫΞοϓʯʹ ϑΥʔΧε͠·͢
https://abema.tv ΠϯλʔωοτςϨϏہ
ςϨϏΛεϚϗͰݟΔ͕࣌དྷΔͷͰʁ ͱʹ͔͘εϚϗͰշదʹݟ͍ͨ ൪੍࡞ςϨϏேͱ࿈ܞ Concept
w ։ൃॳJ1BEΞϓϦΛఆ͍ͯͨͨ͠ΊɺࢴࣳډͷϥϑϞοΫΛ࡞ Rough Mock Up ༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ
w ੩తσβΠϯͱಉ࣌ʹɺ'MBTIͰΞχϝʔγϣϯԽͯ͠αʔϏεͷશମϧʔϓ Λ࡞͠ɺʮ৺Α͍ࢹௌମݧʯʹʮβοϐϯάʯʹϑΥʔΧεɻ Concept Mock Up ༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ
w 1JYBUFͰৄࡉʹͭ͘ΓࠐΉ Detail Mock Up ༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ
w ϞοΫͰΠϯλϥΫγϣϯͷΠϝʔδΛ໌֬ʹ͠ɺਖ਼ࣜϓϩμΫτʹΈࠐΉ Product Version ༻πʔϧ https://abema.tv ˞ಈըͰ͢ɻ
https://awa-official.themedia.jp
ʮԻָͱͷग़ձ͍ʯʹϑΥʔΧε ͱʹ͔͓͘ᔬམͰଞਓʹનΊͨ͘ͳΔ6* Ұݟւ֎͔ΒདྷͨΞϓϦͷΑ͏ͳੈք؍ Concept
w ΠϯλϥΫγϣϯઐ༻ΞϓϦͷ։ൃ w ετΞ൛ΞϓϦͱผʹɺΠϯλϥ Ϋγϣϯઐ༻ͷΞϓϦʮ"8"*Y%ʯ ΛฒߦͰ࡞͠ɺ֬ೝ͕औΕͨͷ ΛετΞ൛ʹঃʑʹϚʔδ w ҙຯͷ͋ΔΞχϝʔγϣϯ͕લఏ Interaction
༻πʔϧ https://awa-official.themedia.jp
Interaction ༻πʔϧ w ݱ࣮ੈքͷಈ͖ͱΞχϝʔγϣϯͷ ؒʹΪϟοϓΛ࡞Βͳ͍ w Ϣʔβʔͷ࿈ଓతͳಈ࡞ͱΞχϝʔ γϣϯͷؒʹΪϟοϓΛ࡞Βͳ͍ https://awa-official.themedia.jp ˞ಈըͰ͢ɻ
Interaction ༻πʔϧ w ઐ༻ΞϓϦʮ"8"*Y%ʯ w ԣεΫϩʔϧ࣌ʹɺ௨ৗͷ࣮Λ͢ ΔͱࠨͷΑ͏ʹϊοϖϦͱͨ͠ը໘ ʹͳΔ͕ɺͦ͜ʹύϥϥοΫεΤϑΣ ΫτΛՃ͑Δ͜ͱͰԞߦ͖Λ࣋ͨͤɺ ΑΓഎܠͰ͋Δ͜ͱΛײతʹཧղ
͢Δखॿ͚Λ͍ͯ͠Δɻ ύϥϥοΫεͳ͠ ύϥϥοΫε͋Γ https://awa-official.themedia.jp ˞ಈըͰ͢ɻ
http://pecolly.jp
w ̏ͭͷϝΠϯϑΟʔυͷԣϑϦο ΫͰͷભҠΛৄࡉʹ࠶ݱɻ w ϝΠϯΠϝʔδͷߴ͞Λଗ͑ͭͭɺ ҹతʹݟ͑ΔΑ͏ͳࣸਅͷαΠζ w όϯεޮՌͰεΫϩʔϧϦϛοτ ͷෛՙΛܰݮ Mock
Up ༻πʔϧ http://pecolly.jp ˞ಈըͰ͢ɻ
CyberAgent Quality ΫΦϦςΟʹର͢Δ$"ͷऔΓΈ
Qual ity 3Q
Interaction Quality Design Quality Planning Quality 3Q
Design Quality 6*ɾάϥϑΟοΫ ΨΠυϥΠϯɺܗඒ͕อ͍ͯͯΔ͔ ͍͘͢ɺ͔Γ͍͔͢ ಠࣗੑPS৽نੑ͕͋Δ͔
αʔϏεΛ ݄$IFDL
σβΠφʔ ϓϩσϡʔαʔ ͷ'#
શମͰͷ σβΠϯ'#
Interaction Quality ભҠɾτϥϯδγϣϯ ֊͕͔Γ͘͢ɺࣗવ͔ աͳԋग़Λ͗མͱ͍ͤͯΔ͔ ಈ͖͕εϜʔζɺετϨεϑϧ͔
ωΠςΟϒ ༦ձ
Engineer Engineer Designer Designer Engineer Engineer Engineer
σβΠφʔͱΤϯδχΞ͕ϖΞͰࢀՃ͠ɺ αʔϏεຖͷ5JQTɺ࣮ΞΠσΞͷڞ༗ͷͱͯ͠ Mock up
σβΠφʔ͚ 4XJGUݚम ΤϯδχΞ͚ σβΠϯݚम
http://ameblo.jp/ca-1pixel/theme2-10039396608.html ˞ಈըͰ͢ɻ UIΞχϝʔγϣϯݚम՝
Planning Quality αʔϏεϧʔϓ ϓϩμΫτϏδϣϯ͕ඳ͚͍ͯΔ͔ ϥϕϦϯά͔Γ͍͔͢ Ϣʔβʔ͕ϋϚΔ͕͋Δ͔
ϞοΫ ϨϏϡʔ Chief Producer Chief Product Officer General Produce Chief
Designer
Engineer Designer
͜Εͨͩͷث༻ශ Engineer Designer
ेͳ ϕʔεεΩϧ͕ඞཁ -WҎ্ͳ͚ΕɺμʔϚͷਆ఼Ͱ༐ऀʹస৬͕Ͱ͖ͳ͍Α͏ʹɺ σβΠϯɺΤϯδχΞϦϯάͷेͳϕʔεεΩϧ͕ͳ͚Εͨͩͷث༻ශɻ What is Technical Creator ?
αοΧʔͷ%'Ͱ͍͏ͱ ϦϕϩΈ͍ͨͳͷ ͷ͍σΟϑΣϯμʔ͕ʮϦϕϩʯͱݴΘΕ͍ͯΔΑ͏ʹɺ σβΠφʔɺΤϯδχΞͷʮ৽ׂ͍͠ʯͰ͋Δɻ What is Technical Creator ?
ࣗͷڧΈΛཧղ͠ ٕज़ΛΈʹԠ༻͢Δ σβΠϯɾϓϩάϥϜݴޠɾΞχϝʔγϣϯͳͲɺ શͯʹ͚͍ͯΔඞཁͳ͘ɺ࠷దͳΞτϓοτͷͨΊͷԠ༻ྗ͕ॏཁ What is Technical Creator ?
テクニカルクリエイター 【一人多才なクリエイター】 - いっと たさいな くりえいたー [概要] 表現の幅が広く、デザイン・プログラム言語・アニメーションを 自在にあつかえるクリエイター
ٕज़ͷ࣠Λஔ্͍ͨͰ ྖҬΛ͛Δ Engineer Designer
https://www.cyberagent.co.jp/recruit/special/techcareer/ αΠόʔΤʔδΣϯτͰɺ ੈքج४ͷαʔϏεΛҰॹʹͭ͘ΔؒΛืू͍ͯ͠·͢ɻ Recruit
@sugaarɹ2016/04/14ɹUI Crunch Thank you