web-dev-qa-db-ja.com

モバイルアプリのデザイン:ソーシャルフィードを閲覧するための水平スワイプvs垂直スクロール

私の同僚と私は、ユーザーがソーシャルフィードを閲覧できるモバイルアプリ(AndroidおよびiPhone)に取り組んでいます。フィード内の各投稿は、必須の画像、オプションのテキスト、および投稿へのコメント(Instagramに類似)で構成されます。アプリの主な焦点は視覚的なものとテキストによるものであるため、画像は(サムネイルではなく)可能な限り大きくなります。

これらの投稿をナビゲートする最良の方法に関して、私たちはジレンマを抱えています。以下は、それぞれの潜在的なメリットを考慮して検討している2つのオプションです。

混合:投稿コンテンツの垂直スクロールによる投稿間の水平スワイプ:

利点:

  • 人間工学:水平にスワイプする方が簡単だと思います。これは議論の余地のある意見ですが。
  • 柔軟性:ユーザーは次の投稿にスワイプすることで、投稿をすばやく「ページング」できます。ユーザーが特定の投稿内のより多くのコンテンツ(主にテキストのコメント)を表示したい場合は、垂直方向にスクロールして追加のコンテンツを表示できます。

垂直スクロール:

利点:

  • 親しみやすさ:ほとんどすべてのソーシャルフィードが垂直スクロールで表示されるようです。
  • シンプルさ:単一方向にスクロールすることで、シームレスに投稿や関連するコメントをスクロールできます。

最終行:

これが私の2つの質問です。

  1. すべてのソーシャルフィードが現在垂直スクロールを実装しているという事実は、混合ナビゲーションオプションの探索を妨げるだけなのでしょうか?
  2. 上記の説明に基づいて、どのナビゲーションパラダイムが最適ですか?
4
Dragonspell

垂直

最小驚愕の原則 、つまりに反対しているようです。

業界はスタイルを決定しており、何か大規模ながそれを変えるまで、私たちはそのパラダイムの中にとどまっています。それはあなたのアプリでしょうか?うん!ありそうですか?おそらく違います。

私の経験では、混合スクロールはまれです。 「より多くの情報を表示する」ためのより一般的な方法は、問題のアイテムを長押しするか、右側にあるクリックアイコンを使用して、(スライドアウトメニューのように)移動することです。

もちろん、それがより多くの情報を表示するための最良の方法であると本当に思う場合(多分多くの補足情報がある場合)、常に優れた オンボーディング手順 を設計できます。

この方法を採用する場合、リストアイテムをスライドすることに人々が慣れていることを覚えておいてください。そうすれば、それがデザインに影響を与えるのに役立つかもしれません。

5
Jacktionman

投票します[〜#〜]混合[〜#〜]

mockup

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

垂直が意味を持つのは、「タイムライン」または「ニュースフィード」に表示されているコンテンツが要約ストーリーの。つまり、ユーザーは詳細を読むためにストーリーをタップする必要があります(Facebookと同様)。

それ以外の場合、タイムラインにストーリー全体を表示すると、ユーザーは投稿の最後までスクロールしたいが次の投稿に移動することが多い (UXの問題があります)。

1
Ades