もう迷わない！品質最大化のためのUIインタラクション開発フロー【CAGC2024】

インタラクション制作のポイントを開発段階ごとに整理してお伝えします。
インタラクションは相互コミュニケーションが強いゲームでは特に重要ですが、開発の後工程になることも多く、プロジェクトごとで制作フローがまちまち。
ネットで検索してみても開発段階ごとのフローがまとまっている記事が少ないのが現状です。
サイバーエージェントのゲーム事業部ではこの問題解決のため、インタラクションに知見のあるメンバーが集まりインタラクションを最大化するためのフローについて複数の記事を発信しています。
今回はその内容を具体的にゲームの事例を交えつつご紹介します。

https://cagc.cyberagent.co.jp/2024/session/index.html?id=M2dXUncF

Copyright © CyberAgent, Inc.

Transcript

1. ΋͏໎Θͳ͍ʂ
   ඼࣭࠷େԽͷͨΊͷ6*ΠϯλϥΫγϣϯ։ൃϑϩʔ 6*σβΠφʔ ౵Ҫ๛ɹ5TVUTVJ
   :VUBLB ࠤ౻࿨وɹ4BUP
   ,B[VUBLB
   6*σβΠφʔ 
2. ಥવͰ͕͢ɺ͜Μͳ͜ͱ͋Γ·ͤΜ͔ʁ 
3.  6*σβΠϯ
   Ͱ͖·ͨ͠ʙ 6*ͷ഑ஔ
   Ͱ͖·ͨ͠ʙ
4.  6 *ͷΞχϝʔγϣϯͲ͏͠ ·͢ʁ 6*ͷΞχϝʜ 6* ͷΞχϝʜߟ͑ͯͳ͍ɻ
   ͱ͍͏͔ͬͯ͜͜Ͳ͏΍ͬͯ
   ܾΊ͍ͯ͘Μͩʁʁ
5.  ͦͷ͓೰Έɺ
   ղܾ͠·͢ʂ
6.  ͱ͜ΖͰ
7.  ΠϯλϥΫγϣϯͬͯԿʁ
8.  ૬ޓ࡞༻ ΞΫγϣϯ ϑΟʔυόοΫ
9.  Ͱ͸ͬͦ͘͞
10.   ϞοΫ  ЋʢσβΠϯτϯϚφܾఆલʣ  ЋʢσβΠϯτϯϚφܾఆޙʣ  Ќʢྔ࢈σόοάʣ モック α1 α2 β Debug 運用 企画検証 本開発 デバッグ リリース ։ൃͷྲྀΕ
11. ɹϞοΫ  モック α1 α2 β Debug 運用 企画検証 本開発 デバッグ リリース 今回の記事はココ ！
12.  ϞοΫͱ͸ ίϯηϓτΛՄࢹԽ͠ɺ
    ݕূ͢ΔͨΊͷ΋ͷ
13.  ྫʣήʔϜγεςϜ͕໘ന͍ ˠΠϯήʔϜͷମײ
14.  ྫʣΠϥετͷΫΦϦςΟͰউෛ ˠັྗతͳݟͤํ΍ԋग़
15.  ·ͣ͸ίϯηϓτͱউෛϙΠϯτΛ೺Ѳ͠
    ϞοΫͷͲ͜ʹྗΛೖΕΔ͔ߟ͑Δ
16.  ϞοΫ։ൃͷϑϩʔ ⁞ ίϯηϓτͷ֬ೝ   Ξχϝʔγϣϯͷચ͍ग़͠ ⁠ ੍࣮࡞
17.  Ծ૝ͷήʔϜΛ
    ߟ͑·ͨ͠ ˞ΦϧλφςΟϒΨʔϧζͷૉࡐΛ࢖Θ͍͖ͤͯͨͩ·ͨ͠
18.  ⁞ίϯηϓτͷ֬ೝ ৴པͰঁͷࢠͱͷڑ཭͕ۙ͘ͳΔମݧ ঁͷࢠͷϞνϕʔγϣϯ؅ཧ͕
    ݤͷίϚϯυότϧ ίϯηϓτ ήʔϜγεςϜ
19.  ⁞ίϯηϓτͷ֬ೝ ˓ϞνϕʔγϣϯʹΑΔมԽཁૉ
    ɹɾεςʔλε͕૿ݮ
    ɹɾ."9Ͱඞࡴٕൃಈ
    ˓Ϟνϕʔγϣϯ͕มԽ͢Δ৚݅
    ɹɾ߈ܸόϑͰ্ঢ
    ɹɾμϝʔδσόϑͰݮগ
    ɹɾԠԉίϚϯυͰ্ঢ
    ˓ϞνϕʔγϣϯΛͲ͏൑ผ͢Δ͔
    ɹɾϞνϕʔγϣϯΞΠίϯʢஈ֊ʣ
    ɹɾঁͷࢠͷϦΞΫγϣϯ ࢓༷ͱը໘ Ϟνϕ·ΘΓ͕ϙΠϯτ
20.   Ξχϝʔγϣϯચ͍ग़͠ ϞνϕʔγϣϯΞΠίϯؔ࿈
21.   Ξχϝʔγϣϯચ͍ग़͠ ͦͷଞ ɾ)1ήʔδมԽʢμϝʔδɺճ෮ɺόϑσόϑʣ
    ɾίϚϯυબ୒࣌ʢൃಈɺΫʔϧλΠϜʣ
    ɾλʔϯ։࢝ऴྃԋग़
    ɾότϧޙͷϦβϧτԋग़ʢܦݧ஋΍֫ಘΞΠςϜʣ
    
