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

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

bookslope
March 29, 2023

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

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

bookslope

March 29, 2023
Tweet

More Decks by bookslope

Other Decks in Design

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 [email protected]

    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