web-dev-qa-db-ja.com

高速データ入力のためのフォーム入力タイプ？

だから、私は3つのフィールドを持つ項目のリストがあるデータ入力を行うためのフォームを持っています。各項目の最初の2つのフィールドは5つのオプションからの複数選択です。3番目のフィールドは単純なコメントテキストフィールドです。最大50行のアイテムを含めることができます。

このデータ入力フォームのユーザーは、1つのセッションで複数回使用することが予想され、専門家と見なされる可能性があります。つまり、これは一般大衆が使用するインターフェースではありません。

これは私がこれまでに持っているものです：

mockup

download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム

検討中の代替インターフェースは次のとおりです。ここでは、ドロップダウン選択の代わりにラジオボタンが使用されます。

mockup

bmmlソースをダウンロード

このデータ入力フォームとは別に、アップロード/インポート関数も存在する可能性があります。

これを行うためのより良い方法についての提案はありますか？

formsgui-designdata-tablesefficiencyspeed
6
Erics

専門家がデータを入力するための最速の方法を探している場合は、キーボードナビゲーション（-===-）によるキーボード入力に集中する必要があります。

AlphaとBetaの名前を「Alpha（1-5）」と「Beta（1-5）」に変更し、それらを1-5に制限されたテキスト入力領域にします。他の番号が使用されていないことを確認するために、クライアント側で何らかの検証を行う必要があります。次に、現在アクティブなフィールドが視覚的に明確であることを確認し、人々がフィールド間をタブで移動できるようにします。

わずかに変更されたオプション（ただし発見困難）は、1〜5の数字が対応するラジオボタンを選択できるようにし、フィールド間のタブ移動を許可します。これにより、エキスパート以外のユーザーがアクセスしやすくなり、エキスパートユーザーもすばやく入力できます。ただし、キーボード番号の入力についてそれらを教育することに対処する必要があります。

マウスを使用してデータ入力の速度がこれに近づくことはありません。

9
JohnGB

入力データの別の方法は、よりユーザーフレンドリーです（クリックするだけです）。あなたはそれを削除して一列に調整することができますalphaとbeta

0
Abdul Saboor

キーボードでは、最速のフローは次のようになります。

Focus on Alpha
1 Tab 
Focus on Beta
4 Tab
Focus on Gamma
foobar comment Tab
Enter
Change Focus to next row
0
curious_cat

最初の2つのフィールドのオプションは常に1〜5の値になりますか、それとも説明とワイヤーフレームは常に5つのオプションが存在すると言いますが、これらは各フィールドで異なりますか？

0
James