web-dev-qa-db-ja.com

モーダルビューのiOSナビゲーションバーに「キャンセル」アクションを配置しますか?

CancelDoneのような2つのアクションの場合、通常は右上に[完了]を配置し、左側に[キャンセル]を配置します。完了などの単一のアクションの場合、通常は右上にも配置します。

しかし、モーダルビューでのみのアクションである場合、キャンセルアクションはどこに配置する必要がありますか?左上または右上に配置する必要がありますか?

2

UXガイドラインでは、すべてのページ/アクティビティのプライマリアクションを右端(デザイン言語に応じて上または下)に配置することを推奨しています。

あなたの場合、それは唯一のアクションがCancelであるアラートモーダルのようです。 UXルールでは、Cancelが主なアクションです。だから、それは右端の隅に行きます。

例:- Example of iOS navigation modal with only Cancel as the action. It is placed on the rightmost corner

更新

私は自分の答えの情報源を提供していないことに気づきました。残念ながら、上記の画像の正確なソースを見つけることができないため、いくつかの参照を追加しています(Apple Developer Guide)からの参照を含む)。

Cancel button placement in temporary screens in iOS. Top-right for search

ソース

Apple開発者ガイド

XPlanetリファレンス

4