Droppath 6.0：Liquid Glassへの道

iOS 26のリリースにより、AppleはLiquid Glassを導入しました。これは、プラットフォームのユーザーインターフェースの美学とデザイン言語における主要な進化です。この進歩は、ボタンやツールバーなどのコアUIコンポーネントの視覚的なリフレッシュを超えて、基礎となるインターフェースパラダイムを再定義し、開発者にアプリケーションを批判的に適応させることを要求します。ここでは、Droppath Route PlannerをLiquid Glassインターフェース標準に移行する際のアプローチとエンジニアリングの考慮事項を概説します。

Liquid Glassへの最初の対応は、特にiOS 7の大規模な変更を含む、Appleのデザイン移行の以前の経験によって形成されました。当時、システムUIのデフォルトへの根本的な変更により、重大な後退と不安定性が導入され、以前の動作を復元するために広範な介入が必要でした。対照的に、AppleのLiquid Glass実装は、制御されたオプトイン移行パス（UIDesignRequiresCompatibilityのドキュメントを参照）を提供し、リスクを大幅に削減します。Xcode 26との予備的な統合では、軽微な配置の不一致のみが表面化しました：具体的には、1つのダイアログのタイトルの配置ミスです。幸い、Xcode 26で緊急リリースを行う必要はありませんでしたが、必要に応じてこのオプションを準備しておくことは安心でした。

例を探す #

デザイン移行の基礎となる側面は、Apple自身のエコシステム内の参照ポイントの可用性です。ファーストパーティアプリケーションは、ベストプラクティスとインタラクションモデルに関する重要なガイダンスを提供しました。たとえば、ユーザープロファイルと設定のプレゼンテーション戦略を評価する際、Musicアプリからインスピレーションを得ました。同様に、検索インターフェースの改善については、Music、Mail、Filesのアプローチを比較しました。最終的に、Filesのデザイン言語が、特に検索フィールドに対する検索結果の配置に関して、UX目標に最も適合しました。検索バーの上に結果を配置することは、私たちにとって十分に自然ではありません。

カラーナビゲーションバーの終わり #

以前のUIパラダイムの特徴である従来のカラーナビゲーションバーは、新しいLiquid Glassの外観と互換性がないことが判明しました。鮮やかな背景は、Liquid Glassの半透明ボタンに対して過度のコントラストと視覚的不調和をもたらしました。私たちの解決策は、白いナビゲーションバーに移行することでした。これにより、新しいタブバーのグラデーションとの一貫性が提供され、アプリの全体的な視覚的な外観が統一されました。

アクション配置の再考 #

Liquid Glassはタブバーを再構想し、画面の下端でのフットプリントを減らし、より多くの可視コンテンツを可能にします。このシフトにより、採用したMaterial Design要素、特にFloating Action Buttons（FAB）を再検討する必要がありました。以前は目立つように配置されていたFABは、改訂されたより細いタブバーの隣で不調和に見えました。しかし、新しいデザインガイドラインでは、ナビゲーションバー自体内に目立つアクションボタンを配置できます。Droppathは現在、この領域で主要なアクションを集中させ、意味とアクセシビリティを維持するためにアクションをグループ化しています。

マップビューでは、ボタンを右上に再配置することで、マップアクションと一緒にきれいに整理できました。より目立つ外観により、次のステップが何であるかが明確になります。

欠落しているUIパターン：ビューモード切り替え #

Droppathのインターフェースの複雑な側面は、タブの二重使用でした：モードスイッチャー（リスト対マップビュー）として、および固定フォルダのナビゲーション（ローカル対クラウド同期ルート）として。フォルダナビゲーションは正当にタブモデルに適合しますが、ビューモード選択にタブを使用することは、確立されたiOSの慣習から外れています。Androidでは、このトグルはナビゲーションバーボタンで処理されますが、これは発見可能性を制限します。対照的に、画面下部のiOSタブバーは、私たちのコンテキストで効果的でアクセス可能なセグメント化されたセレクターとして機能します。

AppleのPhotosとFilesアプリを分析すると、さまざまな方法論を観察しました。Photosは中央に配置されたトグルを採用していますが、Filesはビュー切り替えを省略記号の下のメニューに委ね、発見可能性をメニューのシンプルさと交換しています。ユーザーデータは、マップとリストモード間の頻繁な切り替えを強く要求しているため、主要なUI移行中の混乱を最小限に抑えることが最優先事項であるため、非典型的な使用にもかかわらず、セグメント化されたタブアプローチを維持することになりました。

