web-dev-qa-db-ja.com

「少なく表示」する価値はありますか?

ユーザーが切り詰められた説明を公開した後で「もっと見る」リンクをクリックしたときに「少なく表示」アクションをレンダリングするのが適切なのはいつですか?

私は個人的に、App Storeのエクスペリエンスに似たもの( "Show less"リンクなし)が好きですが、あなたの調査結果/経験に興味があります。

enter image description here

22
Justin Godard

「表示を減らす」は、アイテムのリストに表示するテキストが多い場合の適切なコンテキストアクションです。リストされたアイテムの圧倒的な量のテキストは、UXのベストプラクティスではありません。したがって、テキストのすべてと一部の表示を切り替えることは、「表示を減らす」を使用した適切な準備です。

例:基本情報と詳細情報を含む写真。ユーザーに一見したい情報を一目で示し、詳細情報を「もっと見る」と「もっと少なく」で切り替えることができます。

目安として、すべての「より多くを表示」は「より少なく表​​示」を伴う必要があります。

6
user2318536

「もっと見る」が必要であると判断した場合、ユーザーに対する表示オプションの制御を放棄しました。

別の言い方をすると:表示するデータ量を自分で決定することはできず、ユーザーにその決定を負担させる必要があると結論しました。今度は、彼らがコントロールするのに必要なコントロールを差し控えないでください。

または、別の言い方をすると:推奨されるユーザー操作は、試行-結果を表示-元に戻すです。取り消しを取り除いています。

デフォルトはフルコントロールであり、この場合はShow lessです。通常はshow moreと簡単に統合できます。理想的にはそのままにして、マウスを再度向けることなくコンテンツを切り替えることができます。

show lessを省略できる場合もあります:元の数を減らす理由がなくなったとき。 1つのケースは、レコードの順次処理であり、(展開された)レコードが再度アクセスされることはありません。

4
peterchen

これを論理的に処理しましょう。なぜ「少なく見せたい」と思いますか?すべてを表示するのに十分なスペースがないためです。

スクロールが標準であり、ユーザーが行うのは当然のことですが、コンテンツを表示するための十分なスペースがないインスタンスはほとんどありません。下にスクロールして残りを表示します。

私が考えることができる唯一のケースは、システムが特定のビューの設定を記憶して永続化する場合です。ユーザーは、常に詳細を表示したり、画面をロードするときに常に詳細を表示したりできます。

例えばビジネスインテリジェンスの場合、ユーザーはレポート作成のために特定の方法で大きなデータセットを表示することができます。一部の人にとって、詳細な数値を確認することは、データを確認する上で重要な側面になる場合があります。他の人にとっては、要約で十分かもしれません。その場合、永続的な「もっと見る」「もっと少なく表示」オプションが役立つでしょう。

4
nightning

これは、良い質問のスイートスポットになりました。シンプルで、響きがあり、一日中心の奥に座っています。

だから昨日、私はこの種の相互作用に同調し、それが発生するたびに質問し、少なくとも満足している回答を得ました。

いいえ。表示を減らす値はありません。

主な問題は言語です。

「もっと見る」を選択しているため、「もっと見る」という用語を使用しています。ただし、「もっと見る」を「もっと読む」または「詳細」に置き換えてください。これは、インターフェイスが何をしているかではなく、彼らが何をしているかを示しています。すでに何かを読んだり、学んだりしているときは、読んだり減らしたりすることはできません。これは、「あまり見せない」と言うのが間違っていると感じる理由です。言語がその行動と調和していないためです。

「展開」と「折りたたみ」というラベルを付け直すことができますが、ユーザーがここにいるのは「続きを読む」が実際にそうであることに同意しただけです。それをラベルとして使用するのは良いUXです。

ちょっと待って。 Read lessの反意語はありません。

最も効果的と思われる解決策は、「密接な」相互作用を備えたインターフェースを設計することです。これは、彼らが拡張したものを読み終え、次に進む準備ができていることを示しています。

もちろん、例のようにコンテンツが少量の場合、これは機能しません。

もし私があなただったら、私は「あまり見せない」で行くでしょう。

1
jackiemb

他の答えに加えて…

プログレッシブ開示を使用する場合は、 プログレッシブ開示コントロールに関するMicrosoftのガイドライン をチェックして、正しい相互作用とグリフを使用して、何が起こったかを正確に通知してください。

Example progressive-disclosure glyphs

これは長いトピックなので、ページの途中にある[プログレッシブ開示コントロール]セクションまでスクロールしてください。

1
JeromeR

経験則として、「あまり表示しない」は慎重に使用する必要があり、ユーザーエクスペリエンスはコンテキストに応じて設計する必要があります。これを使用して双方向のユーザー操作を完了するだけでは、ここでは不十分です。

ただし、「少なめに表示する」が実際に重すぎる場合があります。

ギャラリースタイルディスプレイのリーンディスプレイ(次のアクションと前のアクションを含む画面ごとに1つのアイテム):次のアイテムを表示するには、「少なく表示」を覚えておく必要があります。したがって、ユーザーは細部に気を取られることなくメインフォーカスに集中できます。

リストビュー表示での簡易表示:[もっと見る]を1回クリックすると、1ページに多くの項目が表示されます。

したがって、「あまり表示しない」のすべての使用法は、周囲の状況に応じて評価する必要があります。

1
WeSee

あなたが対話できるが、一方向にしかできないインターフェースを持つための代替手段は何ですか?

つまり、情報の階層が与えられますが、高レベルのビューに折りたたむ唯一の方法は、情報を最初から再ロードすることです。

情報を展開するためのプラス/マイナスボタンのあるツリーは、これに適しています。

1
aybiss

[もっと見る]リンクだけを含むアプリケーションをいくつか見ましたが、[もっと見る]リンクを表示せずにリンクします。 IMOがテキストが多すぎて画面が乱雑になる場合は、両方を実行するオプションを提供します。 [もっと見る]リンクが一目でわかるようになっていることや、データが再び非表示になることを意図していることがあります。

1
JC Alvarez

「もっと見る/もっと読む/もっと詳しく」などの行動を促すフレーズは、状況に応じて異なります。項目別リストでは、「もっと見る」が必要です。ニュースアイテム/ブログの投稿には、「もっと読む」が必要です。製品の説明には「詳細」が必要です。

それぞれ、カウンターアクションの存在(表示を減らす)もコンテキストから派生する必要があります。ニュースストーリーまたはブログの投稿は、さらに読み物を公開する場合があります。場合によっては、読者が「もっと読む」という行動の呼びかけによってさらなるテキストが明らかにされたことを忘れて、「あまり見せない」アクションが役に立たなくなるほど長く続くことがあります。一方、製品の説明は、他の製品のリストに配置されている場合(製品比較などが範囲の一部である場合)、「表示を減らす」アクションは、他のコンテキストに関連する機能(たとえば、製品を比較するための単一のビュー。

0
Asaf Agranat

推測しないように、A/Bテストを実行して、何が最も効果的かをいつでも確認できます。次の可能な体験について考えてみましょう:

1)より多くの&show lessが存在し、テキストの一部はデフォルトで非表示になっています。 2)単にもっと表示する、テキストの一部はデフォルトで非表示になっています; 3)すべてのテキストが表示されますが、デフォルトでは「表示を減らす」だけが表示されます。 4)説明はデフォルトで表示されますが、説明を非表示/表示する機能はありません

ターゲット指標を選択し、ウェブサイトの実際のユーザーがどのように反応するかを確認してから、最高のコンバージョンにつながるバージョンを実装する必要があります。

テストにより、すべての推測作業を排除できます。

0
Helen Zhabko