0.5の増分ポイントスケールを使用した評価スケールのUI設計

Question

私は、1から5までの0.5の増分で10進数のポイントを考慮する評価スケールに取り組んでいます。これの使用は、評価/スコア付けです。以前の評価尺度では、この形式では1から5までの整数のみを考慮していました

ただし、0.5の増分を追加する場合、最も簡単な解決策は、それぞれがこれらの数値を持つ10個の円を追加することです。

1、1.5、2、2.5、3、3.5、4、4.5、5

いくつかの解決策を考えました

1. スケールスライダーを使用

短所：評価スケールの使用は評価またはスコアリングのためであるため、あまりうまく適合しません。したがって、スケールスライダーは、評価のための使用では簡単に理解できません。

2. 落ちる

3. ボタングループスタイル/ページネーションのようなスタイル

私はまだそれを提示するより良い方法を探しています。あなたが同様の何かに遭遇した場合、私はそれをより良くする方法についてあなたの考えをいただければ幸いです。

Answer 1

以前と同じように、標準の5ボタンのフルナンバーインターバルを常に使用できますが、ハーフインターバルを選択できます。そのようです：

ここに見られる例（所属はありません）： https://codepen.io/jamesbarnett/pen/vlpkh

このフォーマットを使用すると、半分のステップでの選択を可能にしながら、同じ量のスペースを取ることができ、コンポーネントを整理することができます。もちろん、必要に応じて、星の代わりに数値スケールを使用することもできます。