22.   Ξχϝʔγϣϯચ͍ग़͠ ϞοΫ ચ͍ग़͠ͷޙ͸اը΍ΤϯδχΞʹڞ༗֬ೝ ɾൈ͚࿙Ε΍ೝࣝͷҧ͍͕ͳ͍͔
    ɾ࣮૷Ͱͷݒ೦͕͋Δ͔
    ɾ੡࡞εέδϡʔϧɺ༏ઌ౓
    ɾར༻͢Δπʔϧ
    
23.  ⁠੍࣮࡞ ϞοΫ ༷ʑͳ৚݅Ͱ
    ϞνϕมԽ  Ϟνϕ."9Ͱ
    ඞࡴٕ͕Մೳ 
24.  ⁠੍࣮࡞ ϞοΫ ༷ʑͳ৚݅Ͱ
    ϞνϕมԽ  Ϟνϕ."9Ͱ
    ඞࡴٕ͕Մೳ 
25.  ϞοΫ·ͱΊ ɾεϐʔυ༏ઌͰτϥΠˍΤϥʔ
    ɾଞηΫγϣϯͱ࿈ܞ ϙΠϯτ ⁞ ίϯηϓτͷ֬ೝ   Ξχϝʔγϣϯͷચ͍ग़͠ ੍࣮࡞ ⁠
26. ɹЋʢσβΠϯτϯϚφܾఆલʣ  モック α1 α2 β Debug 運用 企画検証 本開発 デバッグ リリース 今回の記事はココ ！ ίίʂ
27.  6*Ξχϝʔγϣϯͷ
    શମײͷ೺Ѳ ͕େࣄ
28.  Α͋͘Δࣦഊྫᶃ ࢭ·͍ͬͯΔը໘͕ଟ͍ʜ
29.  Α͋͘Δࣦഊྫᶄ ಈ͖ͷϧʔϧ͕όϥόϥʜ
30.  Α͋͘Δࣦഊྫᶅ ಈ͔͢લఏͷ࣮૷͡Όͳ͍ͨΊ
    େ෯ͳ࡞Γ௚͕͠ൃੜ͢Δʜ
31.  ɾ੩ࢭ͠ͳ͍ֆ࡞Γ
    ɾ౷Ұײͷ͋Δಈ͖ͷઃܭ
    ɾେ͖ͳख໭ΓΛͳ͘͢
    ɾϦιʔεͱεέδϡʔϧͷ೺Ѳ લ΋ͬͯશମ૾Λ೺Ѳ
