HMI Design in MaaS Era / MaaS 時代の HMI デザイン - UX デザインの重要性

Slide 1

Slide 1 text

HMI Design in MaaS Era .BB4࣌୅ͷ).*σβΠϯ69σβΠϯͷॏཁੑ Mede by Takashi Sakamoto @bookslope HMI Design in MaaS Era Image by ProtoPie

Slide 2

Slide 2 text

INDEX ໨࣍ ࣗݾ঺հͱσβΠϯͱͷؔΘΓ 01. ࣗಈंۀքʹ͓͚Δ.BB4ͱ͸ 02. ࣗಈंͷίοΫϐοτʹ͓͚Δ).*σβΠϯ 03. ੡଄ϓϩηεʹ͓͚Δ69σβΠϯͷ໾ׂ 04. ·ͱΊ 05. HMI Design in MaaS Era

Slide 3

Slide 3 text

ࣗݾ঺հͱσβΠϯͱͷؔΘΓ Introduction HMI Design in MaaS Era 01.

Slide 4

Slide 4 text

HMI Design in MaaS Era ࡔຊو࢙ @bookslope ৘ใΞʔΩςΫνϟɾ69σβΠϯ͕ઐ໳ྖҬ ೔࢈ࣗಈंͷ69σβΠϯ෦ʹॴଐ εϚʔτϞϏϦςΟࣄۀਪਐࣨࣨ௕   αΠυϓϩδΣΫτ΋ෳ਺ӡӦத   ஶ࡞ʰ*"γϯΩϯάʱ΍ߨԋ΋ଟ਺࣮੷͋Γ ౦ژࡏॅͷσβΠφʔͰ͢ɻσδλϧϓϩμΫτʹ͓͚Δʮ৘ใΞʔΩςΫνϟʯ ΍ʮ69σβΠϯʯͳͲΛܦݧ͠ɺݱࡏ͸ʮϞϏϦςΟʯ΍ʮ.BB4ʯʹ͓͚Δࣄ ۀ։ൃɾαʔϏε։ൃʹܞΘ͍ͬͯ·͢ɻ

Slide 5

Slide 5 text

by NISSAN ARIYA HMI Design in MaaS Era

Slide 6

Slide 6 text

ࣄۀ։ൃࢧԉ ϝσΟΞ഑৴ࢧԉ .BB4ؔ࿈ࣄۀͷاըɾఏҊ 84ϑΝγϦςʔγϣϯࢧԉ σδλϧϓϩμΫτͷσβΠϯࢧԉ χϡʔεαΠτʮϨεϙϯεʯ࿈ࡌத औࡐ͔ΒࡱӨɾࣥච ηϛφʔɾΠϕϯτͷاըɾߨԋ HMI Design in MaaS Era

Slide 7

Slide 7 text

Journalist ϝσΟΞ഑৴ࢧԉͱͯ͠ɺࣗಈं χϡʔεαΠτʰϨεϙϯεʱʹͯɹ ʮ.BB4ମݧهʯʮ.BB4ͷݱ৔ʯͱ ͯ͠࿈ࡌதɻݱ஍औࡐɺΧϝϥɺࣥච ͢΂ͯΛ୲౰͍ͯ͠Δɻ #MaaSମݧه by Response.JP HMI Design in MaaS Era

Slide 8

Slide 8 text

MaaS x Card αΠυϓϩδΣΫτͱͯ͠ɺ.BB4ʹ ؔ࿈͢ΔϢʔβʔମݧΛΧʔυʹ͠ ͨʰ.BB4Y$BSEʱΛϫʔΫγϣο ϓπʔϧͱͯ͠։ൃ͠ൃചத HMI Design in MaaS Era

Slide 9

Slide 9 text

ࣗಈंۀքʹ͓͚Δ.BB4ͱ͸ MaaS : Mobility as a Service HMI Design in MaaS Era 02.

Slide 10

Slide 10 text

CASE MaaS ࣗಈंͷੑೳɾػೳͷ޲্ ަ௨खஈͷརศੑ޲্ ࣗಈंٕज़ͷͭͷτϨϯυΛද͢ݴ༿ ަ௨αʔϏεͷ౷߹ԽΛද͢ݴ༿ $POOFDUFE "VUPOPNPVT 4IBSFE &MFDUSJD .PCJMJUZBTB4FSWJDF $"4&͸ࣗಈंٕज़ͷͭͷτϨϯυʢ$POOFDUFEɺ"VUPOPNPVTɺ4IBSFEɺ&MFDUSJDʣΛࢦ͠ɺ .BB4͸ަ௨αʔϏεશମͷ౷߹Խʢ.PCJMJUZBTB4FSWJDFʣΛࢦ͠·͢ɻ ྆ऀ͸૬ޓʹؔ࿈͠ͳ͕Βɺࣗಈंۀքͱަ௨αʔϏεͷকདྷ૾Λܗ࡞͍ͬͯ·͢ɻ HMI Design in MaaS Era

