日野自動車株式会社様
DXへの挑戦

日野自動車では、2025年に目指す姿とSDGsへの達成に向けた経営の方向性を示す「Challenge2025」を公表している。なかでもDX推進に力を入れており、「人、そして物の移動を支え、豊かで住みよい世界と未来に貢献する」という同社の基本理念のもと、DX加速のための指針として「データでお客様・社会とつながる。双方向かつリアルタイムなコミュニケーションを行い、お客様に寄り添い続ける。」というデジタルビジョンを掲げている。

このデジタルビジョン実現の第一歩として、車両データを活用したデジタルサービス基盤を構築することで、お客様毎の課題やニーズを満たすデジタルサービスの実現と拡充を目指しており、サービスの第一弾として、ドライバーを中心とした安心・安全な物流を実現する「安全エコ運転支援サービス」を2022年1月20日にリリースした。

このデジタルサービス基盤の構築を背景に、日野自動車では今後お客様のあらゆる業務のシーンで活用されるデジタルサービスが日野自動車の大切にする価値観を体現する、統一されたUI/UXデザインとなることを目的に、NTTデータMSE、そのデザイン株式会社、NTTデータ経営研究所の3社を実施主体とする、デザインシステム導入プロジェクトが立ち上げたのである。

本プロジェクトの開始にあたって、日野自動車からは、プロジェクトの実施主体である3社に対して、以下の要望が提示された。

1. 日野自動車のDX推進に関わる社内関連部署を巻き込み、今後のDXのサービスビジョンを描き、社内全体に共通の価値観として広めていくこと
2. 従来からの日野自動車のプロダクト（車両など）に採用されてきた伝統的なデザインコンセプトを踏襲しつつ、今後のデジタルサービスでお客様に与えたい価値や印象をデザインコンセプトとして定義すること
3. 今後、デジタルサービス基盤で展開される様々なサービスが、お客様を惑わせない一貫性を持ったデザインで提供されていくこと

これらの要望や期待に応えるため、3社で検討を重ねた結果、「デザインシステムの導入」を提案したのである。

プロジェクトでは、デザインシステムを“デジタルプロダクトの目的を達成するために首尾一貫したルールで編成された、お互いに関連付けられたパターンとその実践方法 ”と定義した。

新しいサービスを開発するためには、ビジネス企画担当者、サービスデザイン担当者、サービス開発担当者、システム開発担当者など、様々な立場の人がプロジェクトに参画することになる。そのような状況の中、プロジェクトを成功させるためには、視点を合わせ、個々に考え・行動することが重要になる。

デザインシステムはサービス開発に関わる人に「共通言語」を提供する。デザインシステムを構築し、プロジェクトで共有・活用することで、様々な人々がサービスとそのデザインについて同じ認識、考え方をもつことにより、企業戦略から、ユーザーインターフェイスまで一貫性をもったサービスの実現が可能になるのである。

デザインシステムは、デジタルビジネスのような様々な人が関わる複雑なプロジェクトを推進する上で有益なことから、今後ますますデザインシステムを導入することへの期待が高まることが考えられる。

さらに、デザインシステムの必要な要素として、「基準・ルール」と「ツール」の2つを定義した。

「基準・ルール」では、プロジェクトの関わる人たちの共通認識、デザインに関する意思決定の判断基準として、目的・価値、デザイン原則、機能パターン、認知パターンを定義した。

「ツール」では、定義した基準・ルールがデザイン、開発の中で順守されることを促す仕組みとして、共通言語の定義、パターンライブラリーの整備を行った。

目的・価値

プロダクト・サービス実現すべき目的、利用者に向けての提供価値

デザイン原則

ユーザーエクスペリエンス、ブランド、デザインシステムすべてに通じる重要な価値観

機能パターン

目的に達成に向けて、主にどのような行動をユーザーに促したいのかを設計された機能のパターン

認知パターン

プロダクト/サービスをどのように認知してほしいのか、ブランドを特徴づける要素、スタイルのパターン

共通言語

プロダクト／サービスの開発に関わる人たちのずれをなくすために、概念に対しての意味付けを行い言葉を定義したもの。

パターンライブラリー

機能パターン、認知パターンを実現するためのコンテンツを体系的に整理したもの

今回のプロジェクトでは、デザインシステムを導入することで、以下の３つを実現することを目指した。

今回のプロジェクトでは、サービスビジョンを関係者のコモングラウンドにすることからはじめた。コモングラウンドとは、組織開発の用語で「共有できる未来」のことである。サービスビジョンがプロジェクト参加者一人一人の実現したい未来になり、コモングラウンドにすることで、作成されたデザイン原則が、ひとりひとりに納得感のある理解しやすいものになるのである。

1.サービスビジョンをコモングラウンドにする

チームメンバーで共有できる未来（コモングラウンド）をつくり、それを共有することで、個人の自由で自立的な活動を維持したまま、チームとしての一貫性を保つことが可能になる。
今回のプロジェクトでは、プロジェクトに関わるすべての関係者（ビジネスプランナー、システムエンジニア、デザイナー）が集まり、ワークショップ形式でサービスビジョンの検討を行った。ワークショップの中で、参加者のやりたいこと、考えていることを踏まえてサービスビジョンを策定することで、作成したサービスビジョンは、参加者にとって実現したい未来、コモングラウンドにすることができた。

