web-dev-qa-db-ja.com

iPhoneアプリ:タブバーとダッシュボード(グリッドナビゲーションとも呼ばれます)。または両方?

私はiPhoneアプリ(初期段階)に取り組んでおり、最高のナビゲーションシステムについていくつか話し合いました。

ダッシュボードのスタイル(

これがホーム画面になります。 私が好きなもの:優れた機能の概要。すべての機能と情報の「ハブ」。 私が好きではないもの:すべてのメニュー項目の優先度はほぼ同じです。多くのアイテムがある場合、1つの画面に収まりません。

タブバー(

バーは常にそこにあり、ホーム画面はアプリの最も重要な機能です。 私が好きなもの:主な機能を使用する場合、ナビゲーションは必要ありません。多くのアプリがこのアプローチを使用しているので、ユーザーはこのパターンに精通していると思います。 私が嫌いなこと:バーに5個を超えるアイテムを配置しないでください。「もっと見る」ボタンと(これを参照)記事: iPhoneタブバー

結合

ダッシュボード(ホーム画面としても機能します)に加えて、主な機能とホームボタンを備えたタブバーを設けることは理にかなっていますか?これは、ダッシュボードのタブバーおよびで2〜4つの機能が利用できることを意味します。


それについて何か考えはありますか?または経験?または完全に異なるアプローチ?フィードバック/入力/批評家/回答は大歓迎です!


更新:3つの素晴らしい答えを読んだ後(ありがとう!)、ここにいくつかの追加情報があります。

  • 私の主な懸念の1つは、実際にはユーザーにとって3つのセクションだけが重要であることです(残りはアカウント情報、連絡先/フィードバック、法的事項などです)。最も頻繁に使用される機能は検索です(「賃貸するアパートを探す」と考えてください)。リピーターは、保存済みの検索やお気に入りをかなり頻繁に使用する可能性があります。

  • ユーザーはおそらくセクション間で多くの切り替えを行わないでしょう。

  • 複合オプションでは、タブバーはホーム画面に表示されません。

7
Phil
  • ホーム画面でのナビゲーションが必要な場合は、ダッシュボードナビゲーションを使用

あなたが言うように、あなたは5ではなく9アイテムを手に入れます。また、太い指にも適しています。また、アプリの最初のビューでユーザーに2つの異なる種類の事柄を理解させません。

簡単な理解:起動画面にグリッドナビゲーションがあり、ナビゲーションのみが含まれているため、ユーザーに簡単なナビゲーションの選択肢を提示できます。タブバーを使うと、彼らは最初に「メインエリアは何をしているのか」と自問する必要があります。 -それは彼らが最初に目にするものだからです-そして自分自身に「私は他のモードの1つが本当に欲しいですか?」.

起動グリッドの4番目の理由:Pixels are precious。タブバーを使用すると、常に表示されると、ユーザーにとってあまり効果のないアイドルピクセルが発生する危険性があります。または、タブバーを使用する理由として、モードの頻繁な切り替えを想定して設計します。頻繁なモード切り替えは適切ではありません。

ナビゲーションの種類:グラフ、リスト、マップなどのデータセット内を移動することは、まったく別のことです。それは異なる比喩を使用するので、それを区別する価値があります。ここでは異なる操作モード間のナビゲーションについて話していると想定しています。

デザインでモード間のナビゲーションがほとんど必要ない場合の場合、ダッシュボード画面を省略してすぐに実行できます。ただし、状況は大きく異なります。

5つの選択肢だけでは不十分であり、9つでも十分ではない可能性があることを懸念しているので、グリッドレイアウトのホーム画面が本当に望んでいるように思えます。

グリッドとタブバーを結合しますか?私はしません。非常に多くのナビゲーションオプションがあり、タブバーで5つの9ウェイグリッドから選択する場合を除きます。もしあなたが今いるなら、「そこからは始められない」

そして、必要な場合はどうですか9以上?これはアプリケーション固有のものになります。多くの場合、2つのモードを組み合わせて、 more... 少し工夫することによって。あなたがあなたのモード/ナビゲーションが何であるかについてもう少し私たちに話さない限り、これ以上言うことはできません。


(更新後)

つまり、ローンチから6か所以上の場所があり、日常的に使用する興味深い場所が3つあるようです。私はまだグリッド起動画面を使い続けます。

タブバーも?(両方を組み合わせる別の方法)-興味深い場所が3つあるので、アプリの奥深くにあるタブバーからこれらのトップモードへのショートカットを使用すると、ユーザーのワンクリックを節約できます。あなたは、ホーム画面から3つの最も興味深いアイコンを複製し、わずかに縮小またはトリミングします。

これは、判断の呼びかけやアプリ固有のものになります。リストの検索結果を1つあきらめる価値はありますか。それとも、モードの切り替えを簡単にするために、それ以外に犠牲にすることになりますか?あなただけが知ることができます。ここで政治的に正しいためには、「テスト!テスト!」、しかし真実は私が自分の判断で行くことです。あなたは自分のアプリが好きで、特に開発の初期段階で感情的に関与する必要があります。そうしないと、重要な他の詳細に失敗し始めます。

もう1つのポイント-UXの選択と同様に(モード間の切り替えがまれである場合、直接リンクは十分に役立ちますか?)、考慮すべきアプリのプロモーションもあります。検索結果のスクリーンショットを表示しますか?スクリーンショットを表示するときに、アプリの他の機能をユーザーに警告しますか?

5
James Crook

私にとっては、ダッシュボードのナビゲーションは絶対に避けるべきです。モバイルディスプレイではアテンションスパンがはるかに低く、ホーム画面に戻って新しいコンテンツを見つけると、コンテンツの発見が非常に困難になります。

あなたは最初に自分自身に尋ねるべきです:私のアプリを有用にするために必要なすべての機能はありますか?

ベンのツイッターの例は素晴らしい:彼らは下部バーの5番目のアイコンに多くのオプションを隠している。私はそれらのポイントの後ろにいくつかの数字を見てみたいと思います、明らかにそれは多くのモバイルデザイナーにとってまだまだ進行中の仕事です。

2
JohnG

まず、よく書かれた質問をありがとう。

私はそれらを組み合わせません。ユーザーは視覚要素の繰り返しを嫌います。代わりに、ホーム画面でダッシュボードを使用し、それらのページの1つにあるときにタブバーを使用しないのはなぜですか。

また、これは問題ではなかったと思いますが、ダッシュボードを実行するときは、Facebookの実装とRDIOを比較してください。 RDIOでは、すべてのアイコンが互いにかみ合っており、お互いを区別するのは非常に困難ですが、facebookでは、アイコンは非常にユニークで見やすくなっています。

1
jonshariat

場合によります。

ダッシュボード:ユーザーが選択できるオプションはたくさんありますか、それともすべてタブバーに収まるでしょうか?ユーザーはすぐに特定の領域に飛び込みたいですか、それとも最初にオプションが表示されますか?

タブバー:ユーザーはセクション間を頻繁に移動しますか、それとも一般的に1つだけに固執しますか?あなたのコンテンツが画面上でどれだけのスペースを必要としますか?タブバーは混み合っているように感じますか?

Twitterアプリを見てください。下部にタブバーがあり、オプションの1つは[...]のように一般的ではない領域用です。

1
bendur