web-dev-qa-db-ja.com

フォームテンプレート作成UIで多数の質問を処理するのに最適なエクスペリエンスは何ですか?

テキスト入力領域を持つテンプレートを作成するためのUIを設計する必要があり、ユーザーがテンプレートに質問を追加できるプロジェクトに取り組んでいます。ユーザーがテキスト入力と追加された質問を同時に表示できるように、追加された質問を一覧表示する必要があります。

同じページで質問を処理する方法に関する問題に直面しています。折りたたみ可能なアコーディオンモデルのテキスト入力領域の下にすべての質問を表示することを考えました。しかし、私はこれが多数の質問がある場合にUXの問題を引き起こす可能性があると思います。

このシナリオに取り組む最善の方法は何でしょうか?

私が試した大まかなUIアプローチを行ってください。

mockup

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

1
William Gilbert

自分が取り組んでいるプロジェクトの1つに同様の要件がありました。

したがって、このタイプのグリッドシステムとレイアウトを採用しました。これがクエリに役立つことを願っています。これは非常に基本的な構造ですので、私が間違っている場合はお知らせください。できる限りお手伝いします。

enter image description here

質問の追加に専用のページ全体がない場合は、このアプローチを試すことができます。メインブロックの高さを調整すると、ユーザーは左側から任意の質問にアクセスし、右側から新しい質問を編集または追加できます。 enter image description hereenter image description here

3
Anupam Pareek