2. デザインキーワードを抽出する

作成したサービスビジョンから、デザインを行ううえで考慮したい内容をデザインキーワードとして抽出した。

プロジェクトでは、関係者とワークショップ形式で検討し、サービスビジョンの中から生み出される「価値」と「印象」を抽出し構造化をすることで、サービスで大切にしていきたい要因を可視化した。

3.デザイン原則をつくる

サービスビジョンから具体的なデザインイメージを考えるには“距離”がある。

サービスビジョンの中にある、ポイントとなる「シーン（サービス利用場面）」について具体的なサービス体験のイメージを作成することで、サービスコンセプトをUX／UIに落とし込むヒントを作る。そして、作成したサービス体験イメージの中から、それを実現するためのキーワードを抽出し、そのキーワードをもとに、デザイン原則を定義していく。

プロジェクトでは、３つのサービス体験イメージをつくり、その中からキーワード抽出、デザイン原則の定義を行った。

デザイン原則を定義したあとに、そのデザイン原則をビジョン、UX/UIデザインに落とし込む作業を行った。落とし込む作業はワークショップ形式で検討を行い、デザイナーがデザイン原則に基づくUX/UIデザインの案を作成し、その内容について参加者で確認・検討することで、UXのベースを決めていった。

ビジョンをデザインに翻訳するうえでポイントとなった４つの点は以下の通りである。

作成したビジュアルイメージを指針へ落とし込んでいく作業は、イテレーティブ（反復的）なアプローチを採用した。プロセス(指針作成→ワークショップ→フィードバック)を、マルチステークフォルダ―に対して繰り返し行うことで、関係者それぞれのビジョン・コンセプトのイメージを具現化し、以下のガイドラインにまとめることができた。この指針への落とし込みアプローチのなかでもポイントとなったのは、以下の４点である。

1.（アプローチ）ワークショップでの対話を通して原石を磨く

ガイドラインの検討は、関係者とワークショップ形式で行った。ワークショップで主体的に参加・フィードバックをしてもらうことで、関係者はガイドラインに対する納得感が得られ、今後の積極的な活用に繋げられると考えたためである。ワークショップでは、ビジュアルイメージやガイドラインに対する違和感、改善点が無くなるまで対話を繰り返し、想いを汲み取って可視化・言語化をしていった。

2.デザインを行うための「大枠」としてガイドラインをつくる。指針を作る中でビジュアルイメージを具体化していく

デザインシステム導入の理由は、ビジョン・コンセプトと一貫性をもったアプリのデザインを実現するためである。今後検討されるサービスやアプリは多岐にわたると想定されるため、日野ブランドとしての統一感を担保する必要があった。そこで、ビジョン・コンセプトに沿ったアプリデザインを行うための「大枠」として、デザインガイドラインをまとめていく方針とした。

今後のアプリデザインで個性を生かしつつも、ビジョン・コンセプトを大きく外れないように、よい塩梅にデザインができるような指針として、デザインガイドラインを作成した。

3.作成したビジュアルイメージを実現するための指針として「機能パターン」「認知パターン」をつくる

ビジョン・コンセプトの実現には、作成したビジュアルイメージをインターフェース要素に落とし込み、ユーザーに使ってもらったり(機能)・感じたり(認知)してもらう必要がある。そこで、インターフェース要素を作成するための指針を「機能パターン」「認知パターン」として定義していった。

まず、サービスの利用を可能にしたり、行動を促したりするために必要なインターフェースの構成要素として、「機能パターン」を定義した。例えば「緊急時には間違えずに操作して欲しい」「相手との繋がりを大事にしたいので、互いの状況確認を容易にしたい」などの利用シーンを想定し、推奨する機能パターンを抽出していった。同様に、ビジョンで意図した印象を、ユーザーに感じてもらうために必要な要素として「認知パターン」を定義した。日野ブランドのサービスを通して、ユーザーへ与えたい印象を、ポジショニングマップや言語で表現し、ワークショップでの対話とフィードバックを繰り返しながら精度を高めていった。

4.セオリーをベースにトレンドや業界の特性を踏まえて個別の指針を設計し、ガイドラインに落としこんでいく。独自性（日野らしさ）を指針に落とし込む

デザインは「デザイン原則」「デザイントレンド」「デザインのセオリー」の３つをインプットとして統合的に決めていくのが主流である。今回は、UI/UXのセオリーをベースに、3.1.①のデザインキーワードから抽出した「デザイン原則」に沿って、ガイドラインのルールを定義した。

特にポイントだったのは、一般的なUI/UXのトレンドとあわせて自動車業界の動向や、自動車のデザインルールの一部を取り入れた点である。ビジョン・コンセプトに込められている「日野らしさ」の具現化に“必要不可欠な要素”を取り込むことで、独自性のあるガイドラインに仕上がった。