32.  ચ͍ग़͠ͷͨΊͷͭͷϙΠϯτ ⁞ ൚༻ΠϯλϥΫγϣϯ   ԋग़
33.  ચ͍ग़͠ͷͨΊͷͭͷϙΠϯτ ⁞ ൚༻ΠϯλϥΫγϣϯ   ԋग़
34.  ⁞൚༻ΠϯλϥΫγϣϯ
35.  ⁞൚༻ΠϯλϥΫγϣϯ ϙΠϯτ ɾը໘্Ͱ΍ΓऔΓ͕͋Δ
    ɾϢʔβʔͷ஫ҙΛ޲͚Δ
    ɾԿ͕Ͱ͖Δͷ͔Λ఻͑Δ ԡͨ͠ɺ࣍΁ਐΉΑʂ ͜͜Λԡͯ͠ʂ εΫϩʔϧͰ͖ΔΑʂ
36.  ⁞൚༻ΠϯλϥΫγϣϯ ৔߹ʹΑΓϫΠϠʔʹ
    ΞχϝʔγϣϯΛԾ౰ͯ
37.  ચ͍ग़͠ͷͨΊͷͭͷϙΠϯτ ⁞ ൚༻ΠϯλϥΫγϣϯ   ԋग़
38.   ԋग़ େখΛҙࣝ͠·͠ΐ͏ -W61 ݶքಥഁʂ 
39.   ԋग़ ๙ΊϙΠϯτ Ϣʔβʔ͕ରՁΛಘͨΓ
    εςοϓΞοϓͨ͠ࡍʹ
    ๙ΊΔ΂͖Օॴ
40.   ԋग़
41.  Ћ·ͱΊ ɾશମײͷ೺Ѳ͕େࣄ
    ɾԋग़͸๙ΊϙΠϯτΛߟྀ ϙΠϯτ ⁞ ൚༻ΠϯλϥΫγϣϯ   ԋग़ ʢσβΠϯτϯϚφܾఆલʣ
42. ɹϳʢσβΠϯτϯϚφܾఆޙʣ  モック α1 α2 β Debug 運用 企画検証 本開発 デバッグ リリース 今回の記事はココ ！ ίίʂ
43.  ЋͰ΍Δ͜ͱ ⁞ ΠϯλϥΫγϣϯͷτϯϚφΛܾఆ   τϯϚφʹԊͬͯΠϯλϥΫγϣϯͷ
    ϧʔϧΛཱ֬ ʢྔ࢈Ͱ͖Δঢ়ଶʹ͢Δʣ
44.  ΠϯλϥΫγϣϯͷτϯϚφΛܾΊΔ ɾίϯηϓτͱ6*σβΠϯΛ࠶֬ೝ͢Δ
    ɾΩʔϫʔυʹ෼ղ͠ɺಈ͖ͷΠϝʔδΛ๲Β·ͤΔ
45.  ʲίϯηϓτʳ
    ɹঁͷࢠͱͷڑ཭Λײ͡ΒΕΔ
    ʲήʔϜγεςϜʳ
    ɹঁͷࢠͷςϯγϣϯ؅ཧ͕
    ɹݤͱͳΔίϚϯυότϧ
    ɹɾঁͷࢠ
    ɹɾڑ཭
    ɹɾςϯγϣϯ ɾ໌Δ͍
    ɾঁͷࢠΒ͍͠
    ɾ͔Θ͍͍ಈ͖
    ਌ۙײͷ͋Δ
    ϙοϓͳಈ͖
    
46.  ύλʔϯग़͠ɾݕূ
47.  τϯϚφͷܾఆ ɾ໌Δ͍
    ɾঁͷࢠΒ͍͠
    ɾ͔Θ͍͍ಈ͖
    ʮ਌ۙײͷ͋Δϙοϓͳಈ͖ʯ
    ɾ6*Ξχϝʔγϣϯ͸ૉૣ͘
    ɾՄѪ͞Λײ͡ΒΕΔ৺஍Α͍֦ॖͷϦζϜ
    ɾ໌Δ͍ΤϑΣΫτ
