未分類

プッシュ遷移・モーダル遷移・タブ遷移の特徴と使い分け

投稿日:

iOSには主に「タブ遷移・モーダル遷移・プッシュ遷移」の3つの遷移方法がある。
これらを場面によって適切に使い分けることで正しい画面遷移が設計できる。

・プッシュ(階層型):タスクを進行する
・モーダル(分岐型):一時的な画面の状態で、元の画面に戻る必要がある
・タブ(並列型):目的までの導線が複数ある場合に使用する

1.プッシュ遷移


横からシュッと画面が出てくる。
どこでも使われるよくある遷移方法。
画面遷移を一連の流れと捉えた時、プッシュ遷移はタスクを進行する。

また遷移先でスイッチを切り替えたら、それは確定された事実として保存され、あとは戻るだけという特徴がある。

2.モーダル遷移


下からシュッと出てくる画面や、ポップアップなどのことを指す。
遷移と呼ばれているが、ページが変わるわけではなく、同じ画面内で完結するのが特徴。
自己完結した作業を短時間で済ませたい時に使う。

参考:Modality

3.タブ遷移


UITabBarを使用して画面遷移する方法。
画面下のタブがどのページでも表示される。
アプリ内のコンテンツを平均化し、可視化することで一度にアクセスすることができる。
アプリ内のコンテンツを並べるのに使う。

参考:Tab Bars

参考記事: iOSの遷移まとめ
ヒューマンインターフェイスガイドラインを日本語で解説!

-未分類

執筆者:

関連記事

動かしたくないところも考慮してキーを打つ

関節アニメーションでショベールカーを動かす

関節アニメーションで、人間の動きなど様々なアニメーションが作れる。   「親子付け」を設定することで、連動する動き(移動など)と個別の動き(シャベルの回転など)をつけることができる。 全ての …

no image

Realmの保存できるプロパティ

realmでは保存できる型が決まっている。 対象外のUIColor型で保存しようとしたら以下のエラーが出た。 ‘Property Color.color is declared as Op …

youtube動画をダウンロードする簡単な方法

該当のyoutube動画のurlの前に「thx」を入力する https://www.のあとに入れる。 参考:https://uniconverter.wondershare.jp/site/free- …

no image

見やすい字幕のコツ

話しているそのままを文字起こしするのではなく、適宜読みやすいように変えて字幕を入れる。 ※正しい言葉に書き換えすぎるのもその人の個性や親しみがなくなるので、全て直そうとしなくてよい。より自然にわかりや …

no image

画面遷移の方法まとめ

3つある。 1. segueを使った画面遷移(Storyboardのみ) 一番簡単。 2. segueを使った画面遷移(コードを使った方法) 何らかの条件付きで画面遷移させたい時に使う。 perfor …