ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -

Transcript

1. © LY Corporation Public ランドマークが光る︕季節を彩る ナビ体験 - Mobility Night #3 - ローカルメディア統括本部 開発 尾崎 哲哉
2. © LY Corporation Public アジェンダ 01 背景と課題 02 実施したアイデア 03 実装のポイント 04 完成形 05 導⼊前後の⽐較 06 ⼯夫ポイント 07 今後の展望 08 まとめ 2
3. © LY Corporation Public 尾崎 哲哉 ローカルメディア統括本部 開発 3 2023 LINEヤフー 2008 ヤフー株式会社 2006 株式会社アルプス社 2001 独⽴系ソフトウェアベンダー © LY Corporation
4. © LY Corporation Public • ナビの利⽤率や満⾜感を⾼めたい • 地図に感性価値を与える新たな体験を 4 背景と課題 従来のナビ これからのナビ
5. © LY Corporation Public • 季節感のあるランドマーク体験として建物のライティングで季節を演出 • 「⾒て楽しい」→「使いたくなる」へ 5 実施したアイデア 2024/12/23〜2025/1/6の期間限定で建物をイル ミネーションカラーにしました。（夜のみ）
6. © LY Corporation Public • 建物カラーをランダム表⽰ • HSLカラーの h(⾊相)をランダム表⽰する 6 実装のポイント [ "hsl", [ "random", 0, 225, ["id"] ], <!-- h(⾊相) 値 : 0 ~ 225 をランダムに表⽰ --> 100, <!-- s(彩度) 値 : 100 で固定 --> 45 <!-- l(輝度) : 100 で固定 --> ]
7. © LY Corporation Public • building-modelsレイヤーに対して • roof / wall / window プロパティに個別カラーを指定 • HSL（H:⾊相、S:彩度、L:輝度）+ IDベースでランダム化 7 実装のポイント roof [ "interpolate", ["linear"], [ "measure-light", "brightness" ], 0, [ "hsl", [ "random", 0, 225, ["id"] ], 100, 45 ], 0.2, ["hsl", 22, 82, 90] ] wall [ "interpolate", ["linear"], [ "measure-light", "brightness" ], 0, [ "hsl", [ "random", 50, 60, ["id"] ], 100, 80 ], 0.15, ["hsl", 0, 0, 100] ] window [ "interpolate", ["linear"], [ "measure-light", "brightness" ], 0, [ "hsl", [ "random", 0, 225, ["id"] ], 100, 45 ], 0.15, [ ・・・
8. © LY Corporation Public 8 完成形
9. © LY Corporation Public 9 導⼊前後の⽐較 Before After
10. © LY Corporation Public • リアルさを壊さない⾊合い → ⾊相のみランダム、彩度と輝度は固定。落ち着いた彩りに。 → 夜はカラー表⽰、昼は⾃然な⾒た⽬に切り替え。 • IDベースで⼀貫性のあるランダム配⾊ → 同じ建物は毎回同じ⾊に。安定感と多様性を両⽴。 • 建物によっては⾊など制限などはないか。そのあたりの配慮は問題ないか︖ 10 ⼯夫ポイント
11. © LY Corporation Public • UI/UXの刷新による快適なドライブ体験 • 幅広いユーザー層への対応 11 今後の展望（現在進⾏中） 地図領域を広くすることで、地図の閲覧性や操作性を向上。 ビルや樹⽊など、より現実に近いビジュアルに。 ビルや樹⽊など、より現実に近いビジュアルに。
12. © LY Corporation Public • 「WOW」なライフプラットフォームの創造を⽬指し、⽇常に驚きと感動を提供。 • ユーザーの安全・安⼼なドライブをサポートするため、継続的なサービス改善と機能拡充を推進。 12 まとめ
13. © LY Corporation Public
14. © LY Corporation Public Thank you