web-dev-qa-db-ja.com

ノブを回して増加させる方法はどれですか?

私は、時計回りと反時計回りに回して量を増減できるスキューモーフノブを備えたアプリを作成しています。

しかし、正しい方向は何ですか?国や地域によって文化の違いが大きく、利用状況によっても大きな違いがあると思います。

私はデンマークに住んでいます。「すべての」一般的なラジエーターには、熱を上げるためのノブがあります。熱を上げるには、反時計回りに回す必要があります。これは単にラジエーターのようなものか、デンマークのものだけかもしれません。

私が作成しているアプリがwifiを介してラジエーターを制御しているとしましょう。ローカルの基準に従うべきですか、それとも単に「正しい」グローバルな方法を決める必要があるのでしょうか。

82
astalabandi

機械的な違いのように、文化的な違いがあるかどうかはわかりません。ラジエーターサーモスタットは、時計回りにねじ込むことによって締め付けられ、反時計回りにねじ込むことによって緩められるバルブメカニズムです。つまり、バルブを反時計回りに回してバルブを緩め、ラジエーターに温水を入れます。

電気デバイスのノブとダイヤル(オーディオの音量、時間、速度などを変更する場合)は、ほぼ普遍的に反対方向に機能し、時計回りに回すと値が増加し、反時計回りに回すと値が減少します。この増加/減少は通常、左から右に、最低値から最高値まで線形目盛で視覚的に表されます。

古いスタイルと最新のデジタルおよびアプリベースのサーモスタットを含む電気サーモスタットコントロールは、電気に追従する傾向があります(反時計回り/左は熱を減らし、時計回り/右は熱を増やします)。

197
Matt Obee

あなたの質問への直接の回答は他の人によってカバーされていると思いますが、ユーザーに視覚的なヒントを提供することは有益かもしれません。たとえば、カーヒーターでは、ノブを動かすと変化が視覚的にわかります。

Car Temp Knob

別の解決策は、垂直スライダー/ボタンを使用することかもしれません。そこでは、上昇がより明確に温度を上げることを意味するかもしれません。

153
Christophe

ここを利用する良いことは number line です。数直線は、ほぼ普遍的に左から右に増加します。この類似性を使用して、アプリケーションが扱う「もの」の量を増減する方法を明確にユーザーに示すことができます。

回転ノブ

回転ノブの問題(これからタップモデル)は、数直線を中央で上または下に曲げて、質問が曖昧にしようとしていることです。解決する。 knobs with center up and down turn opposite directions for "plus"

タップモデルのもう1つの問題は、マウスでの使用が非常に難しいことです。

リニアノブ(*)

photo of sliders on audio mixer

直感的でマウスで簡単に使用できるオプションは、線形の増減ボタンです(これからサウンドミキサーモデル)。 Windowsのサウンドボリュームコントローラーについて考えてみます。

Windows volume control vertical track bar

水平線のつまみを使用すると、数直線を直接利用する機会が得られます。

縦線ノブを使用すると、「p」を「more」および「-」に関連付けることができるという事実を利用できます。 down」と「less」。それでも、サイドバーには常に(+)または(-)を表示できます。 0、1、2、…、10; -5、-4、…、0、…、4,5;制御したいものを増減する方法をユーザーに客観的に示すため(プラスの方向に太くなる長方形の三角形も機能します)。

Vertical and horizontal track bars

スキューモーフィックなノブの場合、それは実際にはどのような「もの」が制御されるかに依存します。

ほとんどの「材料」流体は、タップモデルを使用して機能します。

ただし、電気的または類似のものについては、両方のオプションが現実の世界で使用されているため、この場合、線形の変形ノブを使用できます。

それでも、設定オプションはいつでもユーザーの手に渡ることができます。私が提供するソリューションは、原則としてデフォルトとしてのみ使用する必要があります。