Slide 11

Slide 11 text

Service Design ϞϊͱαʔϏεͱ͕ผʑͰ͸ͳ͘ɺ αʔϏεͷதʹϞϊؚ͕·Ε͓ͯ ΓɺҰମԽͯ͠੾Γ཭ͤͳ͍ߏ଄Λ αʔϏευϛφϯτϩδοΫͱݺ Ϳɻ Ϟϊ αʔϏε Ϟϊ αʔϏε 4%-4FSWJDF%PNJOBOU-PHJD (%-(PPET%PNJOBOU-PHJD by αʔϏεɾυϛφϯτɾϩδοΫͷൃ૝ͱԠ༻ HMI Design in MaaS Era

Slide 12

Slide 12 text

by SKEDGO HMI Design in MaaS Era MaaS ݱࡏɺϢʔβʔ͸ɺ͢΂ͯͷަ௨ख ஈ ެڞަ௨ػؔɺΧʔγΣΞϦϯ ά ɺλΫγʔɺ6CFSͳͲ Λݸผʹ ܭըɺ༧໿ɺࢧ෷͍͠·͢ɻ .BB4͸ɺ༌ૹ෼໺ʹ͓͚Δܶతͳ ύϥμΠϜγϑτͱͯ͠ɺεϚʔτ ϑΥϯͳͲͷπʔϧΛ࢖༻͠ɺ͞·͟ ·ͳަ௨खஈΛҰׅͰ؅ཧɻ͜Εʹ ΑΓɺϢʔβʔ͸ɺΧʔυͷνϟʔ δɺνέοτͷߪೖɺݸʑͷӡ௞ͷࢧ ෷͍ʹ͍ͭͯ৺഑͢Δඞཁ͕ͳ͘ͳ Γ·͢ɻ

Slide 13

Slide 13 text

ަ௨ϞʔυΛγʔϜϨεʹ࿈ܞ͢Δ͜ ͱ͸΋ͪΖΜɺͱ͘ʹϥετϚΠϧͳ Ͳ͜Ε·Ͱߦ͖ಧ͔ͳͬͨྖҬʹର ͯ͠΋ϞϏϦςΟͷ׆༻͕஫໨͞Ε Δɻ HMI Design in MaaS Era LAST MILES by iino by 7&I by KDDI by TOYOTA “C+pod” by WHILL by Panasonic by LUUP

Slide 14

Slide 14 text

ٶ࡚ݝத෦ʹҐஔ͢Δࠃ෋ொ໾৔ʹ ͓͚ΔΤωϧΪʔϚωδϝϯτͷ࣮ূ ࣮ݧͩɻ࣏ࣗମެڞࢪઃʹ͓͚Δଠ ཅޫൃిγεςϜͱ஝ి஑ɺं྆؅ཧ γεςϜΛ׆༻ͨ͠औΓ૊Έ͸શࠃͰ ͸·ͩগͳ͍ɻ by Response.JP HMI Design in MaaS Era V2X

Slide 15

Slide 15 text

Horai EMot my route LUUP aimo WHILL docomo bike share Multimodal Single-mode JR East JR East WILLERS Whim ANA Uber Special Public HMI Design in MaaS Era

Slide 16

Slide 16 text

MaaS CTRL ʮ.BB4ίϯτϩʔϥʔʯͱ͸ɺϢʔ βʔ޲͚.BB4ΞϓϦͷ͜ͱ͚ͩͰ͸ ͳ͘ɺࣄۀऀ΍࣏ࣗମ޲͚ͷσʔλ ՄࢹԽ΍෼ੳɺ੍ޚΛ͢Δ͜ͱΛࢦ ͢ɻ ϢʔβʔͷརศੑΛ͞Βʹ޲্͢Δ ͨΊʹ͸ɺސ٬઀఺͕ԿΑΓඞཁͱ ͳΔɻ MaaS CTRL HMI Design in MaaS Era

Slide 17

Slide 17 text

By GM OnStar HMI Design in MaaS Era

Slide 18

Slide 18 text

By cruise HMI Design in MaaS Era

Slide 19

Slide 19 text

By Zoomcar HMI Design in MaaS Era

Slide 20

Slide 20 text

By ZOOX HMI Design in MaaS Era

Slide 21

Slide 21 text

SUMMARY ࣗಈंۀքʹ͓͚Δ.BB4ͱ͸ɺࣗಈ ंͷੑೳɾػೳͷ޲্ʹ͍ͭͯݴΘ ΕΔʮ$"4&ʯΛɺར༻ऀͷࢹ఺ʹཱ ͪʮαʔϏεʯͱ͍͏ࢹ఺Ͱଊ͑௚ ͢͜ͱͰ͋Δɻ .BB4ͱ͸ϞϊͰ͸ͳ͘αʔϏεΛࢦ͢ ར༻ऀࢹ఺ͰϞϊΛଊ͑௚͢ ৗʹมԽ͍ͯ͠ΔɾΞοϓσʔτ͍ͯ͠Δ HMI Design in MaaS Era

Slide 22

Slide 22 text

HMI DESIGN ࣗಈंͷίοΫϐοτʹ͓͚Δ).*σβΠϯ HMI Design in MaaS Era 03.

Slide 23

Slide 23 text

Infotainment Cluster Mirror Ventilation Display Audio HVAC SW STRG SW Shift Lever HMI Design in MaaS Era By NISSAN

Slide 24

Slide 24 text

HMI Design in MaaS Era By Janus Yuan

Slide 25

Slide 25 text

HMI Design in MaaS Era By Janus Yuan

Slide 26

Slide 26 text

by Hyundai Kona HMI Design in MaaS Era We have used the physical buttons quite significantly the last few years, For me, the safety-related buttons have to be a hard key. Hyundai Kona, Sang Yup Lee, Head of Hyundai Design “

Slide 27

Slide 27 text

by GV60 “Crystal Sphere” HMI Design in MaaS Era

Slide 28

Slide 28 text

by NISSAN ARIYA HMI Design in MaaS Era

Slide 29

Slide 29 text

Semi Roadstar Model S Model 3 By Tesla HMI Design in MaaS Era

Slide 30

Slide 30 text

by OpenAI HMI Design in MaaS Era

Slide 31

Slide 31 text

by LUCID HMI Design in MaaS Era

Slide 32

Slide 32 text

Infortainment Meter By LUCID Air HMI Design in MaaS Era Car Ctrl

Slide 33

Slide 33 text

By Mercedes Bentz “EQS” Hyper Screen HMI Design in MaaS Era Meter Infortainment

Slide 34

Slide 34 text

Infortainment Side Monitor Side Monitor By Sony Honda Mobility “AFEELA” HMI Design in MaaS Era Meter

Slide 35

Slide 35 text

by MBUX: Mercedes Benz User Experience HMI Design in MaaS Era SDV : Software Defined Vehicle ιϑτ΢ΣΞఆٛܕࣗಈंʢ4PGUXBSF%FGJOFE7FIJDMFɺ4%7ʣ͸ɺ҆શੑ΍རศੑͷ޲্ɺ ιϑτ΢ΣΞʹΑΔ৽ͨͳं಺ମݧ΍ػೳͷ࣮ݱɺແઢʢ05"ʣʹΑΔΞοϓσʔτ΍αʔϏ εͷఏڙͳͲɺ͞·͟·ͳػೳΛఏڙ͠·͢ɻ

Slide 36

Slide 36 text

Infortainment Meter By Polestar2 HMI Design in MaaS Era

Slide 37

Slide 37 text

Infortainment Meter By Volvo EX90 HMI Design in MaaS Era

Slide 38

Slide 38 text

By Android Auto HMI Design in MaaS Era

Slide 39

Slide 39 text

By Apple CarPlay HMI Design in MaaS Era

Slide 40

Slide 40 text

By HERE Technologies HMI Design in MaaS Era “ඇৗʹࡉ෼Խ͞ΕͨαϓϥΠνΣʔϯ΁ͷ௕೥ͷґଘ ͱɺ৽͍͠φϏήʔγϣϯγεςϜ͝ͱʹطଘͷऔΓ૊ ΈΛ܁Γฦ͢܏޲ʹΑΓɺઃܭαΠΫϧ͕௕͘ͳΓɺͦ ͷ݁Ռɺൃച࣌ͷφϏήʔγϣϯΤΫεϖϦΤϯε͸࣌ ୅஗Εʹײ͡ΒΕ·͢ɻ 0&.ͷ૊ΈࠐΈφϏήʔγϣϯγεςϜ͕ٸ଎ʹ௠෗Խ ͨͨ͠Ίɺফඅऀ͸εϚʔτϑΥϯʹϛϥʔϦϯά͞Ε ͨ୅ସखஈʹґଘ͢ΔΑ͏ʹͳΓ·ͨ͠ɻͦͷ݁Ռɺं ࡌγεςϜ͔Β෼཭͞Εɺࣗಈंϒϥϯυ͝ͱʹίϞ σΟςΟԽ͞Εͨόϥόϥͳମݧ͕ੜ·Ε·ͨ͠ɻ

Slide 41

Slide 41 text

for Passenger for Driver HMI Design in MaaS Era Luxury Minimal SONY AFEELA TOYOTA e-Palette ZOOX Mercedes Bentz EQS LUCID Air Polestar 2 Citroen Ami TESLA MODEL3

Slide 42

Slide 42 text

By TOYOTA “e-Palette” HMI Design in MaaS Era Vehicle Status Monitor Around View Monitor

Slide 43

Slide 43 text

By BOLDLY HMI Design in MaaS Era Vehicle Status Monitor

Slide 44

Slide 44 text

By ZOOX HMI Design in MaaS Era Vehicle Status Monitor

Slide 45

Slide 45 text

SUMMARY ࣗಈंͷίοΫϐοτʹ͓͚Δ).*σ βΠϯʹͱͬͯɺ΋ͬͱ΋ॏཁͳͷ͸ Ϣʔβʔͷ͜ͱ͕Θ͔Γɺंͷ͜ͱ ͕Θ͔Γɺ֎քͷ͜ͱ͕Θ͔Δ͜ ͱɻͦͷͨΊʹ͸ɺ4%7ͷࢥ૝͕લ ఏͱͳΔɻ ػೳɾϑΝϯΫγϣϯ୯ҐͰͷઃܭ͸ඇݱ࣮త 4%7ࢥ૝ɺιϑτ΢ΣΞͰͷ੍ޚ͕લఏ υϥΠόʔ͔Βύοηϯδϟʔத৺ઃܭ΁ HMI Design in MaaS Era

