web-dev-qa-db-ja.com

プラス/マイナスまたは賛否両論の短い文章を表示する最良の方法

私は短い文章（箇条書き）で情報を持っています。各箇条書きは、製品に対する賛否両論またはプラス/マイナスになる可能性があります。それをうまく表示するための最良の方法は何ですか？

例えば：

+ Price is cheap

+ Many people bought this and found out that it is very easy to use

- It's somewhat ugly in design

- They don't have many retail locations yet

+および-は各行の弾丸の画像として表示されますが、見栄えが悪いようです。他の方法またはウェブデザインでこれを行う方法の例はありますか？

PDATE 1：いくつかのアイデアはありましたが、良い例は見つかりませんでした。どうですか：

  • 長所と短所と弾丸画像だけを言うサブヘッダー
  • テキストの色：赤vs緑？
  • 背景色：明るい赤vs明るい緑？

等...

Stackoverflowのその他の例（マイナスのマークとして-1を使用）。または、ポイントを使用するQuora/Digg。ダンノ...

更新2：

1つの重要な情報を追加しました：プラス/プロは常に一緒に行きます。マイナス/短所は同じです-すべて一緒にグループ化されます。

下のビジョンに基づいて矢を作ろうとする

enter image description here

更新3：

ポジティブとネガティブの潜在的なグループ化。

enter image description here

更新4：

赤と緑の左枠を使用して、賛否両論のセクションを宣伝します。次に、各行に薄いセパレータを付けます。

enter image description here

更新5：

長所/短所の2つのインジケーターを使用します。緑/赤の親指と「良い/悪い」という言葉です。また、各行を販売するための明るい色の箇条書き：

enter image description here

更新6：

長所/短所の2つのインジケーター：良い/悪い言葉と下線の色を使用します。

enter image description here

更新7：

長所/短所の2つのインジケーター：良い/悪い言葉と各箇条書きの色を使用します。

enter image description here

更新8：

赤/緑のシンプルなスマイリーアイコンを使用し、赤/緑の弾丸に垂直に配置します。

enter image description here

website-designgui-designiconslists
10
HP.

もしそうなら、ネガとポジを並べてみてください並べて。これにより、赤と緑のリストを並べて配置するのではなく、並べて配置したときに、ユーザーがすぐに明確な違いを確認できるようになります。したがって、直接比較の「良いもの」と「それほど良くないもの」のリストがあります。また、リストが積み重なっていると比較が難しいため、良い点が悪い点より多いかどうかを示すのにも役立ちます。それとは別に、コンテンツを強調表示するさまざまな方法のほとんどを理解したと思います。

注意事項：聴衆によっては、カラーリングを再考する必要があるかもしれません。異なる色は文化によって異なる解釈を持っています。

2
rk.

Update 2の箇条書きのスタイルは、トレンドを代表しすぎています。株価やその他のパフォーマンスモニタリングでこのタイプのインジケーターを確認して、最後の測定以降のネガティブトレンドのポジティブを表します。以下のNew Relicのスナップを参照してください。

enter image description here

更新3と5は、何らかの方法で投票したり、自分の意見を検討したりするように見えます。

私はそれを期待していませんでしたが、私は本当にpdate 8は、他のスタイルではそれほどはっきりしない、良いものと悪いもののバランスを判断する迅速な方法を読者に提供すると思います。どちらのリストが長いかを簡単に判断し、それに基づいて判断することができます。他の治療法では、「良い」が「悪い」を上回るかどうかは明らかではありません。

2
drawtheweb

一般的な発言をするのは難しい。しかし、「更新3」の例のように、賛否両論をグループ化します。一部のユーザーは短所や長所をすばやくキャッチしたいと考えています。 「更新2」の例では、冗長性が多すぎて（IMO）が雑然としています。

1
sysscore

私は、製品/サービスの信頼性または価値を構築することを意図しているそのようなリストにとって、最高の弾丸であることを発見しました。 ✓シンボルはUnicodeで提供され、テキストとして使用できます

だが

ブレットリストとして使用する場合は、イメージアイコンを使用する必要があります。 http://www.iconfinder.com/search/?q=tick

緑は印象のもう1つのポジティブレイヤーを追加するので、緑の目盛りに移動します。

1
Salman Ehsan

上向き矢印と下向き矢印をそれぞれ正のポイントと負のポイントに使用できます。

矢印は、株式市場の格付けに示されている三角形と同様に、塗りつぶされた三角形でなければなりません。

また、それらをプラス緑に、プラス赤にマイナスの表示を入力できます。 。

この画像を参照してください。弾丸はこのようにすることができます。

enter image description here

1
Miss Komal