ユーザーは％または$を選択します
私は電子商取引アプリケーションに取り組んでおり、このシナリオに何度も遭遇しました。ユーザーは金額を入力する必要があります。金額は、ドル（任意の通貨）またはパーセントで入力できます。問題の核心は、$が左側に行き、％が右側に行くことです。
一部の通貨では記号が右側に配置されていますが、私たちの主要なユーザーベースでは、左側に配置されているUSDを使用しています。
私が考えることができるオプションは次のとおりです。
- 左側のドロップダウン
- 右側のドロップダウン
- 左側のラジオボタン
- 右側のラジオボタン
- ラジオを分割する
すべてのオプションを見る ここ ： 
これらはどれも私には正しくないようです。 UIのアイデアは？
私は別のオプションを支持したいと思います。ユーザーが固定マークアップを選択した場合、
- 価格値上げ：fixed|割合
- マークアップ金額：$
パーセント値のマークアップが選択されている場合：
- 価格の値上げ：修正済み| パーセンテージ
- マークアップ率：％
これにより、フォームが少し長くなったとしても、ユーザーに何が起こっているかが少しわかりやすくなります。 （また、マークアップタイプを切り替えてもマークアップ値が変更されないことを確認してください。個別に追跡するか、トグルでクリアします）。
編集：それを引き離すための水平方向のスペースがある場合は、このようなものも機能する可能性があります：
固定マークアップ：$ または割合マークアップ：％
たぶん、ユーザーが片側に何かを入力した場合、反対側をぼかしてクリアします（ユーザーが値をクリアした場合はぼかしをクリアします）。
固定マークアップ：$ またはパーセントマークアップ：％
固定マークアップ：$ または割合マークアップ：％
この方法では、ラジオボタンのクリックが不要になります（値のある側がそれを取得します）。
EDIT2：いくつかの簡単なモックアップ ここ 。単一行のものは、ユーザーのクリックを節約します。 2行の場合は、ユーザーが明示的に選択する必要があります。
すべて考慮に入れて、私は金額単位は単位金額より普遍的なパターンだと思いますが、£6が慣例です。
5ドルではなく5ドルと言うので、ユーザーはすべての通貨の記号を知っているのでしょうか（トリビア：₪）。
通貨も単語で入力すると、通貨記号をデコードする必要がなくなるだけでなく、ユーザーがキーボードで入力して目的の値をすばやく選択できるため、タスクの完了時間を短縮することもできます。
したがって、右側にユニットがあり、単語が含まれていることを選択しました（おそらくドロップダウンが開いたときのみ）。
ここでの重要な観察は、ユーザーがドルORパーセントを入力する必要があることです。
ユーザーが両方を入力するとどうなりますか？これによりエラーが発生しますか？一方が他方より優先されますか？これは、ユーザーが行うことを積極的に停止したいもののようです。
オプション4が正しいようです。相互排他的な選択は、ラジオボタンを使用する必要がある場所（ https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/ ）であり、人々は左から右に読むため、最初に入力する番号のコンテキストを選択する必要があります。
しかし、私はあなたのシステムがどのように機能するかを十分に知りません。 ％を入力すると同等の金額が得られますか？この場合、両方を一度に表示することはデザインの必要な部分であると思われ、中止する必要はありません。この場合、元の方向に向ける必要があります。決定的な答えは、ユーザーのコンテキストを理解せずに与えることはできません。
私見、標識の位置よりも重要なのは、現在のアプローチの摩擦の量です。これについて考えてください。ユーザーに固有のオプションを提供する代わりに、以下を提供します。
- ランダムな金額：ユーザーは任意の金額を入力できる場合があります
- 紛らわしい兆候：ユーザーはパーセンテージまたは通貨を使用する場合があります
- 紛らわしい記号+金額：ユーザーは金額が固定されていると考えて金額を入力し、割合を選択できます。例：$ 30は30％と同じではありません
また、ユーザーが好きな金額を入力して、その上で固定金額か割合かを選択できるサービスがどのようなサービスになるかわからないので、ここにはさらに多くの情報が必要ですが、パーセンテージの場合、それらは何かのパーセンテージであり、ランダムにすることはできません。
要するに、より多くの情報を除いて、ここに私が提案するものがあります：
- 価格の定義を開始します。価格を知らずに誰も何かを購入することはありません。
- パーセンテージを自分で設定し、それらを設定オプションとして提供します（例：製品の価格が50ドルの場合、
$12.5, $25, $37.5, $50は25％刻みで） - 1つの方法で配置されたままにします：固定量または割合、ユーザーを混乱させないでください
- ユーザーに考えさせないでください！
そして、何らかの理由で本当に、本当に本当に、パーセンテージまたは固定金額を選択する必要がある場合は、stepperを使用してください、どの方法を使用するかをユーザーが事前に決定します。このように、ユーザーがパーセンテージを選択すると、% sign。それ以外の場合は、$ sign。このようにして、金額を検証することもできます。
それから、私はこれについて本当に考えて、1つの方法だけで行くことを勧めます。そして、あなたが選ぶどんな方法でも、決して、決して、決してそれをランダムにしないでください
後で国際化を計画している場合は、「通貨記号は左側にあります」は正しくないことに注意してください。例10€。