Slide 46

Slide 46 text

UX DESIGN ੡଄ϓϩηεʹ͓͚Δ69σβΠϯͷ໾ׂ HMI Design in MaaS Era 04.

Slide 47

Slide 47 text

σβΠϯ اը ࣮ݧ ։ൃ ͳͥͦͷσβΠϯʹ͢Δͷ͔ɺͱ͍͏໰͍ HMI Design in MaaS Era ௐࠪ SOP By Brennan Boblett@Mapbox

Slide 48

Slide 48 text

HMI Design in MaaS Era Designing from the Car: Why Context Matter

Slide 49

Slide 49 text

UX Research σβΠϯ޻ఔΑΓલͷஈ֊ʹ͓͍ͯɺ Ќ൛ϓϩτλΠϐϯάͰɺ࣮ࡍʹυ ϥΠόʔΛ؍࡯͢Δ69ϦαʔνΛ࣮ ࢪͨ͠ྫʢ6CFSʣ By Grace Vorreuter and new driver research participant in car testing in San Francisco HMI Design in MaaS Era

Slide 50

Slide 50 text

࣮ࡍʹλονύωϧͳͲʹ৮Εͯ΋Β ͍ͳ͕ΒΠϯλϏϡʔΛߦ͍ɺͦͷ σβΠϯ͕࢖͍΍͔͢Λݕূ͢Δ޻ ఔ͸ɺຊདྷͷσβΠϯߦఔΑΓલʹ ࣮ࢪ͢Δɻ Prototype HMI Design in MaaS Era By NISSAN

