visionOS SDKとシミュレータが利用可能になり、開発者たちはVision Pro向けに計画しているものを披露し始めました。Widgetsmithの開発者であるDavid Smith氏は、visionOS向けの設計の初期段階の経験について、設計プロセスと検討事項を詳しく説明したブログ記事を公開しています。

• visionOS 向け天気アプリの設計
• visionOS 向けの設計への最初の試み

このストーリーは、Apple統合プラットフォームであるMosyleによって支えられています。Mosyleは、5つの異なるアプリケーションを単一のApple専用プラットフォームに完全に統合する唯一のソリューションであり、企業や学校はすべてのAppleデバイスを簡単かつ自動的に導入、管理、保護できます。38,000以上の組織がMosyleソリューションを活用し、毎日数百万台ものAppleデバイスの導入、管理、セキュリティを自動化しています。今すぐ無料アカウントを申請して、信じられないほど低価格でAppleデバイスを自動操縦する方法をご確認ください。

今月最初の投稿で、David氏はWidgetsmithをvisionOSシミュレータで実行させるプロセスを詳しく説明しました。彼はまずWidgetsmithをvisionOS用に再コンパイルし、様々なエラーメッセージを整理するところから始めました。彼によると、この作業には約30分かかったそうです。

そこから、彼は visionOS シミュレーターを使用して、Widgetsmith が現在の形式でどのように見えるか、またエクスペリエンスを向上させるためにどのような変更を加えることができるかを検討しました。

かなり良くなりましたが、縦方向のレイアウトが非常に非効率的であることが分かりました。visionOSのウィンドウはほぼ常に横向きで、縦横比はおよそ4:3です。そのため、ユーザーがコンテンツを見るためにスクロールする必要がないように、UIでは縦方向のスペースの使い方をより慎重に考える必要があります。

WWDCでvisionOSハードウェアを少し触ってみた限りでは、スクロールは私が試したジェスチャーの中で最も不自然でした。スクロールは最も大きな手の動きを必要とするため、膝の上に手を置いた状態で行えるジェスチャーよりもぎこちないものでした。

そこで次に試してみたかったのは、メインウィンドウのコンテンツをどれだけ削除すれば、ウィンドウの使用可能なスペースを最大化できるかということでした。そこで、ピッカーをウィンドウ下部の飾りの中に移動してみました。

2 番目のブログ投稿では、David は再び visionOS の設計に焦点を当て、今回は Widgetsmith の天気アプリを Apple のヘッドセットに適合させました。

これにより、iOSでは発生しないものの、visionOSでは大きな問題となる問題が明らかになりました。iOSでは、ビューに穴を開けて下のビューをマスクしたい場合、そのビューの背景を現在の表示モードの背景色（白または黒）で塗りつぶすだけで済みます。これは実際には正しいレイヤーマスクではありませんが、色が不透明であるため、結果は同じです。

visionOSでは背景が透明なので、これは機能しません。代わりに、ビュー階層を正しくマスクする必要があります。SwiftUIではそれほど難しくありません。

「プラットフォームを使いこなして、本当にその感覚を掴むには膨大な時間がかかるでしょう。しかし、これは確かな出発点であり、実際に開発に取り組んだことで、visionOS全般に対する自信がずっと深まりました。『良い』デザインとは何かを直感的に理解できるようになるまでには、このプラットフォーム上で何十もの『悪い』デザインを作る必要があるでしょう」とデイビッドは説明した。

Davidのブログ記事全文をぜひチェックしてみてください。VisionOS上でWidgetsmithを実行した当初の経験から、ジェスチャーをより有効に活用したり、デザイン言語に合わせたりと、彼がどのように改良を重ねてきたか、非常に興味深いです。

• visionOS 向け天気アプリの設計
• visionOS 向けの設計への最初の試み

havebin.com を Google ニュース フィードに追加します。