良いUXデザインをする為に 必ず必要とされる事。

UX Bridge vol.5で登壇させていただきました資料になります。
https://uxbridge.connpass.com/event/82289/

資料6ページ目にあるサービスの動画
https://www.youtube.com/watch?v=nRv6krw40SQ

Transcript

1. 6 ྑ͍69σβΠϯΛ͢Δҝʹ ඞͣඞཁͱ͞ΕΔࣄɻ 6*69
   σβΠφʔ
   େଜਅۏ
2. େଜ
   ਅۏ Makoto ohmura UI/UX σβΠφʔ ϙδςΟϒ ! 1IPUPTIPQ ! ےτϨ ! ম೑ ! ࿨՛ࢠ ! ݈߁ࢥߟ ! ৘ใσβΠϯ ! ྉཧஉࢠ ! ৯΂Δࣄ ! ࣸਅ ! Χϝϥ ! ݈߁਍அ݁Ռ"--
   " ! ੺ !
3. ໊ࣾͷ༝དྷ͸ݹ͍೔ຊޠͷʮͯ΋ͳ͘ʯͰ͢ɻ ʮͯ΋ͳ͘ʯͱ͸ʮ؆୯ʹɺͨ΍͘͢ʯͱ͍͏͜ͱɻ ͦΕ͸ࢲ͕ͨͪఏڙ͢ΔαʔϏεͷຊ࣭Ͱ͋Γɺ ࢲ͕ͨͪ໨ࢦ͢Ϗδωεͷཧ૝૾Ͱ͢ɻ )1͔ΒҰ෦ൈਮ ༝དྷ
4. ! Ϣʔβʔ໨ઢ
5. ͨ·͝Ϧϐʔτzͱͨ·͝Ϧϐʔτ/FYUz ओͳࣗࣾαʔϏε
6. αʔϏεʹ͍ͭͯ Ϧϐʔτ&$௨ൢʹಛԽͨ͠#UP#UP$αʔϏεͰ͋Δͨ·͝ϦϐʔτΛ ݩʹ৽ͨʹ࡞Γ௚ͨ͠΋ͷ͕ͨ·͝Ϧϐʔτ/FYUͱͳΓ·͢ɻ 6*69ͷվળͷଞʹɺ଎౓վળɺ֎෦αʔϏεͱͷ࿈ܞΛલఏͱͨ͠࡞ΓΛ͍ͯ͠Δɻ IUUQTXXXZPVUVCFDPNXBUDI WO3WLSX42 ಈըɿ
7. σβΠϯνʔϜʹ͍ͭͯ ɾࣗ෼ͷॴଐઌ͸ΤϯδχΞാ ೥݄ ɾσβΠϯνʔϜ͕ਖ਼ࣜʹग़དྷͨ ೥݄ ɾσβΠϯνʔϜ͸શһͰਓ ɾਓͷ͏ͪਓ͕σΟϨΫλʔతཱͪҐஔ ɾ΋͏Ұਓ͕৽ਓͷΤϯδχΞ݉σβΠφʔ ࠷ۙϓϩτλΠϐϯάπʔϧͰ6*ͷ੍࡞Λ࢝Ίͨ جຊతʹ͸ΤϯδχΞΑΓͷۀ຿͕΄ͱΜͲ ࣗ෼͕ೖࣾ͢Δલ͸࢖͍׳Εͳ͍ϓϩτλΠϐϯάπʔϧͰؤுͬͯ6*Λ੍࡞Λͯ͘͠Ε͍ͯͨ جຊతʹνʔϜϝϯόʔશһχίχί͍ͯ͠Δ ςΫχΧϧνʔϜͱ͍͏ͱ͜Ζʹ഑ଐ͞ΕͨΑ ςΫχΧϧνʔϜ಺ʹ͋ΔσβΠϯνʔϜͰ͋Δ͕ɺଞ෦ॺͷΫϦΤΠςΟϒ੍࡞ʹ΋ྗΛೖΕ͍ͯΔɻ
8. ΤϯδχΞ σβΠφʔ ςϞφגࣜձࣾͷͰͷٕज़৬ͷׂ߹ σβΠφʔʹ͍ͭͯ
9. ཁ݅ఆٛ ։ൃ ઃܭ ϦϦʔε εΫϥϜϚελ ͍ͪػೳ͋ͨΓͷ։ൃͷ੹೚ऀ ։ൃମ੍
10. 69σβΠϯΛ͢Δʹ͋ͨͬͯ
11. 69σβΠϯΛ͢Δʹ͋ͨͬͯ ͋͞ʂ΍Δͧʂ let's go!
12. 69σβΠϯΛ͢Δʹ͋ͨͬͯ ΍Εͳ͍ʜ ΍Εͳ͍ʜ !
13. 6 ࣾ಺ʹ͸͍͔ͭ͘໰୊͕͋ͬͨ
14. ͯΜ͜੝Γ՝୊ͷҰ෦ 69ࢹ఺Ͱߟ͑ͨ6*ઃܭΛ͢Δσ βΠφʔ͕ࠓ·Ͱ͍ͳ͔ͬͨҝ ʹɺ࡞ΒΕͨ6*͸σβΠϯϨϏ ϡʔ΋ͳ͍··γεςϜతʹ໰ ୊ͳ͚Ε͹ϦϦʔε͞Ε͍ͯ ͨɻ OK ໿೥΋ଓ͍͍ͯΔzͨ·͝Ϧ ϐʔτzΛࢀߟʹ͍ͯͯ͠ɺݹ͍ 6*ʹҾͬுΒΕ͍͖ͯɺ૷০త ͳ෦෼Ͱ͸ࠓ͕࣌ͩ৘ใઃܭ͕ ݹ͍··ͩͬͨɻ 6*σβΠϯʹؔ͢ΔݸʑͷηΦ Ϧʔ͕αʔϏεΛɺ࢖͍೉͍σ βΠϯʹͯ͠͠·͍ͬͯͨɻ E MC = 2 10years UI OK E MC = 2
15. νʔϜͷ໰୊ʜ
16. 69σβΠϯΛ͢Δʹ͋ͨͬͯ ελοϑΤΫεϖϦΤϯε 69͸੡඼΍αʔϏεΛத৺ʹߟ͑ΔɺϢʔβʔʹରͯ͠ͷ಺༰ΛΑࣖ͘ʹ͠·͕͢ɺ ࣮ࡍʹͦΕΒΛ࠷దͳܗͰୡ੒͠Α͏ͱͨ͠ࡍʹɺ ՝୊ʹΑͬͯ͸ࣾ಺ͷମ੍Λ੔උ͢Δ͜ͱΛ༏ઌͨ͠΄͏͕ྑ͍৔߹͕͋Γ·͢ɻ ίϯηϓτͷ࠶ఆٛ΍ɺઐ໳νʔϜΛฤ੒͠ɺϕʔεΛ಺ଆ͔Β੔͍͑ͯ͘͜ͱͰɺ ࠷ྑͷϢʔβʔମݧΛઃܭ͢Δ͜ͱʹܨ͕Γ·͢ɻ
17. 69σβΠϯΛ͢Δʹ͋ͨͬͯ ελοϑΤΫεϖϦΤϯε w ૊৫ w ਓ w จԽ w ۀ຿ϑϩʔ w ࢥߟ w ϓϩμΫτ w 6* w ۭؒ w ϒϥϯυ ϑϩϯτΤΫεϖϦΤϯε
18. 69σβΠϯΛ͢Δʹ͋ͨͬͯ ਖ਼௚ͳ࿩ɺελοϑΤΫεϖϦΤϯεʹ͍ͭͯ͸ ৽͍͠؀ڥʹ͖ͯॳΊͯ޲͖߹ͬͨࣄͰ΋͋Γ·ͨ͠ɻ ଟ͘ͷਓ͸ɺελοϑΤΫεϖϦΤϯεΛ͋·Γߟ͑·ͤΜɻ ελοϑΤΫεϖϦΤϯεʹ໰୊ҙࣝΛ͍࣋ͬͯͳ͍༁Ͱ͸ͳ͍͕ɺ ໨ͷલͷ6*ΛͲͷΑ͏ʹͯ͠៉ྷʹදݱ͢Δ͔ʹ ॏ͖Λஔ͍͍ͯΔਓ͕ଟ͍܏޲ʹ͋Δ͔Βͱߟ͍͑ͯ·͢ɻ
19. ༷ʑͳ໰୊͕͋ΔதͰ औΓ૊ΜͰ͖ͨࣄ
20. औΓ૊Έ
    ᶃ ड़΂ϖʔδʹ΋ٴͿ؅ཧը໘ͱγϣοϓϖʔδͷ 6*69ͷ໰୊఺ͱ՝୊ͷચ͍ग़͠ɻ