Slide 51

Slide 51 text

HMI Design in MaaS Era By BMW i Vision Dee

Slide 52

Slide 52 text

Robotaxi HMI Design in MaaS Era ແਓӡసΛ૝ఆͨ͠ϩϘλΫγʔͷ ྫͰ͸ɺιϑτ΢ΣΞͰ੍ޚ͢Δ෦ ෼ΛίωΫςουΞϓϦͱ࿈ܞͤ͞ ࣮ͯূ࣮ݧΛߦͬͨɻ By NISSAN EasyRIde

Slide 53

Slide 53 text

Point of View ࣗಈӡసٕज़͕ൃୡ͢Δͱɺӡసख ͷ໨తͰ͸ͳ͘ɺ৐٬ͷ໨తΛ࠷༏ ઌʹߟ͑Δඞཁ͕͋Δɻ ͦͷ໨త͸ɺ৐ं͔ͯ͠ΒͰ͸ͳ͘ɺ ͢Ͱʹ͋ΔલఏͱͳΔͨΊɺ৐ंલ ͔Β৐ंޙʹγʔϜϨεʹ࿈ܞ͢Δඞ ཁ͕͋Δɻ From Vehicle HMI Design in MaaS Era lͲͪΒʹߦ͔Ε·͔͢ z

Slide 54