48.  ڞ௨6*ͷΠϯλϥΫγϣϯϧʔϧ΋ɺ
    τϯϚφʹ߹ΘͤͯϒϥογϡΞοϓ
    
49.  ɾτϯϚφ͸ϓϩμΫτશମʹؔΘΔͨΊଞηΫγϣϯʹڞ༗
    ɾํ޲ੑ͕ਖ਼͍͔࣮͠ݱՄೳ͔σβΠφʔ΍ΤϯδχΞͱೝࣝΛ͋ΘͤΔ
    
50.  ɾϘλϯ΍Ϧετ౳୯ମͷಈ͖͚ͩͰ͸ͳ͘ɺ
    ɹτϥϯδγϣϯؚΊͨҰ࿈ͷྲྀΕͰ٧Ί͍ͯ͘
    ɹᵎϗʔϜʙΠϯήʔϜͳͲओཁͳಋઢͰݕ౼͍ͯ͘͠
    
51.  ϗʔϜʙνʔϜબ୒·Ͱ
    ׬੒൛
52.  Ћ·ͱΊ ɾτϯϚφ͸ΠϝʔδΛݴ༿ʹ෼ղܾͯ͠ఆ
    ɾτϯϚφͷϧʔϧ͸ڞ௨ύʔπ͔Β൓ө
    ɾશମͷಈ͖Λߟྀ ϙΠϯτ ⁞ ΠϯλϥΫγϣϯͷτϯϚφΛܾఆ   τϯϚφʹԊͬͯϧʔϧΛཱ֬ ʢσβΠϯτϯϚφܾఆޙʣ
53. ɹЌʢྔ࢈σόοάʣ  モック α1 α2 β Debug 運用 企画検証 本開発 デバッグ リリース 今回の記事はココ ！ ίίʂ
54.  ЌͰ΍Δ͜ͱ ⁞ ΠϯλϥΫγϣϯͷྔ࢈   ࣮ػͰૢ࡞ˍϒϥογϡΞοϓ ⁠ ύϑΥʔϚϯενϡʔχϯά
55.  ը໘͝ͱʹ໨ཱ͍ͨͤͨՕॴΛܾΊɺ
    ಈ͖Λ͚ͭΔ༏ઌ౓Λ͚ͭͯྔ࢈Λߦ͏
    
56.  ྔ࢈͢Δಈ͖͸ɺ
    ը໘͝ͱͷಠࣗΞχϝʔγϣϯͰ͋Δ৔߹͕ଟ͍
    ͜͜͸
    ໨ཱ͍ͨͤͨʂ
57.  Πϝʔδ௨Γͷ৮Γ৺஍ʹͳ͍ͬͯΔ͔ɺ
    ࣮ࡍʹૢ࡞ͯ͠ɺϒϥογϡΞοϓ͢Δɻ
    ଞνʔϜ΋ूΊͯಈ͖ͷ֬ೝΛߦ͏ͷ΋ޮՌతɻ ΋͏গ͠ಈ͖Λ
    ͚ͭΑ͏ ΤϑΣΫτΛ
    ͜͜ʹ଍͍ͨ͠
58.  ήʔϜͷಈ࡞͕ॏ͍৔߹ɺύϑΥʔϚϯε
    νϡʔχϯάΛߦ͏ɻ࢖༻͢Δը૾ΤϑΣΫτΛ
    దٓݮΒ͠ɺܰྔԽΛ͢Δɻ લΑΓ΋αΫαΫ
    ಈ͘Α͏ʹͳͬͨʂ ͳΜ͔ͩήʔϜͷ
    ಈ࡞͕ॏ͍ͳʜ