[〜#〜] ps [〜#〜]:右から左への表記(アラビア語など)または上から下への表記を使用する国でナンバーラインを検索することができます(中国語のように)それを解釈する別の方法があるかどうかを確認します。ただし、これらはオペレーティングシステムのグローバリゼーションクラスを使用して修正でき、増加/減少方向のデフォルトを自動的に設定できます。


(*):Visual Studioではトラックバーと呼ばれます。他の多くの点ではsliderです(wizzwizz4によるコメントから)。


[〜#〜] edit [〜#〜]:機械式またはこの場合は熱機械式の場合、レバーをスキューモーフィックノブとして使用し、2番目のオプションを利用できます。

21
J. Manuel

一般的な動きのパターンを作成することで、ユーザーを混乱させることなく、好きな方法でノブを視覚的に作成できると思います。私が使用したほとんどのオーディオ制作ソフトウェア(つまり、多くのことを実行する多くのノブがあり、それらがすべて長いスライダーである場合、画面スペースの点で手に負えなくなるようなソフトウェア)ノブには単に「上」と「下」があります。ノブをクリックまたは押すと、上に移動すると増加し、下に移動すると減少します。その時点では、視覚ノブが回転する方向は関係ありません。ユーザーは知っているだけで、上に移動すると増加し、下に移動すると減少します。

Softtube Tape Effect Plugin

画像ソース

このアプローチの最大の利点は、マウスや指で行う方がより自然な動きであり、非常に一般的であることです。これまでに使用したすべてのソフトウェアシンセサイザーは、このパターンを使用しており、ユーザーに関係なく直感的です彼らが実際にどのような種類のノブに慣れているのか。

安全のために、アプリの予告編または最初のチュートリアルの一部として、ノブコントロールのビデオデモ(上記のgifなど)を考慮して、ユーザーが直線的にスライドする必要があることを前もって知って、ノブを実際に回転させます。

13
wavemode

慣習の中には地域の慣習に影響されているものもあれば、特定の分野やフレームワークに固有のものもあります。

たとえば、数学の分野では、反時計回りに正の方向が割り当てられ、時計回りに負の方向が割り当てられます。アプリが望遠鏡の角度を制御している場合は、この規則に従うのが賢明です。

In the field of mathematics and physics, counterclockwise rotation is positive and clockwise rotation is negative

3次元では、正の方向は回転平面に垂直な軸の方向によって示されます。

enter image description here

また、アプリケーションがスマートフォンにあるジャイロスコープなどのセンサーで動作する場合にも、この規則に遭遇します。

Sensor.TYPE_GYROSCOPE:

すべての値はラジアン/秒であり、デバイスのローカルX、Y、Z軸を中心とした回転速度を測定します。座標系は、加速度センサーと同じです。回転は反時計回りの方向に正です。つまり、Originに配置されたデバイスでx、y、またはz軸の正の位置から見ている観測者は、デバイスが反時計回りに回転しているように見える場合、正の回転を報告します。これは正の回転の標準的な数学的定義であり、前に与えられた回転の定義と一致しないことに注意してください。

このアドバイスは、主に科学/技術アプリケーションを対象としています。すべての場合において、類似のアプリケーションにすでに支配的な慣習があるかどうかを検討する必要があります。たとえば、サーモスタットの主要な規則は、時計回り=高温です。温度制御については、科学的なアプリケーションにおいても、この慣例に従うと思います。

8
Scott Lawson

世界中に違いがあります。ここイギリスでは、時計回りの動きが増加していると一般的に認識していますが、デンマークでは反対のことが当てはまります。

国際的な聴衆のために何かを構築している場合(または、ある時点で国際的な聴衆にリリースされる可能性があるもの)は、文字盤と非言語的な手がかりがあり、ダイヤルしたときに何が起こるかを示すことができれば問題ありません。になっています。これは、スケールとアイコンを使用して簡単に行うことができます。

編集@MattObeeからのメモの後(下のコメントを参照)パラダイムはまだ時計回りに増加しているが、増加している値があなたが思っているものとは異なる場合があります。この場合、温度ではなく、バルブの締まり具合が上昇している可能性があります。

3
Andrew Martin

ユーザーエクスペリエンスの観点から厳密に言えば、人々がラジオをどのように使用するか(または、私のように年をとっている場合はテレビ)についてのみ考えてください。

  • 時計回りに音量を上げ、ステーションをより高い数値または周波数に進めます。

  • 反時計回りに音量を下げるか、ステーションを低い数値または周波数に後退させます。

それが人々が最も期待する条件です。

流体バルブとガスバルブは、状況に応じて異なると思います。時計回りに回すと水バルブが流量を減らし、ラジオつまみがボリュームを上げるのはなぜですか?またはデジタルの世界では、バルブのようなメカニズムは考えません。

おそらく、昔ながらのテレビとラジオに感謝します。古き良き時代、ラジオは文字列を使用して、周波数チャートに沿ってポインターを動かしていました。英語を話す人(そして他の多くの人)が左を読んだので、右に動かすと、ポインタは右に移動して高い数値を見つけるように設計されました。ノブを左に回してポインタを右に移動しても意味がありません...したがって、時計回りに大きい方がおそらく生まれました!

3
JBH

ラジエーター用のアプリを作成している場合は、その特定のラジエーターを確認し、同じ方向を使用していることを確認する必要があります。ソフトウェアは、制御している物理的なノブをどの方向に回転させるかを知る必要があるため、これは問題になりません。

しかし、私はあなたがこれを単なる例として意味したと思います。一般的には、ユーザーに明確に伝えるようにしてください。

他の回答は、明示的にすべてを述べている場合、これを十分に強調していないと思います。ユーザーが知っていると想定しないでください!

これまでのところ、この質問の膨大な量の回答により、方向性が明白ではないことが明確になり、何かが完全に明白でない場合は、優れたUIがユーザーを支援します。

2
Nobody

結局のところ、答えは「時計回り」という言葉にありませんか?時間は一方向にのみ経験されます-それは進歩し、それに応じて値が増加します。私の考え方では、これが最も自然な見方です。

2
Simon Drew

オーディオレコーディングの過去の学位とキャリアを持ち、右折投票に追加されたUI/UXデザイナー... :)右折=増加し、ユーザーに増加を明確に示す:)

enter image description here
enter image description here
enter image description here
enter image description here

0
EricPowell