Slide 54 text

Point of View ࣗಈӡసٕज़͕ൃୡ͢Δͱɺӡసख ͷ໨తͰ͸ͳ͘ɺ৐٬ͷ໨తΛ࠷༏ ઌʹߟ͑Δඞཁ͕͋Δɻ ͦͷ໨త͸ɺ৐ं͔ͯ͠ΒͰ͸ͳ͘ɺ ͢Ͱʹ͋ΔલఏͱͳΔͨΊɺ৐ंલ ͔Β৐ंޙʹγʔϜϨεʹ࿈ܞ͢Δඞ ཁ͕͋Δɻ HMI Design in MaaS Era From Passenger lߦ͖ઌΘ͔͍ͬͯΔΑͶ z

Slide 55

Slide 55 text

HMI Design in MaaS Era By Holoride

Slide 56

Slide 56 text

By LG OMNIPOD HMI Design in MaaS Era

Slide 57

Slide 57 text

HMI Design in MaaS Era By Mini Aceman

Slide 58

Slide 58 text

HCD Process Ϣʔβʔʹͱͬͯ࢖͍΍͍͢ϓϩμΫ τ࡞ΓΛ໨ࢦ͢ਓؒத৺ઃܭ͸ɺ੡ ඼ͷߏ૝ஈ֊͔Βର৅Ϣʔβʔͱͦͷ ཁٻΛ໌֬ʹͯ͠ɺཁٻʹ߹ͬͨ΋ͷ Λઃܭ͠ɺຬ଍౓߹͍ΛධՁ͢Δ͜ ͱɻϢʔβʔͷཁٻ͕ຬͨ͞ΕΔ· Ͱɺ͜ΕΛ܁Γฦ͢ɻ )$%ϓϩηε σβΠϯͷ࡞੒ ཁٻࣄ߲ͷ໌֬Խ ධՁ ˞)$%)VNBO$FOUFSFE%FTJHOͷུশ ར༻ঢ়گͷཧղ )$%ͷඞཁੑͷಛఆ 58 1 2 3 4 HMI Design in MaaS Era

Slide 59

Slide 59 text

SUMMARY ੡଄ϓϩηεʹ͓͚Δ69σβΠϯͷ ໾ׂͱ͸ɺૣ͍ஈ֊͔ΒϓϩτλΠ ϐϯάΛߦ͍ɺϢʔβʔ͔ΒͷϑΟʔ υόοΫΛ΋Β͏ਓؒத৺ઃܭͷߟ ͑ํ͕ॏཁͩɻ਺೥લͷ࢓༷Ͱ࡞Δ ෦෼ΛݮΒ͠ɺϦΞϧλΠϜͰมԽ͠ ͚ͭͮͯ͘05"Λલఏʹͨ͠ιϑτ ΢Σͷ෦෼Λ૿΍͢ඞཁ͕͋Δɻ ਓؒத৺ઃܭͷߟ͑ํΛऔΓೖΕΔ ϓϩτλΠϓΛ࢖͍ɺ69ϦαʔνΛߦ͏ ൢചޙͷߋ৽Λલఏʹͨ͠࢓༷ͮ͘Γ HMI Design in MaaS Era

Slide 60

Slide 60 text

HMI Design in MaaS Era SUMMARY ·ͱΊ 05.

Slide 61

Slide 61 text

SUMMARY .BB4࣌୅ͷ).*σβΠϯͱ͸ɺ޿ ൣғʹӨڹ͢ΔϢʔβʔମݧΛϕʔε ʹͨ͠σβΠϯͷํ๏Ͱ͋Γɺ͜Ε ·Ͱͷ࡞ΓํͰ͸૝૾Ͱ͖ͳ͍Α͏ ͳ͜Ε͔Βͷߋ৽ੑΛ୲อ͢Δඞཁ ͕͋ΔɻͦͷͨΊʹ͸ɺ4%7ʹ୅ද ͞ΕΔιϑτ΢ΣΞͷ࡞ΓํΛલఏ ʹ͢Δඞཁ͕͋Δɻ ϞϊͰ͸ͳ͘αʔϏεൃ૝Ͱଊ͑௚͢ ར༻ऀମݧΛϕʔεʹɺ4%7Λલఏʹ͢Δ σβΠϯࢥߟͷ࡞Γํʢ69σβΠϯʣΛऔΓೖΕΔ HMI Design in MaaS Era

Slide 62

Slide 62 text

Mede by Takashi Sakamoto @bookslope THANK YOU! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Image by ProtoPie HMI Design in MaaS Era