Problem
問題点
1.情報設計の混乱:明確な階層構造が欠如しており、必要な機能や情報に素早くアクセスできない。
2.一貫性の欠如:インタラクションとビジュアル要素が直感的ではなく、学習コストが増大している。
3.高密度なレイアウト:文字と要素が密集し、余白が不足しているため、可読性と閲覧の快適さが損なわれている。
本プロジェクトは、AIを活用したMRTアプリの強化をテーマとしたハッカソンでの作品です。既存のアプリには既に優れた機能が備わっており、AIに過度に依存せずとも良好なユーザー体験を提供できると分析しました。
そのため、AIの適用範囲を「スポット推薦」と「ルート計画」に限定し、リデザインの本質をインターフェースの整理と情報の最適化に置きました。
1.情報設計の混乱:明確な階層構造が欠如しており、必要な機能や情報に素早くアクセスできない。
2.一貫性の欠如:インタラクションとビジュアル要素が直感的ではなく、学習コストが増大している。
3.高密度なレイアウト:文字と要素が密集し、余白が不足しているため、可読性と閲覧の快適さが損なわれている。
チーム内ではUI/UXデザインを担当。AIによるスポット推薦と、日本の交通系ICカードからアイデアを得た残高照会機能の2機能を軸に据えました。準備期間が3週間と限られていたため、徹底的なユーザーインタビューに代わり、自らが一利用者としてアプリを使い込むことで、実体験に基づいた改善案を導き出しました。
趣旨に沿って、次の2つの機能を考案しました:
1. AIによるスポット推薦:既存技術の成熟度が高く、実装の実現性が高い点に着目。旅行計画において最も重視される「行き先選び」をサポートする核となる機能です。
2. 残高照会機能:日本の交通系ICカードから着想。モバイルチケットを利用していないユーザーでも、リアルタイムで残高を把握できる利便性を追求しました。
可読性を最優先し、フォントは「Noto Sans」に統一しました。
フォントサイズや行間を緻密に調整することで、ユーザーが過度な装飾に惑わされることなく、スムーズに機能を操作できる環境を整えています。
本プロジェクトではダブルメインカラーを採用しています。色の役割を明確化するため、「ブルー」を装飾色(アイコン、強調、背景など)として、
「グリーン」をアクション色(ボタン、入力フォームなど)として定義しました。この明確な色分けにより、ユーザーが各コンポーネントの用途を直感的に判別できる設計を実現しています。

