数日前、Facebook、Twitter、Spotify などの最も人気のあるソーシャル ネットワークやサービスのモバイル アプリケーション インターフェイスの違いについて話しました。これは、アプリケーションが各プラットフォームの画面スペースをどのように利用するかについてのレビューでしたが、ユーザーの使いやすさがどのようなものであるかについては詳しく分析しませんでした。それは、インターフェイスの最も重要な、より美的で主観的な側面に関するものでした。どのプラットフォームが優れているかということではなく、デザイナーのアプローチがどのようにユーザーの共感を呼び、直感的に理解できるかが重要です。今日は、現在のトレンドの興味深い例をいくつか見ていき、新しいことが常に優れているわけではないことを説明します。
前回の記事では、大きな議論の 1 つは、どのシステムがより多くの情報を一目で、またはより秩序だった方法で表示するかという点であることを見ました。その意味で、モバイル インターフェースおよび Web デザインにおける大きなトレンドの 1 つであるドロップダウン サイドバーを見直すのは良いことです。 Android が登場する前、たとえば Ice Cream Sandwich と Holo の発売以来、パネル インターフェイスが主流であり、パネル インターフェイスの間では横にスクロールするか、タップで選択する必要がありました。その後、私たちが言うように、サイドバーが流行しました。これが提供する利点は、コンテンツとすべてのオプションのみを非表示にして、インターフェイスをクリーンアップすることでした。そして、これはスマートフォンのような「比較的」小さな画面では評価されますが、別の意味で影響を及ぼします。 Luke Wroblewski はデザインについて執筆しており、いくつかのアプリケーションでこのトピックに関する情報を収集しています。彼は自分の結論を一文にまとめています。 「視界の外、心の外」 、つまり、アプリオリに何かを見ることが難しい場合、その解決策はすべてを一度に表示する方法よりも悪いということです。
Zeebox (現在はテレビ コンテンツのソーシャル ネットワークである Beamly) の創設者であるアンソニー ローズ氏は、よりクラシックなインターフェイスからサイド パネルを備えたインターフェイスに変更することの影響について The Next Web に語った。新しいアプリの立ち上げ時、目新しさのため、 、アプリケーションに寄せられたレビューの大部分は 5 つ星でしたが、ローズ氏は、パネルのないインターフェイスが最初は直感的ではないことを考慮して、アプリを更新するとき、または初めてダウンロードするときに、開いているパネルを表示する必要があったと述べています。または多くのさらに、ユーザーがアプリの使用に費やした時間を測定したところ、毎日および毎週のアプリを開く頻度が減少しただけでなく、アプリを開いた時点でその時間の半分を費やしていることがわかりました。
ビジネスコラボレーションツールであるRedboothでも同様のことが起こりました。 「ハンバーガー メニュー」を使用したインターフェイスの変更を検討した結果、下部パネルを 5 つのパネルで実装するのが最適であることがわかりました。サイド パネルを備えたデザインはシンプルさを加えましたが、やはり視認性が失われ、何よりもアプリケーションの基本機能へのアクセス速度が失われています。 App Store でアップデートを開始した後、非常に興味深い結果が得られました。この変更により、セッション数が 2 倍になり、セッション時間が 70% 増加し、毎日のアクティブ ユーザー数が 65% 増加しました。シンプルに、シンプルな力。
このパターンは何度でも許可されます。要素を非表示にすると、ユーザーの気が散り、混乱し、変更によって意図されたコンテンツを消費しなくなります。もう 1 つの例は、3 つのパネルから 1 つだけを表示し、他の 2 つは非表示にしたままにしたアプリケーションです。その結果、毎日の使用量が大幅に減少しました。
最後に、大規模なアプリケーションである Facebook のケースを見てみましょう。ここでは広告収入が得られるため、指標が特に重要です。ハンバーガーアイコンのサイドメニューを長い間実装した後、下部のコントロールパネルをテストし、アプリが満足度、収入、使用時間、速度の点でより良い結果をもたらすことを確認したため、最終的にアプリに残りました。応用。
主要なプラットフォームにおける Facebook と Twitter の例を見ると、大きな画面を備えた携帯電話がある今、メイン アプリケーションのボタンを下部に配置するのが非常に便利であることをデザイナーに思い出させるのは興味深いと思います。いつでも片手で携帯電話を使用できます。
結論として、開発者 Tal Bereznitskey からの良い感想を残しておきます。最も単純な解決策が常に成功します。
> UI がないことは、素晴らしい UI があるよりも優れています。
最良のインターフェイスはインターフェイスがないことです。
1 画面のアプリは 2 画面のアプリよりも優れています。
コードを削除するソリューションは、コードを追加するソリューションよりも優れています。
フォークが 1 つあるユーザー フローは、フォークが 2 つあるユーザー フローよりも優れています。
メンバーを持たないオブジェクトは、メンバーが 2 つあるオブジェクトよりも優れています。
4 つのオプションを持つ列挙型は、2 つのブール値よりも優れています。
優れたタイトルは、優れたタイトルとそれを説明する優れた段落よりも優れています。
60 秒の説明ビデオよりも 20 秒の説明ビデオの方が優れています。
短い電子メールの応答は、長い電子メールの応答よりも優れています。
シンプルであることが常に簡単であるとは限りませんが、常に成功します。
参考資料一覧
- http://thenextweb.com/dd/2014/04/08/ux-designers-side-drawer-navigation-costing-half-user-engagement/
- https://twitter.com/lukew
- http://berzniz.com
- https://play.google.com/store/apps/details?id=com.zeebox.android.caa)
- https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/
- https://redbooth.com/blog/hamburger-menu-iphone-app
- http://techcrunch.com/2013/09/18/facebooks-new-mobile-test-framework-births-bottom-tab-bar-navigation-redesign-for-ios-5-6-7/