21. ͠ΜͲ͍ !
22. औΓ૊Έ
    ᶃ ड़΂ϖʔδʹ΋ٴͿ؅ཧը໘ͱ γϣοϓϖʔδͷ6*69ͷ໰୊఺ͱ՝୊ͷચ͍ग़͠ɻ
23. औΓ૊Έ
    ᶃ ड़΂ϖʔδʹ΋ٴͿ؅ཧը໘ͱ γϣοϓϖʔδͷ6*69ͷ໰୊఺ͱ՝୊ͷચ͍ग़͠ɻ ! ࢓༷֬ೝͯ͠ ୅ସతղܾखஈ·Ͱ མͱ͠ࠐΈϦετԽ " # $ % & ϑϧεΫϦʔϯΩϟϓνϟ ΩϟϓνϟΛҹ࡮ ҹ࡮ͨ͠෺ͱڍಈ֬ೝͷͨΊ 1$ը໘Λݟͳ͕Β ੺ϖϯνΣοΫ ՝୊ఆٛ '
24. औΓ૊Έ
    ᶃ ड़΂ϖʔδʹ΋ٴͿ؅ཧը໘ͱ γϣοϓϖʔδͷ6*69ͷ໰୊఺ͱ՝୊ͷચ͍ग़͠ɻ 6*69ͷ໰୊఺ͱ՝୊Λચ͍ग़͠ɺϦετԽͨ͠ γʔτΛσΟϨΫλʔ͞Μͱ͢Γ߹Θͤ.5(Λߦ͍ɺ ҰͭҰͭཧ࿦ʹج͖ͮ
    આ໌Λ͢ΔࣄͰ ૒ํʹֶͼ΍ҙࢥૄ௨
    ·ͨڞ௨ೝࣝΛ૿΍͍͚ͤͯͨɻ
25. औΓ૊Έ
    ᶄ ΤϯδχΞͱͷ ίϛϡχέʔγϣϯ ࣗ෼ͷৗࣝ͸ଞਓͷඇৗࣝʂ
26. औΓ૊Έ
    ᶄ ࢓༷֬ೝͯ͠ ୅ସతղܾखஈ·Ͱ མͱ͠ࠐΈϦετԽ ! " ˝ॴײ ςϞφͱ͍͏ձࣾ͸جຊతʹ༏͍͠ਓ͕ଟ͘ɺ ΤϯδχΞͷํ΋༏͍͠ਓ͕ଟ͍ɻ ͦΕΏ͑ʮԿނʁʯΛ໰ΘΕΔࣄ͕গͳ͘ मਖ਼಺༰Λࢦࣔ͢Δͱɺैͬͯ͘ΕΔ܏޲ʹ͋Δɻ ΤϯδχΞͱͷίϛϡχέʔγϣϯ
27. ࠷ߴ͡ΌΜ
28. औΓ૊Έ
    ᶄ ΤϯδχΞͱͷίϛϡχέʔγϣϯ ͜ΕͰ͸6*69Λਂ͘·Ͱ஌Βͳ͍ΤϯδχΞ͕ ஌ΕΔઈ޷ͷػձΛಀ͍ͯͯ͠
    ঘ׌ͭɺ੒௕ͷͳ͍૊৫ʹͳ͍͍ͬͯͬͯΔɻ ελοϑΤΫεϖϦΤϯεͷ؍఺͔Β͋·Γྑ͘ͳ͍
29. औΓ૊Έ
    ᶄ ΤϯδχΞͱͷίϛϡχέʔγϣϯ ݁ՌతʹɺษڧձΛߦΘͣͱ΋ɺ ΤϯδχΞଆʹ΋6*69ͷͪΐͬͱͨ͠ࢹ఺͕ಘΒΕ ίϛϡχέʔγϣϯɺҙࢥૄ௨ɺڞ௨ೝ͕ࣝ ΑΓྑ͍෺ͱͳ͍ͬͯͬͨʂ
30. औΓ૊Έ
    ᶅ ࣾ಺Πϕϯτͷ࣮ࢪ ݄ͷϦϦʔεલʹ݄Ͱશࣾతʹ৽αʔϏεͷϨϏϡʔձʂ
31. औΓ૊Έ
    ᶅ ࣾ಺Πϕϯτͷ࣮ࢪ ˝ҙਤ ɾܦӦ؅ཧ෦ɺίϯγΣϧɺϚʔέɺͳͲ࣮ࡍʹϦϦʔε͞ΕΔαʔϏεΛ ɹϦϦʔεલʹ৮ͬͯࣾ಺ͰϢʔβʔςετΛ࣮ࢪ͔ͨͬͨ͠ʂ ɾ͋·Γؔ܎ͷͳ͍෦ॺ͕৮ΔࣄͰɺ৽͘͠ϦϦʔε͞ΕΔαʔϏε͸ ɹࣾ಺ϨϏϡʔ͚ͩͲ΋ɺར༻ऀͱಉ͡໨ઢͰݟΕΔɻ ɾϨϏϡʔͱ͍ͬͨۀ຿ͬΆ͞Λ১͏ҝ ɹΠϕϯτܗࣜʹ͠ɺීஈߦͳ͍ͬͯΔۀ຿Ҏ֎ͷ ɹλεΫ͕૿͑Δͱ͍ͬͨҹ৅Λແࣾ͘͠һͷετϨεͷܰݮ
32. औΓ૊Έ
    ᶅ όάίϯςετࠂ஌༻ϙελʔΛ੍࡞͠ ΦϑΟε਺ΧॴʹϙελʔΛܝࡌɻ ଟ͘ͷࣾһʹʮΠϕϯτͩΑʂʯײΛૌٻ͠ ޮՌతͳελοϑΤΫεϖϦΤϯεΛ࠶ݱͰ͖ͨɻ ࣾ಺Πϕϯτͷ࣮ࢪ
33. 6 ·ͱΊ ྑ͍UXσβΠϯΛ͢Δҝʹඞͣඞཁͱ͞ΕΔࣄɻ ελοϑΤΫεϖϦΤϯε
34. 6 ·ͱΊ ελοϑΤΫεϖϦΤϯε ˞࠶ܝ 69͸੡඼΍αʔϏεΛத৺ʹߟ͑ΔɺϢʔβʔʹରͯ͠ͷ಺༰ΛΑࣖ͘ʹ͠·͕͢ɺ ࣮ࡍʹͦΕΒΛ࠷దͳܗͰୡ੒͠Α͏ͱͨ͠ࡍʹɺ ՝୊ʹΑͬͯ͸ࣾ಺ͷମ੍Λ੔උ͢Δ͜ͱΛ༏ઌͨ͠΄͏͕ྑ͍৔߹͕͋Γ·͢ɻ ίϯηϓτͷ࠶ఆٛ΍ɺઐ໳νʔϜΛฤ੒͠ɺϕʔεΛ಺ଆ͔Β੔͍͑ͯ͘͜ͱͰɺ ࠷ྑͷϢʔβʔମݧΛઃܭ͢Δ͜ͱʹܨ͕Γ·͢ɻ
35. 6 ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