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.6k
テクニカルクリエイターが担う、サービス開発の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
8
25k
テクニカルクリエイターとは?/What is TECHNICAL CREATOR?
sato_yosuke
3
4.1k
Other Decks in Design
See All in Design
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
310
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
Them Middle School Kids Pitch
stevie_vee
0
140
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
Yumika Yamada Portfolio
yumii
0
1.4k
Cyber Heart Online Book
hjnasby
0
180
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
デザイナー向けフライル説明資料
toshiblues
0
120
Карта реализации историй. Технология осмысленной работы с детальными требованиями
ashapiro
0
120
UXデザインはなぜ定着しないのか?
designstudiopartners
0
960
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
290
Featured
See All Featured
Designing for Performance
lara
610
69k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Unsuck your backbone
ammeep
671
58k
Designing Experiences People Love
moore
142
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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