40 개의 필드가있는 양식의 UI

Question

약 40 개의 필드가있는 양식이 있습니다. 사용자가 데이터를 채우는 데 문제가 없도록 이러한 유형의 양식을 만드는 데 효과적인 패턴은 무엇입니까? 내가 생각할 수있는 한 가지 패턴은 다중 페이지 형식입니다. 다른 대안을 제안하십시오. 웹 양식을 다루고 있습니다.

Answer 1

양식을 깨는 것은 필수입니다. 사용자가 한꺼번에 40 개의 필드를 표시 할 수있는 압도적 인 UI 경험이기 때문입니다.

두 개 이상의 페이지로 양식을 분할하는 것이 좋습니다. 또 다른 아이디어는 양식의 "섹션"을 작성하여 AJAX의 세그먼트에 넣으므로 사용자가 프로세스의 각 단계를 진행합니다.

여기서 (http://css-tricks.com/ajax-load-container-contents/)는 jQuery를 사용하여 AJAX에서 HTML을로드하는 예제입니다. 양식 요소를 제외하고는 쉽게 같은 작업을 수행 할 수 있습니다.

Answer 2

예, 아마 두 개의 양식을 분리해야합니다.

Answer 3

여기서는 탭을 사용하는 것이 좋습니다. 필드를 관련 블록으로 분할하고 각 블록을 탭으로 만들 수 있습니다. 다음은 jquery를 사용한 탭 구현입니다.

http://jqueryui.com/demos/tabs/