スパイスファクトリー株式会社

東京都町田市では、2021年から「町田市デジタル化総合戦略」を策定し、DX（デジタルトランスフォーメーション）を推進しています。同市では他の自治体に先駆けた取り組みとして、オンライン行政手続きをはじめとしたデジタルサービスのポータルサイト「まちドア」を開設し、市民の方々が手軽で便利に利用できる「バーチャル市役所」の実現を目指しています。当社では、この「まちドア」の構築を支援しました。 ーーー ＜まちドアで変わる市民向けデジタルサービスのデザインとは＞ 自治体のサービスは、あらゆる市民の方が利用するため、誰にとっても使いやすいものである必要があります。「まちドア」は行政手続きをはじめとするデジタルサービスの窓口として、ユーザーが求めるサービスへと繋げる重要な役割を担っています。 本プロジェクトは、「誰にとっても」「使いやすい」サービスを構築することを重視しました。当社UXデザイナーが主導するユーザーテストでは、20代～50代までの幅広い層を対象に、開発したプロトタイプを実際に利用してもらうことでユーザー心理やサービスの課題を解析しました。そのテスト結果から導き出した解決策を再度デザインに反映することで、あらゆる世代のユーザー体験の向上に寄与することを目指しました。 ーーー ＜よりよい検索体験の実現に向けたユーザー視点の開発プロセス＞ ポータルサイトにおける優れた検索機能は、非常に重要な要素です。本サービスでは、ユーザーが求める情報に迅速にアクセスできるように、フリーワード検索に加えてタグ検索を実装しました。 タグ検索では、「手続き方法」「対象者」「目的」の3軸で絞り込みを行えるように設計しました。 例えば、「手続き方法：オンラインまたは郵送」「対象者：乳幼児」「目的：子育て関連」といったタグで絞り込むことで、該当する手続きが表示される仕組みです。このように、ユーザーが迷うことなくスムーズに検索できる機能を提供しています。 また、実装に際しては当社のUIデザイナー、エンジニアが密に連携し、実現イメージのすり合わせから開発手法の選定まで迅速に進行しました。探しやすさを重視するためにプラグインによる技術的制約を無くし、検索機能はフルスクラッチによる個別開発を実施しています。 ーーー ＜市民の手間を削減する行政手続き全面オンライン化にむけた機能設計＞ 行政手続きのオンライン化の取り組みは今後さらに加速することが想定されており、同市では法的制約がなく、申請件数の多い行政手続について、原則オンライン化する事を目指しています。本サービスの設計においては、ユーザー視点はもちろん、将来的な拡張性や運用コストの軽減も考慮しています。 サイト内の情報階層構造では、今後手続き情報が追加された際に複雑化しないように、あえて詳細なカテゴリ分けをしていません。これにより、将来的に手続きを追加する際もメニュー構造などの修正が不要となり、素早く・負荷をかけずに実施ができます。また、ユーザーテストから得た検索利便性の観点も反映しています。 このようにして、将来的な拡張性に耐えうる設計を踏まえたUX視点での情報階層構造を実現しています。 サーバ環境はAmazon Web Service (AWS)を採用。公共サービスとして必須の可用性、拡張性、セキュリティを担保して利用者に安心安全にいつでもご利用いただけるサービスを可能にしています。

AIを活用したDtoD（医師同士）のコミュニケーション・プラットフォームを運営する株式会社エクスメディオ様では「ヒポクラ × マイナビ 血液内科 Pro」として血液内科領域の医師専用の会員制コミュニティサービスを提供されています。この度当社では、同サービスのアクティブユーザーや質問・回答の増加を目標としたデザインリニューアルを担当しました。 【徹底的なユーザーニーズ/サービス価値の 分析と機能への落とし込み】 プロジェクト立ち上げ時のサービスは、主に「会員医師が相談したいとき」という限定的な場面での利用に留まり、アクティブユーザーの増加が課題でした。そのためにどのように改善すべきか、プロジェクトは粗い仮説の状態でスタートしました。 優れたデザインを実現するためには「なぜそのようにすべきか」という観点で徹底的な検討が必要です。 当社では、ユーザーインタビューを実施して、血液内科医の人物像や特徴を洗い出し、彼らが価値を感じることを分析し、ユーザーニーズとサービスが提供すべき価値について検討しました。これらの徹底的な分析を踏まえてコンテンツ拡充や機能導入を実施しました。 これにより利用シーンが増え、結果としてアクティブユーザーの増加につながりました。 【エモーショナルデザインによって 「質問しやすい」雰囲気を醸成】 本リニューアルにおいては、アクティブユーザーを増やすべく、医師が気軽に質問・回答でき、かつそれを習慣化してもらうことを重視しました。そこで当社では、エモーショナルデザインによるユーザーの感情に寄り添った情緒的なデザインを実施しました。 医療の質問においては「いいね」ボタンを押しづらいケースも多いことを踏まえ、「気になる」ボタンや「ありがとう」ボタンを設置したほか、柔和な雰囲気を出すためにイラストをふんだんに利用しました。 文章表現も品格を損なわない範囲で、できるだけ砕けたものとしました。 結果として、リニューアル前よりも気軽な内容の投稿が増え、質問の回答も増加しました。 これは、エモーショナルデザインによって、ユーザーである医師の心理的安全性が高まったために実現できたものです。 【エンジニアのマネジメントも含めて プロジェクトを推進】 本プロジェクトでは、当社デザイナーが提案した新デザイン・機能を、株式会社エクスメディオ様側のエンジニアが実装する体制で進めました。このような体制下ではコミュニケーション齟齬の発生が懸念されますが、当社ではエンジニアのディレクションも含めて支援することでスムーズに開発を進めることができました。 エンジニア向けの仕様書作成、スケジュール管理など、デザインリニューアルにおけるプロジェクトマネジメントも含めて対応しております。仕様書作成においては、エンジニアの意見も踏まえて当社デザイナーが仕様を整理しました。 これにより、デザイン性と開発実現性の両立を図りました。