概要
- Pedometer++ のApple Watch向け地図機能開発の6年間の歩み
- watchOS での地図体験向上のための課題と解決策
- カスタム地図エンジン やデザイン試行錯誤の詳細
- Liquid Glass やダークモード対応のための地図刷新
- MapKit を採用しなかった理由と独自性の強調
Apple Watchでの地図体験開発の旅
- 山岳地帯や人里離れた場所 での冒険を愛する筆者の実体験
- 安全なナビゲーション のためには、定期的な現在地確認の習慣が重要という発見
- 手首の地図 が最良の方法との結論
- Apple Watch向け最適な地図体験 を目指し、6年以上にわたる開発
- Pedometer++ 8 にて、長いデザインの旅が集大成を迎えた実感
初期の取り組み
- Apple Watch初期 から手首で使える良い地図を求めていた
- watchOS 6 でSwiftUIが登場し、本格的なアプリ開発が可能に
- 当初は サーバー生成地図 を利用し、ワークアウトデータを都度送信する仕様
- アイデア検証には役立ったが、 オフライン利用や実用性 の面で限界
カスタム地図エンジンの構築
- SwiftUIネイティブ の地図描画エンジンを独自開発
- タイル型地図 や位置情報のオーバーレイ表示に対応
- 2021年 には安定したパフォーマンスで地図描画が可能に
デザインの試行錯誤
- watchOSの小さな画面 での地図とワークアウト情報の両立が課題
- 「 モーダル切替型UI」を採用し、地図画面とメトリクス画面をボタンで切替
- しかし、 UI構造や操作性 に妥協感が残り、再設計を繰り返す
- メトリクスを画面下部に配置 する案や、 カスタマイズ可能UI も検討
- watchOSの原則 として、複雑な設定や長時間の操作は避けるべきという結論
Liquid Glass・カートグラフィー・ダークモード対応
- watchOS 26 でのLiquid Glass導入を受け、 地図の見栄え に新たな課題
- 既存の Thunderforest Outdoors ベースマップがLiquid Glassと相性が悪い
- カートグラファーAndy Allen と協力し、 新しいカスタムベースマップ を作成
- 視認性向上のため、 要素のコントラスト強化・彩度アップ
- ダークモード にも対応し、特にwatchOSでの可読性を重視
最適なデザインへの到達
- デザイナーRafa Conde の協力で新たな視点を獲得
- メトリクスを左上に重ねるレイアウト と、地図が縦スタックのトップページとなる設計
- 地図のインタラクションは 「ブラウズモード」 へのタップで切替
- プロトタイプを実地検証 し、数百マイルの徒歩テストで有用性を確認
- フォントや細部の調整 を経て、最終的に納得できる美しいデザインへ
- 6年間の努力と学び の結晶として、プラットフォームに最適かつ独自性のあるUIを実現
MapKitを採用しなかった理由
-
AppleのMapKit の登場以前から独自地図開発を継続
-
MapKit は基本機能には優れるが、 柔軟性やカスタマイズ性 に制限
-
watchOSのMapKit は常にダークモード表示で、ユーザー選択やアクセシビリティ面で不十分
-
アニメーションやオーバーレイ の自由度も限定的
-
地形やトレイル情報 の充実度で独自地図に軍配
-
カスタム地図 の強みとして、 詳細な情報表示や独自デザイン を実現
- 例:スコットランドのトレイルヘッドでの地図比較で、 独自地図の情報量 が圧倒的
-
カートグラファーとの共同作業 によるユニークな開発体験
まとめ
- Pedometer++ のApple Watch地図機能は、 独自開発・デザイン最適化・実地検証 を経て完成
- ユーザー体験・視認性・使いやすさ に徹底的にこだわった設計
- MapKitに頼らない独自路線 で、唯一無二の地図体験を提供