ユーザーに「目に見えない」ストーリーを最適に表示する方法
Context-新しいストーリーがライブで配信される、ストーリーのフィードを表示するアプリケーションがあります。
定義-見られる：特定のストーリーカードが画面に表示されると、「seen」としてマークされます。ユーザーは、ボタンを使用してストーリーを操作した場合とそうでない場合があります。
問題ステートメント-
ユーザーはフィードを通過し、フィード内のトップ10メッセージのうち上位4メッセージをスクロールします。次に、アプリを閉じます。アプリが閉じている間に、3つの新しいメッセージが届きました。
次にアプリを開いたときに6 + 3の未表示メッセージを表示するのに最適な方法は何ですか。見た4つのメッセージが完全に失われていないことを確認します（つまり、必要に応じて後で見つけることができます）？
ストーリーの間に明確な階層があることを確認してください。
私が正しければ、3種類の物語があります。
- 目に見えない物語
- 見た物語
- ストーリーを読む
以下の例では、これを表示する3つの方法を作成しました。
- UIに表示されていないタブと表示されているタブ、および新しいストーリーの目立つ色。
- さまざまな種類のストーリー間の明確な階層を持つ1つのリスト内のすべてのストーリー。
- 例2と同じですが、ラベルが付いています。
すべての新しいストーリーについて、Twitterのようなものを使用できます。
テキストはより説明的でなければなりません：
最新の9件のストーリーをすべて表示
あなたの場合。おそらく、ユーザーは以前の6つのストーリーと3つの新しいストーリーの違いを知りたくないでしょう。彼らは、何が見え、何が見えないかを知る必要があるだけです。
私はそれらすべてを時系列で並べ替えて表示します。このようにして、ユーザーは上部に新人を表示し、最後にアクセスしたときに表示したすべてを表示します。私にとって、注文を変えることが迷子になる最良の方法です。
色やアイコンを使用して、新規/未読/既読を区別します。必要に応じてフィルターを追加します（テキストと同じアイコンのラベルが付いています）。部屋に余裕がある場合は、それほど重要でないものを折りたたむことを検討してください。
移動しないでください。 https://feedly.com が機能しないことをうれしく思います。
まず第一に-他の回答が示唆するように-順序を時系列以外のものに変更しないでください。これにより、UIが予測不能になり（「1分前にクリックした記事はどこに行きましたか？」）、フィードの既読記事を降格すると、ユーザーが実際に気にかけたすべての記事が降格され、再度読みたいと思う場合があります。 、ユーザーが意図的に無視する可能性のある記事を宣伝しながら。
古い未読記事をプロモートするには、オプションのビューを作成して、未読記事のみを表示するようにフィルタリングします。
2つの異なるマーカーを使用して、記事が新しいかどうか、またはREADかどうかを識別します。 「目に見えない+読む」ことは理論的には不可能ですが、これらの属性を分離しておくと混乱が少なくなります。
以下のモックアップの例では、「new！」マーカーは前回の訪問以降に新しい記事に表示され、太字はユーザーがまだ記事を読んでいないことを意味します。 [未読のみ]タブには、3つの未読記事のみが表示されます。両方のタブで、順序は時系列で、最新の記事が上に表示されます。
「未読」タブのタイトルに未読記事の数、つまり「未読のニュース（3）」を含めることをお勧めします。一部の人々は、それを「0」に戻すのがいいと思います。
