web-dev-qa-db-ja.com

IphoneアプリをAndroid-に移植する-ActionBarの考慮事項は何ですか?

下部にデザインされたアイコンタブバーのあるiPhoneアプリデザインがあります。

enter image description here

Androidへの採用について、いくつか質問があります。

  1. タブを上に配置する必要はありますか?または、Android UI標準で中断することはできますか?
  2. それでもタブバーで開発しても大丈夫ですか、それともAndroidの場合はActionBarを使用することを本当に提案しますか?もしそうなら、なぜですか?
  3. そのままのようにバーボタンを使用できますか、それとも小さなボタンとテキストを含むActionBarが必要ですか?ホームボタンなど必要ですか?
  4. ActionBarの有無にかかわらず、オレンジ色のボタンを重ねたままにすることは可能ですか?
7
Jens

あなたの例は簡単にActionBarに変換できます。 Androidガイドラインに固執するようにiOSアプリを移植するすべての人に強くお勧めします。これにより、プラットフォーム全体との統合が向上します。iOSでは、永続的なタブバーがあるため、タブを使用することは非常に一般的ですAndroidでは、タブの使用を少し減らし、iOSの同じタブストリップに属するトップレベルのアプリケーションセクションの重要性を階層化します。

ユーザーがアプリケーションを実行するときに、これらのタブの1つが「ホーム画面」として使用されていると思います。次に、アクションバーに直接、ショップ、スタンプ、リワードの3つのタブを配置できます。設定部分はあまり使用されないため(ユーザーは他のセクションと同じように設定を使用しますか?)、オーバーフローメニューに配置できます。

スタンプの付いた大きなボタンについて:どのタブがアクティブであっても、画面の下部に配置できます。それに加えて、またはその代わりに、スタンプをバーで使用可能なアクションボタンとして配置することもできます。これは、頻繁に呼び出す必要がある主要なアクションのようです。

まとめると、アクションバーは次のようになります。

[ icon  Shop | Stamps | Reward   <st> | ... ]

stはクイックアクションのアイコンを表し、丸いスタンプボタンと同じです。 ...オーバーフローメニューの略で、その後ろに[設定]項目があります。

ActionBarの使用に関する2つの追加の利点:

  • すべてを収めるのに十分な幅がない場合、タブは自動的に2行目に表示されます。
  • 反対に、アプリが横向きまたはタブレットで実行され、はるかに広いスペースが利用可能な場合、クイックアクションボタンまたはオーバーフローメニュー要素を構成して、利用可能なスペースに応じてテキストを自動的に表示し、バーに移行できます。各ボタンの動作を決定します。
  • プログラミングははるかに高速です。 ActionBarはすでに存在しています。下部のタブには、個別の実装が必要です。
  • そして...あなたはただガイドラインに固執し、UXの品質の一部である一貫したエクスペリエンスに貢献します。

私の意見では、iOSスタイルのタブをAndroidの下部に配置することは、Windowsアプリケーションフレームの左上にトラフィックライト色のウィンドウボタンを配置するようなものです。別のシステムに属しています。今日多くの人々がウェブサイトのようにモバイルアプリを作成し、ウェブページのようにそのような開発について考えているのを見てきました。しかし、モバイルアプリはアプリケーションであり、ウェブページではありません。これらはエコシステムに属しており、私たち全員がこれを覚えておく必要があります。

5
DavGin

1)1年前は、Android UXのガイドラインを破ることは問題ありませんでしたが、コミュニティはますます強くなっています。MicrosoftのOutlookもガイドラインに従っていないことを非難しています。 (2.1平均評価)

2)タブを使用してもかまいませんが、タブを上に配置し、Android UXに合わせる必要があります。タブは4.xでも非常に見栄えが良いので、自由に使用できます。 。

3)それはあなたの選択ですが、アイコンでさえAndroidでは異なって見えることに注意してください。だから、あなたの写真のような完璧なiOSアイコンは、Android環境から際立っています。

4)はい、できますが、それでもユーザーにiOSの感覚を与え、私を信頼しますAndroid iOS-yのように見えるユーザーは嫌いです。 Androidデバイス、そして何かがiOSからのものであると彼らは気づくでしょう

2
csomakk