セカンダリコンテンツの再配置 #

タブ構造の意味的な明確さを維持するために、アカウントとヘルプ画面を右上隅に移動しました。これは、AppleのMusicアプリで見られる組織を反映しています。結局のところ、ユーザーがアカウントの設定にアクセスする必要があることはめったにないので、タブバーを通じて即座にアクセスを提供する理由は何でしょうか？Droppathは現在、ユーザーがアップロードしたプロフィール画像を欠いていますが、SF Symbolは認識可能なプレースホルダーアイコン（すでに他の場所で使用していたもの）で十分です。

UIが生き生きと反応する #

Liquid Glassの導入により、インターフェースコントロールに新しいレベルの応答性と活気がもたらされました。Liquid Glass用に更新されていなかったボタンは、すぐに目立ちました。復活した対応物と比較して、静的で魅力的でないように見えました。

タブバーボタンでさえ、ユーザーがタップすると優しく拡張してマージし、Liquid Glassに特徴的な流動的なインタラクションの感覚をさらに強化します。

コードの課題 #

SwiftUI統合 #

SwiftUIコンポーネントでLiquid Glassのサポートを実装することは、独特の課題をもたらしました。複数の#available(iOS 26.0, *)コードパス全体でロジックを複製することを防ぐために、バージョンチェックを統合し、glassProminentStyleIfPossible()のようなヘルパーメソッドでスタイル変更をカプセル化しました。それでも、コードベース全体で約20の個別の可用性条件を数えました。これは、新しい視覚要件に準拠しながら後方互換性を維持するために必要な層です。幸運にも、今後何年もこの規模の別の包括的なUI移行に直面することはないでしょう。

シートプレゼンテーション #

ドライビング画面はシステムシートに依存していますが、Liquid Glassの下では外観がひどいものでした。サポートするカスタムスワイプジェスチャー（シート内の停留所間で左右の遷移を可能にする）は、iOSシートでネイティブにサポートされていない動作です。その結果、新しいデザインにドライブシートを適応させるには、意図されたナビゲーションフローを復元するために追加のエンジニアリング努力が必要でした。出荷前にアプリのすべての機能を試すことを確認してください。

ナビゲーションコントローラーツールバー #

ナビゲーションコントローラーのツールバーをLiquid Glassと視覚的に整列させることは、予想よりも困難でした。デフォルトのツールバー配置はタブバーの下にあったため、カスタムツールバーを導入し、正しい配置を確保するために配置とスタイリングを行いました。

強化された入力アクセサリ #

多くのDroppathユーザーは定期的に数字と文字の両方を入力するため、利便性のためにキーボードの上に数値入力アクセサリを含めています。このカスタム行は、YZKeyboardAccessoryInputのローカルで維持されているコピーから構築されています。これは、2015年に最初に書かれたニッチなライブラリで、現在はオンラインで見つけることがほぼ不可能です。このリリースの一部として、外観をリフレッシュしました：微妙な丸みと更新された視覚的な手がかりが、新しいインターフェースと調和するのに役立ちます。

新しい、より多用途なアイコン #

過去1年間を通じて、配送アプリに共通する従来のボックス画像を超えた明確さと柔軟性を求めて、複数のアイコンコンセプトを探求しました。新しいアイコン—パスを大文字の「D」の形に抽象化—は、配送を超えたDroppathのより広範な使用例に対応しながら、即座のブランド認識を提供します。単色スキームにより、デジタルプラットフォームと将来のグッズ全体で強化された再現性が確保されます。

Icon Composerツールを活用して、新しい視覚的アイデンティティをLiquid Glassの美学を受け入れるように適応させました。アイコンはレイヤー化されたガラス効果の完全な複雑さを利用していませんが、新しいデザインエコシステムと調和し、Liquid Glassを受け入れるピアアプリケーションの中で適合します。

要約すると、Droppath Route Planner 6.0でのLiquid Glassへの移行は、iOS 26のデザイン標準に合わせた包括的な近代化を表しています。この更新がユーザー体験を向上させるだけでなく、Droppathのユーザーへの配慮を強調することを確信しています。Droppathの採用は、iOS 26ユーザーにとって自然であるべきです。

Droppath Route Planner 6.0は、iOS 26向けにまもなく利用可能になります。