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.4k
テクニカルクリエイターが担う、サービス開発の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
3.9k
Other Decks in Design
See All in Design
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
Personal Story Sequence - Vendetta(WIP)
elrns88
0
400
portfolio2025_kanakoohata
kanako106
0
660
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
110
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.4k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
190
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
180
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.4k
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
210
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Building Applications with DynamoDB
mza
93
6.2k
Code Review Best Practice
trishagee
66
17k
Producing Creativity
orderedlist
PRO
343
39k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
A Tale of Four Properties
chriscoyier
158
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Building Adaptive Systems
keathley
40
2.4k
Six Lessons from altMBA
skipperchong
27
3.6k
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