Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

Bc71bbcc6ab84c7ad1760b3cb3a3a97b?s=128

MakotoOmura

May 22, 2018
Tweet

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 ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