web-dev-qa-db-ja.com

iOSアプリでフローティングアクションボタンを使用することは強力なアンチパターンですか?

Googleマテリアルデザインチームが開発したフローティングアクションボタンは、Androidではかなり人気があります。 Appleに最も近いものは、おそらく右上または下部のツールバーパターンのアクションアイコンです。これは、永続的なタブバーではうまく機能しません。

私はiOSアプリの開発に取り組んでいます。このアプリは、目立ち、アプリのメイン画面からアクセスできるようにする必要がある、非常に強力で目立つ「ホールマークアクション」を備えています。 iOSでフローティングアクションボタンを使用する必要がありますか?

8

TL; DR:私はフローティングアクションボタン(FAB)をマテリアルデザインの最も分極化している要素であると考えており、一般に、iOSアプリケーションでの使用にはフローティングアクションボタンを推奨しません

原則はまだしっかりしています:ユーザーをガイドする強力な行動を促す要素(CTA)を提供します。 Appleは、右上のインタラクションを優先する傾向がありますが、Spotifyの再生/シャッフルボタンは、ツールバー以外のインタラクションの良い例だと思います(以下を参照)。高い発見可能性(抽象的なアイコンではなく、簡単に理解できる表現)他のアプリ(Instagram、Tumblr)は、タブバーの中央のアイコンを使用して、ユーザーを主要なアクション(ユーザーの使用に関連する可能性がある)に集中させます。

FABはおそらく言語で最も汎用性の低いコンポーネントであり、すべての実装がGoogleによって作成されたように見える傾向があります(Androidでうまく機能します)。これは、発見性の低い抽象的な概念であり、AndroidはOSの一部であるため正常に機能します。デバイスのオンボーディングの一部として使用することを学びました。

ターゲットオーディエンスがiOSであり、一般に理解されていない場合は、新規ユーザーの複雑さが増しています。 最終的には、FABの使用を妨げるものは何もありませんが、おそらくユーザーがそれが何であるか、またはその使用方法を知らないことを期待する必要があります。

Spotify Shuffle buttonInstagram post button on Tab Bar

10

IOS 11の新機能として、Notesアプリ内にフローティングアクションボタンがあります。 Appleがそれらを使用している場合は、間違いなくそれらも使用できます。

FAB in iOS 11 Notes

11
cornr

Apple and Android mobiles)でGMAILユーザーインターフェース自体を比較する場合、UIは少し異なります(ユーザーの写真とチェックボックス-左側)など)。

IOSの場合、GMAILはAndroidデザインとは異なり、FABまたはボタンのデザインパターンが異なりますが、それでも目立ちます。このデザインをアプリで検討することをお勧めします。率直に言って、 GMAILがIOSでFABを回避した理由がわかりません。

私はApple mobile 6S with meを入手し、他のAndroid mobileと比較して、UIをクロスチェックして確認しました。これは、提供されているスクリーンショットとまったく同じです。未満。

enter image description here

画像のソース: https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=&url=http%3A%2F%2Fpttrns.com %2Fapplications%2F370&psig = AFQjCNFIfKmNmucdvJpli_i9xgtqO1zpgg&ust = 1476535412516119

http://www.lifehack.org/articles/technology/finally-20-productivity-apps-that-will-ensure-efficiency.html

9
Deekshit-CUA