web-dev-qa-db-ja.com

Wizard IOSのパターン:レイアウトのガイドライン

AndroidおよびiOS用のアプリを作成し、5ステップのウィザードを使用してアセットを作成します。

この種類のウィザードパターンのタブレット用に確立されたデザインパターンはありますか?おそらく、上部または下部にタブがあり、進行状況バーと共にステップを示していると考えていました。他のいくつかのオプションはスワイプシステムかもしれません-次のステップまたはそのようなものにスワイプします。

さらに、電話のレイアウトのオプションについて教えてください。

十分に確立されたパターンがある場合は、それを使用することをお勧めします。

ありがとう!

編集:それが価値があることのために、私はXcodeが実際にこれのためのテンプレートを提供するかもしれないことを理解しています。ただし、Phonegapを使用するため、これらのテンプレートは使用できません。

5
lunchmeat317

考えられるパターンの1つは、WizardレイアウトはOracleの Alta UIガイドライン で説明されており、 Oracle JETツールキット で実装されています。iOSバージョン次のようになります。

Screenshot of a Train implemented by Oracle JET

1
calum_b

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
Sashko Valyus

Instagramのアプリは、少なくともスマートフォン(タブレットではない)用で、新しいInstagramの写真プロセスを完了するためのウィザードスタイルのようなものがあります。 https://play.google.com/store/apps/details?id=com.instagram.Android を参照してください

0
powtac