これらの特性を持つインターフェースの実行方法を理解するのに問題があります。
select
ケースを1つだけ「メイン」ケースにすることができます。これは非常に重要です。それについてだと思います。
現在のインターフェース:
HTMLとJSだけを使用して、次のユーザーインターフェイスを用意しています。
正直に言うと、それは少し不格好でぎくしゃくしていて、「しっかりとした」感じがありません。それは使用するのにかなり満足できるものではありません、それはバラバラになりつつある古い車を運転するような感じで、あなたはそれを適切に操作するためにいくつかの知識とスキルが必要であり、あなたが望む方法でそれを動かすには何をクリックするかを知っています。しかし、それは機能し、それは仕事をします。
直感的にわかりにくい点を説明するには...
Add Case
ボタンをクリックして新しいケースを追加できます。新しいケースは{前の最後のケースの数+ 1}として番号が付けられ、条件ボックスの右側に、ユーザーがすでに条件に入力した情報が表示されます。ボックス。ユーザーは入力したケースを編集することはできませんが、Xキーを押すと削除できます。Main
に選択できます。おそらくラジオボタンになるはずですが、コード化された方法では、チェックボックスであり、クリックするとAJAX=リクエストがサーバーに送信され、$_SESSION
varが設定されますこのケースがMain
であることを示します。注:この特定のフォームは、大きなフォームの一部です。
現在のUIは機能しているものの、明確ではなく、使いやすく、使いやすいとは言えません。
質問:
この質問で私が探しているのは、ユーザーと開発者の両方に役立つUIのデザインと機能です。
つまり、
Main
ケースを示す方法を明確にする私が今やろうとしているのは、HTMLフォームに必要な最小限のセットを使用して、必要なすべての情報を取得し、セッション変数に物を保存することなく、単一のSubmit
クリックで送信することです。それは今やっています。また、ケースを水平方向ではなく垂直方向に拡張し、単一の編集可能なウィンドウではなく、すべてを編集可能にすることもできます。また、どうすればそれらを並べ替え可能にするかわかりませんが、後で別の質問に入れることができます。再注文可能性は、使用できる多かれ少なかれ痛みのない標準機能だと思います。これが利用されるブラウザはMozilla Firefox(最新バージョン)です。
私はこの質問を見て、いくつかのスケッチを作成し、気が散り、@ dan1111が修正の大部分を説明していたことを確認するために戻ってきました。公平に言えば、ここで行われていることは、いくつかの設計規則の適用だけです。
最大のバリエーションは、ケースの追加/編集に関するものです。入力がテーブルのデータを反映するように提案しました。これは編集モードとしても使用できます。
開発者にとって物事をより簡単にすることについてのあなたのポイントについて:もちろん、目標は物事を開発者を含むすべての人にとって同じように明確かつ単純にすることですが、実際はWebが進化し、テクノロジーの潮流が高まるにつれて、優れたユーザーを提供するということです多くの場合、エクスペリエンスには、チェックボックスやラジオボタンよりも洗練されたコントロールや入力の利用が含まれます。これは完全に要約されています エベレットマッケイの優れた一連の記事「プログラマーのように設計しないでください」 、これをご覧になることをお勧めします。
いずれにしても、提案されたUIのワイヤーフレームは次のとおりです。
いくつかの提案: