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

2023年3月29日に、S&T出版主催のセミナー「CASE/MaaSで変わる自動車デザイン（機能）と実現方法」で使用したスライド。

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

4. HMI Design in MaaS Era
   ࡔຊو࢙
   @bookslope
   ৘ใΞʔΩςΫνϟɾ69σβΠϯ͕ઐ໳ྖҬ
   ೔࢈ࣗಈंͷ69σβΠϯ෦ʹॴଐ
   εϚʔτϞϏϦςΟࣄۀਪਐࣨࣨ௕
   

   αΠυϓϩδΣΫτ΋ෳ਺ӡӦத
   

   ஶ࡞ʰ*"γϯΩϯάʱ΍ߨԋ΋ଟ਺࣮੷͋Γ
   ౦ژࡏॅͷσβΠφʔͰ͢ɻσδλϧϓϩμΫτʹ͓͚Δʮ৘ใΞʔΩςΫνϟʯ
   ΍ʮ69σβΠϯʯͳͲΛܦݧ͠ɺݱࡏ͸ʮϞϏϦςΟʯ΍ʮ.BB4ʯʹ͓͚Δࣄ
   ۀ։ൃɾαʔϏε։ൃʹܞΘ͍ͬͯ·͢ɻ
   

   View Slide

5. by NISSAN ARIYA
   HMI Design in MaaS Era
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

15. 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
    

    View Slide

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

    View Slide

17. By GM OnStar
    
    
    HMI Design in MaaS Era
    

    View Slide

18. By cruise
    HMI Design in MaaS Era
    

    View Slide

19. By Zoomcar
    HMI Design in MaaS Era
    

    View Slide

20. By ZOOX
    HMI Design in MaaS Era
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

24. HMI Design in MaaS Era
    By Janus Yuan
    

    View Slide

25. HMI Design in MaaS Era
    By Janus Yuan
    

    View Slide

26. 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
    “
    

    View Slide

27. by GV60 “Crystal Sphere”
    HMI Design in MaaS Era
    

    View Slide

28. by NISSAN ARIYA
    HMI Design in MaaS Era
    

    View Slide

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

    View Slide

30. by OpenAI
    HMI Design in MaaS Era
    

    View Slide

31. by LUCID
    HMI Design in MaaS Era
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

36. Infortainment
    Meter
    By Polestar2
    HMI Design in MaaS Era
    

    View Slide

37. Infortainment
    Meter
    By Volvo EX90
    HMI Design in MaaS Era
    

    View Slide

38. By Android Auto
    HMI Design in MaaS Era
    

    View Slide

39. By Apple CarPlay
    HMI Design in MaaS Era
    

    View Slide

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

    View Slide

41. 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
    

    View Slide

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

    View Slide

43. By BOLDLY
    HMI Design in MaaS Era
    Vehicle Status Monitor
    

    View Slide

44. By ZOOX
    HMI Design in MaaS Era
    Vehicle Status Monitor
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

51. HMI Design in MaaS Era
    By BMW i Vision Dee
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

55. HMI Design in MaaS Era
    By Holoride
    

    View Slide

56. By LG OMNIPOD
    HMI Design in MaaS Era
    

    View Slide

57. HMI Design in MaaS Era
    By Mini Aceman
    

    View Slide

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

    View Slide

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

    View Slide

60. HMI Design in MaaS Era
    SUMMARY
    ·ͱΊ
    05.
    

    View Slide

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

    View Slide

62. Mede by Takashi Sakamoto @bookslope
    
    
    THANK YOU!
    ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    Image by ProtoPie
    HMI Design in MaaS Era
    

    View Slide