身体測定値のセンチメートルを入力する最良の方法は何ですか？
私のWebアプリケーションでは、ユーザーは身体の以下の部分の測定値を保存する必要があります。
- 頭
- 首
- 胸
- ヒップ
- 足
データベースに格納されている値は、小数点以下2桁も格納できます。だから私はこれを求めるために3つの異なる方法で考えました：
オプション1：jquery-number-plugin.js
入力された数値を自動フォーマットし、浮動小数点値をサポートするテキスト入力。
ここで確認できます：http://jsfiddle.net/7nuA6/3/embedded/result/
オプション2：スライダー
0.5cm刻みのスライダー。実際の値を示しますが、この機能は例には含まれていません。ユーザーの性別やパーツ本体に応じて最小値と最大値を設定します。つまり、足は、たとえば15〜35 cmで構成できます。
ここで確認できます：http://jsfiddle.net/8GNrd/7/embedded/result/
オプション3：入力タイプ番号
最良の選択だと思います。数値を加算または減算する矢印が2つあり、必要な値を直接入力できます。悪い点はブラウザのサポートです： http://caniuse.com/input-number
ここで確認できます：http://jsfiddle.net/ZNKrb/66/embedded/result/
これらは私の質問です：
- ユーザーにとってより使いやすいと思いますか？
- 優れたブラウザサポートを備えた別の方法はありますか？
- ユーザーがメジャーを配置した後に設定する最適なデフォルト値は何だと思いますか？
[〜＃〜]編集[〜＃〜]：
最後に、私はこれを見つけました： http://bootsnipp.com/snippets/featured/buttons-minus-and-plus-in-input
質問1の場合、オプション2（スライダー）を除外します body image 。スライダーを右にスライドさせると、太っていると感じます。極端なサイズの人（いずれにせよ）は、衣料品サイトのサイズのリストに自分のサイズが含まれていない場合よりも、ウェブサイトが彼らを助けていないというより大きな意味を持つかもしれません。衣料品のサイトでは、自分のサイズが含まれていない衣料品店がたくさんあることを知っているので、サイズが含まれていない店舗のサイトを意図的に訪問したかどうかはわかりません。私の意見は、特定の対象者を対象とする衣料品店よりも、すべてを対象とする一般的な身体測定アプリの方が問題だと思います。
この質問に関する具体的な出典はありませんが、About Faceには、倫理的相互作用の設計に関するセクションがあり、次のように述べています。
「製品は誰にも害を及ぼすべきではなく、現実世界での生活の複雑さを考えると、少なくとも害を最小限にするであるべきです。」
著者はさらに、対人関係、心理的、身体的、環境的、社会的/社会的の5種類の害を挙げています。スライダーでサイズを調整できない人は、対人関係の危害（「尊厳、侮辱、屈辱の喪失」）や心理的危害（「混乱、不快感、欲求不満、強制、退屈」）を引き起こす可能性があります。 ser Experience Professionals Associationの行動規範 には、同様の「害を及ぼさない」という記述が含まれています。
（補足として、ピーター・モービルとルイス・ローゼンフェルドは、情報アーキテクトのための倫理の完全な章をWorld Wide Webの情報アーキテクチャで提供します。）
したがって、他の2つのオプションは残ります。
数値以外の値を入力して、オプション3（入力タイプ：数値）をテストしました。価値はそこにとどまった。コントロールで許可されている場合は、入力フォーカスが失われたときに値を変更すると、よりユーザーフレンドリーになると思います。
オプション1はignores非数値入力であり、ユーザーは入力した内容を見ることができないため、制限が多すぎると思います。理想的には、私にとって、非数値入力は画面に短時間表示され、次にゼロなどの適切なデフォルト数値に修正されます。 JohnGBの回答 数値のみのフィールドで数値キーストロークのみを受け入れるのは良い習慣ですか？ はこれについて話します。
上記のリンクにあるJohnGBの回答が示すように、理想的には、オプション1とオプション3の間の別のオプションを選択します。それが不可能な場合は、オプション1またはオプション3を選択し、エラーメッセージ（3が選択されている場合）がユーザーにとって意味があることを確認します。
質問2については、適切なブラウザーサポートを備えた代替案です。これは、開発関連の質問のほうが多いかもしれません。ここに誰も答えがない場合は、Stack Overflowを使用することをお勧めします。 SOでのこの質問への回答は、互換性のないブラウザ用のnumberポリフィルシムについて言及しています： https：/ /stackoverflow.com/questions/17976393/html5-input-type-number-not-working-in-firefox （私は自分でそのソリューションをテストしていません。）
質問3では、「平均」値を選択することをお勧めします。ただし、これにより、ユーザーはおそらく正しくない値でセットアップを続行できます。それはまた、平均的なものに対する人々の認識のために、身体イメージ/倫理への懸念を再び引き起こします。定義上、平均的な人よりも大きい人の50％（実際には平均的な測定値である人を除いて-他のいくつかの衣料のサイジング方法よりもcmの可能性は低い）、それによって侮辱されると感じるリスクを負う人。
したがって、そのことを念頭に置いて、質問3では、デフォルトとして無効な値を選択することをお勧めします。ゼロを入力するか、空白のままにして、ユーザーが次の画面に進んだ場合はエラーを表示します。ユーザーがこのフォームを初めて表示するとき、フィールドは空白でなければなりません。負の値は実際には意味がなく、Webアプリの実装モデルに人々を過度にさらします（Donald Norman、The Design of Everyday ThingsおよびEmotional Designも参照） 。どちらの場合も、ユーザーが正しいものを入力する必要があることを明確にしてください。続行するには、アプリから最大限のメリットを引き出すために、ユーザーにとって正しいことが理想的です。
質問1について。
スライダーで0.5 cmsのステップを維持すると、ユーザーが最初の試行で特定の値に設定するための追加の労力になります。さらに、キャプチャする5つの側面すべてに対してスライダーを異なる範囲構成で維持する必要があります（他の2つのオプションの範囲検証としても行う必要があります）が、使用頻度が高い場合は、値を入力するのがやや難しいようです。スライダーを設定するよりもユーザーフレンドリーです。
オプション1と3は本質的に非常に似ていますが、入力した値を編集する必要がある場合は、オプション3のステップ値を0.5 cmsに設定しているため、そのフィールド内のデータを操作する方が簡単です（上矢印キーと下矢印キー）のため、オプション1よりもユーザーエクスペリエンスの面で優れています。
質問2については、マットに同意します。スタックオーバーフローを試して、いくつかの本当に良い解決策を得ることができます。
質問3の場合。フィールドのデフォルト値は理想的な0にすることができます。最小値、最大値、または平均値を維持すると、脳が自動的に設定するため、ユーザーはサイズが大きすぎる/小さすぎるとユーザーが感じる可能性が高いためです。参考としての価値（ただし意識的にではない）。したがって、0を使用すると単純になります。ユーザーがレコードを送信すると、フィールドの0値の検証を非常に簡単に確認できます。