web-dev-qa-db-ja.com

ダイナミックなフォームデザイン

Rails app ..に複数ステップのフォームを設定しています。私のステップの1つでは、ユーザーは友達の名前、誕生日、性別、個人の興味を入力できます。

彼らは好きなだけ友達を入力できます(各友達は同じ4つの属性を持っています)。これを達成するための最良の方法は何ですか?

このスクリーンショットをチェックして、私の質問をすばやく簡単に説明してください。

enter image description here

3
Nelson Keating

スクリーンショットのロジックは問題ありません。レイアウトはひどいです:)。性別ドロップダウンは特にいい感じです:)。

mockup

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

これを行う別の方法は、常に空白のフォームを準備しておくことです。次に、ユーザーが別のエントリを追加する場合は、フォームを使用し、[保存]を押すと、新しい空白のフォームが下部に表示されます。次のステップに進むボタンを除いて、[保存]または[完了]ボタンがないため、現在のUIにうまく適合しません。

あなたはそれをテーブルで行うことができますが、リストはどの場合でも行が非常に大きくなることを意味するので、フォームを使うこともできます。

2

保険フォームに記入するとき、彼らはしばしば「何人追加したいか」と尋ねることから始めます。これはうまくいくようです。その後、フォームを何度も表示し、そのたびに見出しを変更します。不利な点は、それが少し固い感じがするということです。

または、ブラウザとは異なり、最後のタブとして「新規追加」アイテムを含むタブ付きインターフェースを使用します。ほとんどの人は、これを実現するためにタブ付きブラウザインターフェースを十分に利用していると思います。これは、フォームを再表示する方法によって異なります(私はRails personではありません)。

彼らが含める義務がある数に合理的な制限はありますか?彼らは本当にFacebookの友達リストに300人すべてを含めるつもりですか?または、1つまたは2つだけを追加する責任がありますか?これは、適切なインターフェース形式に影響を与える可能性があります。

0