59.  ಛʹԋग़ܥ͕ଟ͍Ͱ͢ ରԠ લ ରԠ ޙ
60.  Ќ·ͱΊ ɾྔ࢈͸ը໘͝ͱͷ༏ઌ౓Λ෇͚͔ͯΒߦ͏
    ɾϒϥογϡΞοϓ͸νʔϜ಺Ͱ࿩͠߹͏
    ɾܰྔԽ͸࡟Δ࡟Βͳ͍΋ͷΛऔࣺબ୒ ϙΠϯτ ⁞ ΠϯλϥΫγϣϯͷྔ࢈   ࣮ػͰૢ࡞ˍϒϥογϡΞοϓ ⁠ ύϑΥʔϚϯενϡʔχϯά ʢӡ༻σόοάʣ
61. ɹ·ͱΊ 
62.  ։ൃͷྲྀΕ  ϞοΫ  ЋʢσβΠϯτϯϚφܾఆલʣ  ЋʢσβΠϯτϯϚφܾఆޙʣ  ϴʢྔ࢈σόοάʣ モック α1 α2 β Debug 運用 企画検証 本開発 デバッグ リリース
63.  ϞοΫ·ͱΊ ɾεϐʔυ༏ઌͰτϥΠˍΤϥʔ
    ɾଞηΫγϣϯͱ࿈ܞ ϙΠϯτ ⁞ ίϯηϓτͷ֬ೝ   Ξχϝʔγϣϯͷચ͍ग़͠ ੍࣮࡞ ⁠
64.  Ћ·ͱΊ ɾશମײͷ೺Ѳ͕େࣄ
    ɾԋग़͸๙ΊϙΠϯτΛߟྀ ϙΠϯτ ⁞ ൚༻ΠϯλϥΫγϣϯ   ԋग़ ʢσβΠϯτϯϚφܾఆલʣ
65.  Ћ·ͱΊ ɾτϯϚφ͸ΠϝʔδΛݴ༿ʹ෼ղܾͯ͠ఆ
    ɾτϯϚφͷϧʔϧ͸ڞ௨ύʔπ͔Β൓ө
    ɾશମͷಈ͖Λߟྀ ϙΠϯτ ⁞ ΠϯλϥΫγϣϯͷτϯϚφΛܾఆ   τϯϚφʹԊͬͯϧʔϧΛཱ֬ ʢσβΠϯτϯϚφܾఆޙʣ
66.  Ќ·ͱΊ ɾྔ࢈͸ը໘͝ͱͷ༏ઌ౓Λ෇͚͔ͯΒߦ͏
    ɾϒϥογϡΞοϓ͸νʔϜ಺Ͱ࿩͠߹͏
    ɾܰྔԽ͸࡟Δ࡟Βͳ͍΋ͷΛऔࣺબ୒ ϙΠϯτ ⁞ ΠϯλϥΫγϣϯͷྔ࢈   ࣮ػͰૢ࡞ˍϒϥογϡΞοϓ ⁠ ύϑΥʔϚϯενϡʔχϯά ʢӡ༻σόοάʣ
67.  ΠϯλϥΫγϣϯσβΠϯࣨϝϯόʔͷ͓ख఻͍಺༰ ʢ4(&Ͱԣஅతʹ׆ಈ͍ͯ͠·͢ʣ ͝঺հ
68.  ౵Ҫ๛ɹ5TVUTVJ
    :VUBLB ᛹ݟ৴࢘ɹ*TPNJ
    4IJOKJ ాౡ޺଄ɹ5BKJNB
    ,P[P ࠤ౻࿨وɹ4BUP
    ,B[VUBLB ੴ૔ڀɹ*TIJLVSB
    ,JXBNV ೋຢॣଠɹ'VUBNBUB
    4IVOUB
69.  ϝϯόʔ͕͓ख఻͍ͨ͠΋ͷ
70.  ढज़նઓ
    ϑΝϯτϜύϨʔυͰͷ6*ԋग़ͷҰ෦
71. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ©ևݟԼʑʗूӳࣾɾढज़նઓ੡࡞ҕһձɹ©Sumzap, Inc.ʗTOHO CO., LTD.