web-dev-qa-db-ja.com

iPhone Xのビデオプレーヤーコントロールを適切に設計する方法

新しいスワイプコントロール(ホームボタンに代わる)に対応する安全な領域とiPhone Xの最高のノッチが追加されたことで、ビデオを表示するための適切なデザインガイドラインが何かについて興味があります。

私はAppleがiPhone Xを発表した後に簡単にリリースされたデザインビデオとドキュメントを調べましたが、ビデオ再生のためのデザインにそれほど深く関連しているようには見えません。

通常、画面の一番下に配置されているシークバーはどの程度正確に機能しますか?シークバーを使用してビデオの位置を調整するために左/右スワイプを実行するときに、スワイプアップコントロールを非表示にし、エッジ保護を使用して非表示にする方法はありますか?

または、予想されるアプローチは、シークバービューの下部を安全領域の下部エッジに制限して、上へのスワイプコントロールが決して妨げられないようにすることでしょうか。これは、iPhone Xの設計ガイドラインのドキュメントに基づいている可能性が最も高いと思われるものです。

2
FateNuller

ホームインジケーターとの競合を回避するには、コントロールを安全領域内に配置します。

ビデオなどのパッシブコンテンツを表示しているときにホームインジケーターを非表示にし、ユーザーがホームに戻るには画面の下から2回上にスワイプする必要があります。ただし、この変更に対応するためにコントロールを上下に移動することは、さらに複雑になる可能性があります(ユーザーに視覚的に注意をそらせます)。

最も簡単な解決策は、安全領域を尊重することにより、 iPhone Xのホームインジケーターの上にビデオコントロールを移動することです/。他のすべてのデバイスでは画面の下に残りますが、iPhone Xでは下からオフセットされます。

安全領域とホームインジケーターの詳細については、アップルのヒューマンインターフェイスガイドラインをご覧ください。 https://developer.Apple.com/ios/human-interface-guidelines/overview/iphone-x/

0
nathangitter