スーパーマリオRPGのリメイク版の変更点からみるUX

スーパーマリオRPGの新旧を比較し、UXの変化を考察します

Transcript

1. εʔύʔϚϦΦRPGͷ ϦϝΠΫ൛ͷมߋ఺͔ΒΈΔUX εʔύʔϚϦΦRPGͷ ϦϝΠΫ൛ͷมߋ఺͔ΒΈΔUX DIST.45 ʮήʔϜ͔ΒֶͿ UXʯ
2. ੢ݪ ཌྷ גࣜձࣾ ICS ϑϩϯτΤϯυΤϯδχΞ @crayfisher_zari
3. ਺஋΍೔෇Λ͞·͟·ͳܗࣜͷจࣈྻʹʂ toLocaleString()Λ࢖ͬͯεϚʔτʹม׵͠Α͏ has() ٙࣅΫϥεͰίʔσΟϯά͕มΘΔʂ CSS ࠷৽ελΠϦϯά https://ics.media/entry/240808/ https://ics.media/entry/240529/ ICS MEDIAͰهࣄΛॻ͍͍ͯ·͢ NEW !
4. ɾεʔύʔϚϦΦRPGʹ͍ͭͯ ɾൺֱ͠Α͏ͱࢥ͖͔͚ͬͨͬ ɾϦϝΠΫ൛ͰมԽͨ͠఺͔ΒΈΔUXߟ࡯ ɾWebʹ΋Ԡ༻Ͱ͖Δ఺ ࠓ೔͓࿩͢Δ͜ͱ
5. εʔύʔϚϦΦ RPG ʹ͍ͭͯ
6. εʔύʔϚϦΦ RPG 1996೥ൃചͷεʔύʔ ϑΝϛίϯ༻ιϑτ ޙͷϚϦΦετʔϦʔ΍ϖʔύʔϚϦΦγϦʔζ΁ͱଓ͘ ϚϦΦγϦʔζͰ͸ॳͱͳΔRPG ೚ఱಊͱεΫ΢ΣΞʢݱɿεΫ΢ΣΞɾΤχοΫεʣ͕ λοάΛ૊ΜͰ౰࣌࿩୊ΛݺΜͩ BGM ΋ߴ͘ධՁ͞Ε͍ͯΔ ͜ͷϦϝΠΫ൛͕ 2023೥ʹൃച͞Εͨ
7. ετʔϦʔ ͞ΒΘΕͨϐʔνඣΛॿ͚ΔͨΊɺ͍ͭ΋ͷΑ͏ʹΫού৓΁ͱ޲͔͍ઓ͏ϚϦΦ ΫούΛ౗͠ϐʔνͱͷ࠶։΋ଋͷؒɺڊେͳ݋͕ಥવΫού৓ʹಥ͖ࢗ͞Γɺ ̏ਓ͸ͪΓͫΓʹඈ͹͞Εͯ͠·͏ʜ ͓͓͖ͳ݋ͷ਌ۄͷʮΧδΦʔʯ͸ਓʑͷئ͍ࣄΛ׎͑ΔʮελʔϩʔυʯΛഁյ͠ɺ ෢ثʹΑΔࢧ഑Λͨ͘ΒΜͰ͍ͨ ٽ͖஬ͷࣗশΧΤϧͷϚϩɺελʔϩʔυ͔Βͷ࢖ऀδʔϊɺ॓ແ͠ͱͳͬͨΫούɺ ͓ͦͯ͠೜ͼͰ๯ݥʹͰΔϐʔνͱͱ΋ʹੈքΛٹ͏ͨΊʹϚϦΦ্ཱ͕͕ͪΔ
8. ൺֱ͠Α͏ͱࢥ͖͔͚ͬͨͬ
9. ൺֱ͠Α͏ͱࢥ͖͔͚ͬͨͬ খֶੜ࣌୅Λࢥ͍ग़͠ͳ͕ΒϓϨΠ͍ͯ͠Δͱ ৽͘͠௥Ճ͞ΕͨཁૉҎ֎ʹ΋มΘ͍ͬͯΔ఺ʹؾ͍ͮͨ چ࡞Λ΄΅౿ऻ͍ͯ͠Δࠓ࡞ͰมΘͬͨ఺͕͋Δͱ͢Ε͹ ͦ͜͸ࠓ͔ͩΒͰ͖ΔΑ͏ʹͳͬͨվળ఺ͳͷͰ͸ͳ͍͔ͱࢥͬͨ ˞౰વͳ͕Βɺ΍Ζ͏ʹ΋౰࣌ͷٕज़΍ϦιʔεͰ͸ෆՄೳͩͬͨ͜ͱ΋͋Δͱࢥ͍·͢
10. ϦϝΠΫ൛ʹ͓͚ΔUI/UXͷมԽ
11. ήʔϜγεςϜมߋʹ൐͏෦෼͸ࠓճର৅֎ͱ͠·ͨ͠ ˞͢Ͱʹ๚Εͨ͜ͱͷ͋Δ৔ॴʹϫʔϓͰ͖Δػೳ ɾઓಆίϚϯυૢ࡞ͷҰ؏ੑ ɾઓಆΞΫγϣϯͷλΠϛϯάɺఢͷऑ఺ͷ໌ࣔతදࣔ ɾϝχϡʔը໘ͷมԽ ɾऔΓฦ͠ͷ͔ͭͳ͍ཁૉ΁ͷରԠ ɾΦʔτηʔϒͱϑΝ εττϥϕϧ˞ ϦϝΠΫ൛ͰมԽͨ͠఺
12. ઓಆίϚϯυૢ࡞ͷҰ؏ੑ
13. ઓಆίϚϯυૢ࡞ͷҰ؏ੑ ઓಆ࣌͸ A B X Y ͔ΒίϚϯυΛબ୒͠ɺ ͦͷத͔Β͞ΒʹίϚϯυΛબͿ͜ͱͰ λʔϯͷߦಈΛ࣮ߦ͢Δ چ࡞Ͱ͸ AͰ߈ܸΛબΜͩΒAϘλϯ͕ܾఆɺ XͰΞΠςϜΛબΜͩΒXϘλϯ͕ܾఆͩͬͨ ϦϝΠΫ൛Ͱ͸ܾఆϘλϯ͸Ұ؏ͯ͠A Ϙλϯͱͳͬͨ ʢઃఆ͔Βچ࡞࢓༷ʹมߋͰ͖Δʣ
14. ɾ ʮܾఆʯͱ͍͏ߦҝʹରͯ͠ૢ࡞Λ౷Ұ͠ɺϓϨΠϠʔͷࠞཚΛ๷͙ ɾ࣌ؒ࣠ͱ͍͏Ұ؏ੑʹରͯ͠چ࡞࢓༷ʹมߋͰ͖Δ ʢ׳Ε਌͠Μͩૢ࡞Λҡ࣋Ͱ͖Δʣ ૢ࡞ͷҰ؏ੑͷϙΠϯτ
15. ઓಆΞΫγϣϯλΠϛϯάͷ໌ࣔతදࣔ
16. ઓಆΞΫγϣϯλΠϛϯάͷ ໌ࣔతදࣔ ઓಆ࣌ʹλΠϛϯάΑ͘ϘλϯΛԡ͢ͱ ߈ܸμϝʔδΛ૿Ճͤͨ͞ΓɺඃμϝʔδΛݮΒͤΔ νϡʔτϦΞϧͰͦͷػೳΛڭ͑ͯ͘ΕΔ͕ɺ چ࡞Ͱ͸ͦͷλΠϛϯά͸໌ࣔ͞Εͳ͍ ͔͠΋ͦͷλΠϛϯά͸෢ث΍૬खͷ߈ܸʹΑΔ ϦϝΠΫ൛Ͱ͸ͦͷλΠϛϯά͕໌ࣔతʹදࣔ͞ΕΔ
17. ઓಆΞΫγϣϯλΠϛϯάͷ ໌ࣔతදࣔ ઓಆ࣌ʹλΠϛϯάΑ͘ϘλϯΛԡ͢ͱ ߈ܸμϝʔδΛ૿Ճͤͨ͞ΓɺඃμϝʔδΛݮΒͤΔ νϡʔτϦΞϧͰͦͷػೳΛڭ͑ͯ͘ΕΔ͕ɺ چ࡞Ͱ͸ͦͷλΠϛϯά͸໌ࣔ͞Εͳ͍ ͔͠΋ͦͷλΠϛϯά͸෢ث΍૬खͷ߈ܸʹΑΔ ϦϝΠΫ൛Ͱ͸ͦͷλΠϛϯά͕໌ࣔతʹදࣔ͞ΕΔ
18. ઓಆΞΫγϣϯλΠϛϯάͷ ໌ࣔతදࣔ ׳ΕͯλΠϛϯάΑ͘ԡͤΔΑ͏ʹͳΔͱ දࣔ͠ͳ͘ͳΔ ͦͷޙɺԿ౓͕ࣦഊ͍ͯ͠Δͱ·ͨग़ͯ͘ΔΑ͏ʹͳΔ ΄͔ʹ΋๷ޚෆՄͷ߈ܸ΋໌ࣔ͢ΔΑ͏ʹͳͬͨ ఢͷ໊ٕ͕දࣔ͞ΕΔ΋ͷ͸֓Ͷ๷ޚෆՄ͕ͩɺ ྫ֎΋νϥϗϥ͋ΔͷͰ೉͔ͬͨ͠
19. ऑ఺ͷ໌ࣔతදࣔ
20. ऑ఺ͷ໌ࣔతදࣔ ऑ఺ଐੑͷ߈ܸΛ༩͑Δͱʮ͡Όͯ͘Μʯͱ දࣔ͞ΕΔΑ͏ʹͳͬͨ چ࡞Ͱ͸͜ͷද͕ࣔͳ͍ͨΊɺ ऑ఺͔Ͳ͏͔෼͔Βͳ͔ͬͨ Ұ෦ͷϘεڃͷఢ͸൓Ԡ͕͋Δ͜ͱ΋͋Δ͕ ਪͯ͠ਤΔ͔͠ͳ͍
21. ऑ఺ͷ໌ࣔతදࣔ ऑ఺ଐੑͷ߈ܸΛ༩͑Δͱʮ͡Όͯ͘Μʯͱ දࣔ͞ΕΔΑ͏ʹͳͬͨ چ࡞Ͱ͸͜ͷද͕ࣔͳ͍ͨΊɺ ऑ఺͔Ͳ͏͔෼͔Βͳ͔ͬͨ Ұ෦ͷϘεڃͷఢ͸൓Ԡ͕͋Δ͜ͱ΋͋Δ͕ ਪͯ͠ਤΔ͔͠ͳ͔ͬͨ
22. ɾΞΫγϣϯ͕Մೳ / ෆՄೳͰ͋Δ͜ͱΛ໌ࣔ͢Δ͜ͱͰ ϓϨΠϠʔͷೝ஌ෛՙΛԼ͛Δ ɾ׳ΕͨϓϨΠϠʔʹରͯ͠͸ద౓ͳλΠϛϯάͰ߇͑Δ ໌ࣔతදࣔͷϙΠϯτ
23. ϝχϡʔͷը໘มԽ
24. ϝχϡʔը໘ͷมԽ ϦϝΠΫͰେ͖͘UI͕มΘͬͨͷ͸ϝχϡʔը໘ چ࡞͸ϝχϡʔ͕߲໨Λબ୒͔ͯ͠Β ৄࡉը໘ʹ͸͍͍͕ͬͯͨɺ ϦϝΠΫ൛͸ UI ͕ೋ෼ׂ͞Ε ը໘੾Γସ͑ͳ͠ʹϝχϡʔͷৄࡉը໘͕දࣔ͞ΕΔ εϜʔζͳૢ࡞ମݧ͕࣮ݱͰ͖ΔΑ͏ʹͳͬͨ
25. ϝχϡʔը໘ͷมԽ ϦϝΠΫͰେ͖͘UI͕มΘͬͨͷ͸ϝχϡʔը໘ چ࡞͸ϝχϡʔ͕߲໨Λબ୒͔ͯ͠Β ৄࡉը໘ʹ͸͍͍͕ͬͯͨɺ ϦϝΠΫ൛͸ UI ͕ೋ෼ׂ͞Ε ը໘੾Γସ͑ͳ͠ʹϝχϡʔͷৄࡉը໘͕දࣔ͞ΕΔ εϜʔζͳૢ࡞ମݧ͕࣮ݱͰ͖ΔΑ͏ʹͳͬͨ
26. ɾը໘੾Γସ͑Λ͸͞·ͳ͍ͷͰεϜʔζͳભҠମݧ͕Մೳʹͳͬͨ ɾ࣮ݱʹ͸ٕज़޲্΋େ͖͍ ϝχϡʔը໘ͷมԽͷϙΠϯτ
27. औΓฦ͠ͷ͔ͭͳ͍ཁૉ΁ͷରԠ
28. औΓฦ͠ͷ͔ͭͳ͍ ཁૉ΁ͷରԠ Ӆ͠ๅശͱ͍͏Ӆ͞Εͨๅശ͕֤஍ʹ͋Δ ʢ΍Γ͜Έཁૉͷ̍ͭʣ چ࡞͸Ωϊί৓ʹ͋Δ͜ͷๅശ͸৓ʹॳΊͯ๚Εͨͱ͖ Ҋ಺͢ΔΩϊϐΦͷ಄ʹ৐͍͔ͬͯͳ͍ͱऔΕͳ͍ ϦϝΠΫ൛Ͱ͸ॳճ๚໰࣌Ҏ֎ʹ΋औΕΔΑ͏ʹͳͬͨ ˞ͦͷ΄͔ɺ ʮߦ͚Δײʯͷ͋ΔσβΠϯʹมߋ͞Εͨ
29. ɾ೉қ౓͕ߴ͍͜ͱͱཧෆਚͰ͋Δ͜ͱͷ෼཭ ɾࣄલʹ஌͍ͬͯͳ͍ݶΓରԠͰ͖ͳ͍΍Γ͜Έཁૉ͸ ཧෆਚʹͳΔՄೳੑʢʹήʔϜϦηο τ͔͠ͳ͍ʣ औΓฦ͠ͷ͔ͭͳ͍ཁૉ΁ͷରԠͷϙΠϯτ
30. ΦʔτηʔϒͱϑΝετ τϥϕϧ
31. Φʔτηʔϒͱ ϑΝ εττϥϕϧ ϦϝΠΫ൛Ͱ͸ΦʔτηʔϒͱϑΝ εττϥϕϧ͕ ར༻Ͱ͖ΔΑ͏ʹͳͬͨ ैདྷͷηʔϒϒϩοΫʹΑΔ೚ҙλΠϛϯάͷ ηʔϒ΋Մೳ ϑΝ εττϥϕϧػೳ΋௥Ճ͞ΕͨͷͰɺ μϯδϣϯ಺Ͱ΋͙͢ʹϫʔϧυϚοϓ΁ҠಈͰ͖Δ
32. Φʔτηʔϒͱ ϑΝ εττϥϕϧ ϦϝΠΫ൛Ͱ͸ΦʔτηʔϒͱϑΝ εττϥϕϧ͕ ར༻Ͱ͖ΔΑ͏ʹͳͬͨ ैདྷͷηʔϒϒϩοΫʹΑΔ೚ҙλΠϛϯάͷ ηʔϒ΋Մೳ ϑΝ εττϥϕϧػೳ΋௥Ճ͞ΕͨͷͰɺ μϯδϣϯ಺Ͱ΋͙͢ʹϫʔϧυϚοϓ΁ҠಈͰ͖Δ
33. ɾλΠϛϯάΛؾʹͤͣήʔϜΛதஅͰ͖ΔΑ͏ʹͳͬͨ ʮૣ͘ ΍Ίͳ͍͞ʯ ʮηʔϒϙΠϯτ·Ͱ ʂʯͱ͍͏΍ΓͱΓ΋ݮΔ ʢʁʣ ॆి੾Εͱ͍ͬͨಥൃతͳήʔϜதஅʹ΋ରԠͰ͖Δ ɾΦʔτηʔϒ͸औΓฦ͠ͷ͔ͭͳ͍ཁૉʹରͯ͠΋γϏΞʹͳΔ ɾϑΝ εττϥϕϧ͕͋ΔͷͰμϯδϣϯΛ໭ΔແବͳҠಈΛݮΒͤΔ ΦʔτηʔϒͱϑΝ εττϥϕϧͷϙΠϯτ
34. Webʹ΋Ԡ༻Ͱ͖Δͱ͜Ζ
35. ɾࣄલʹ஌͍ͬͯͳ͍ݶΓରԠͰ͖ͳ͍ ɾը໘੾Γସ͑Λ͸͞·ͳ͍ͷͰεϜʔζͳભҠʹͳͬͨࢥߟ΋தஅ͠ͳ͍ ɾλΠϛϯάΛؾʹͤͣήʔϜΛதஅͰ͖ΔΑ͏ʹͳͬͨ ɾΞΫγϣϯ͕Մೳ / ෆՄೳͰ͋Δ͜ͱΛ໌ࣔ͢Δ͜ͱͰ ϓϨΠϠʔͷೝ஌ෛՙΛԼ͛Δ ɾ ʮܾఆʯͱ͍͏ߦҝʹରͯ͠ૢ࡞Λ౷Ұ͠ɺ ϢʔβʔͷෛՙΛݮΒ͢ ɾ࣌ؒ࣠ͱ͍͏Ұ؏ੑʹରͯ͠چ࡞࢓༷ʹมߋͰ͖Δ ʢ׳Ε਌͠Μͩૢ࡞Λҡ࣋Ͱ͖Δʣ ɾϑΝ εττϥϕϧ͕͋ΔͷͰμϯδϣϯΛ໭ΔແବͳҠಈΛݮΒͤΔ ɾ׳ΕͨϓϨΠϠʔʹରͯ͠͸ద౓ͳλΠϛϯάͰ߇͑Δ
36. ɾࣄલʹ஌͍ͬͯͳ͍ݶΓରԠͰ͖ͳ͍ ɾը໘੾Γସ͑Λ͸͞·ͳ͍ͷͰεϜʔζͳભҠʹͳͬͨࢥߟ΋தஅ͠ͳ͍ ɾλΠϛϯάΛؾʹͤͣήʔϜΛதஅͰ͖ΔΑ͏ʹͳͬͨ ɾΞΫγϣϯ͕Մೳ / ෆՄೳͰ͋Δ͜ͱΛ໌ࣔ͢Δ͜ͱͰ ϓϨΠϠʔͷೝ஌ෛՙΛԼ͛Δ ɾ ʮܾఆʯͱ͍͏ߦҝʹରͯ͠ૢ࡞Λ౷Ұ͠ɺ ϢʔβʔͷෛՙΛݮΒ͢ ɾ࣌ؒ࣠ͱ͍͏Ұ؏ੑʹରͯ͠چ࡞࢓༷ʹมߋͰ͖Δ ʢ׳Ε਌͠Μͩૢ࡞Λҡ࣋Ͱ͖Δʣ ɾϑΝ εττϥϕϧ͕͋ΔͷͰμϯδϣϯΛ໭ΔແବͳҠಈΛݮΒͤΔ ɾ׳ΕͨϓϨΠϠʔʹରͯ͠͸ద౓ͳλΠϛϯάͰ߇͑Δ WebͰ΋େࣄ
37. ɾ ʮܾఆʯͱ͍͏ߦҝʹରͯ͠ૢ࡞Λ౷Ұ͠ɺϢʔβʔͷෛՙΛݮΒ͢ ˠઃఆͷมߋ͕ଈ࠲ʹ൓ө͞ΕΔͷ͔อଘϘλϯΛԡ͢ͱ൓ө͞ΕΔͷ͔ɺαʔϏε಺Ͱ౷Ұ͢Δ ɾ࣌ؒ࣠ͱ͍͏Ұ؏ੑʹରͯ͠چ࡞࢓༷ʹมߋͰ͖Δ ˠΞοϓσʔτͰૢ࡞͕มߋʹͳͬͯ΋چ࢓༷Ͱૢ࡞Ͱ͖Δ ɾΞΫγϣϯ͕Մೳ / ෆՄೳͰ͋Δ͜ͱΛ໌ࣔ͢Δ͜ͱͰϓϨΠϠʔͷೝ஌ෛՙΛԼ͛Δ ˠૢ࡞ՄೳɾෆՄೳͳ΋ͷΛݟͨ໨ + ࢧԉٕज़ʹରͯ͠΋໌ࣔ͢Δ ɾ׳ΕͨϓϨΠϠʔʹରͯ͠͸ద౓ͳλΠϛϯάͰ߇͑Δ ˠ׳ΕͨϢʔβʔʹରͯ͠͸ա৒ͳ͓஌ΒͤΛݮΒ͢
38. ɾը໘੾Γସ͑Λ͸͞·ͳ͍ͷͰεϜʔζͳભҠʹͳͬͨࢥߟ΋தஅ͠ͳ͍ ˠඇಉظॲཧͳͲΛ׆༻ͯ͠εϜʔζͳॲཧભҠΛ৺͕͚Δ ɾࣄલʹ஌͍ͬͯͳ͍ݶΓରԠͰ͖ͳ͍ ˠࣄલʹ৘ใʹΞΫηεͰ͖Δ࢓૊Έ΍όοΫΞοϓͷ֬อ ɾλΠϛϯάؾʹͤͣήʔϜΛதஅͰ͖ΔΑ͏ʹͳͬͨ ˠ௕͍ϑΥʔϜͳͲ͸೚ҙͷλΠϛϯάͰอଘͰ͖ɺҙਤ͠ͳ͍௨৴੾அ࣌ʹ΋ରԠͰ͖Δ ɾϑΝ εττϥϕϧ͕͋ΔͷͰμϯδϣϯΛ໭ΔແବͳҠಈΛݮΒͤΔ ˠखؒͳ͘ر๬ͷϖʔδʹҠಈͰ͖ΔΑ͏ͳಈઢܭը
39. ·ͱΊ
40. ɾϦϝΠΫ΍ଓฤͰมߋʹͳͬͨՕॴ͸UI/UXͷมߋ఺Ͱ΋͋Δ ͦ͜ʹண໨͢Δͱ໘ന͍ൃݟ͕͋Δ͔΋͠Εͳ͍ ɾϓϨΠϠʔͷମݧ͕ϝΠϯͰ͋ΔήʔϜ͸Ұ೔ͷ௕͕͋Δ WebσβΠϯʹ΋Ԡ༻Ͱ͖ΔϙΠϯτ͕ͨ͘͞Μ͋Δ ·ͱΊ
41. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ICS Ͱ͸ϑϩϯτΤϯυΤϯδχΞΛืूத https://ics-web.jp/recruit/