약 20-25 개의 필드가있는 양식이 있습니다. 나는이 필드들을 한 페이지에 넣고 제출 버튼을 눌러 기능을 완성했다. 그러나 나는 페이지의 길이에 만족하지 않고 사용자가이 페이지를 사용하여 탈 집중화 된 것처럼 느껴져 누군가가 제안을 도와 줄 수 있습니까?20 개가 넘는 필드가있는 양식을 디자인하는 가장 좋은 방법은 무엇입니까?
답변
마법사
(문맥과 양식의 내용에 따라 다름) 당신은 무엇을 할 수은 관련이 될 때까지 양식의 일부를 숨기려고하고, 또한 오류가 더 쉽다. 예를 들어, 집 주소에서 성가신 스팸 메일을받을 수있는 양식에서 "나는 성가 시게하고 싶다"라는 상자를 틱하고 그 다음에 만 내 주소 데이터를 입력하는 필드 (거리, 우편 번호, 도시 , 등)가 나타납니다.
이것이 얼마나 효과적인지는 물론 양식의 컨텍스트에 따라 다릅니다. 아마도 이것에 관해 밝힐 수 있을까요?
액세스 할 수있는 구성 요소에 따라 논리적으로 그룹화 된 정보로 입력을 분할하고 프로세스 중에 진행률 표시 줄/격려를 표시하는 '마법사'를 만들 수 있습니다.
저는 개인적으로 평면 형태로 유지하고 싶습니다. 마법사는 덜 투명합니다.
2 페이지 마법사를 사용할 수 있습니다 : 첫 번째 페이지에는 필수 입력란, 선택 사항은 필수 입력란입니다.
필드를 제거 할 수 있습니까? 이 모든 정보를 수집해야합니까? 때로는 양식을 통해 정보를 수집하기도합니다. 적은 수의 사람들에게서 얻은 "좋은 정보"를 원하거나 더 많은 사람들로부터 절대적으로 필요한 정보만을 원한다면 전화를해야합니다.
수집하는 정보를 수동으로 입력하는 대신 예측/자동 검색 할 수 있습니까?
그룹에게이 형태
또한 단지 너무 오래 걸리지 않을 것이다 사용자를 안심 할 수 있습니다 단지 하나의 큰 짐승되지 않도록 함께 입력. 당신은 제목을 읽을 수 있습니다 : "지금 등록 - 단지 60 초 정도 걸립니다."
팀 내에서 많은 토론을 한 후에 우리는 모든 필드와 그 필드를 동일한 페이지에 유지할 것이라고 결정했습니다. 우리는 또한 그들을 분류 할 것입니다. 그러나 우리는 수직 스크롤을 줄이고 싶습니다. 그리고 나는 그것에 대한 제안이 필요합니다. (수직 스크롤을 최소화하는 방법)? –
양식의 크기를 줄이기 위해 할 수있는 일은 너무 많습니다. 레이블/필드를 가로로 배치하고, 글꼴 크기를 줄이며, 수직 공백을 제거합니다. ....하지만 때로는 스크롤을 사용했을 때보 다 모든 것을 "스크롤없이 볼 수있는 부분"위에 올려 놓으면 변경 사항이 유용성에 큰 영향을 줄 수 있습니다. – nailitdown
- 1. iPhone UI 디자인 질문 - 양식을 디자인하는 가장 좋은 방법은 무엇입니까?
- 2. CakePHP 1.3에서 암호 필드가있는 양식을 처리하는 가장 좋은 방법은 무엇입니까?
- 3. 100 개가 넘는 이미지가있는 UIScrollView
- 4. sqlite를 사용하여 1000 개가 넘는 레코드를 대량 삽입하는 방법은 무엇입니까?
- 5. 양식을 의사 소통하는 가장 좋은 방법은 무엇입니까?
- 6. 연락처 양식을 처리하는 가장 좋은 방법은 무엇입니까?
- 7. jQuery로 양식을 채우는 가장 좋은 방법은 무엇입니까?
- 8. 600 개가 넘는 연결을 가진 MySQL
- 9. 100,000,000 개가 넘는 레코드로 텍스트 파일 정렬
- 10. 빈 필드가있는 양식을 다시 표시하는 방법은 무엇입니까?
- 11. Junit 테스트에서 수정해야하는 개인 필드가있는 클래스를 테스트/디자인하는 방법은 무엇입니까?
- 12. 전문 PHP 데이터베이스 보고서를 만들고 디자인하는 가장 좋은 방법은 무엇입니까?
- 13. 데이터베이스 기반 테이블을 디자인하는 가장 좋은 방법은 무엇입니까?
- 14. 테이블별로 뉴스 레터를 디자인하는 가장 좋은 방법은 무엇입니까?
- 15. Cassandra-cli가 100 개가 넘는 결과를 반환합니다.
- 16. 몇 개가 넘는 파티션이 의미가 없습니까?
- 17. 사용자 입력을 수집하기 위해 복잡한 복잡한 웹 양식을 레이아웃/디자인하는 가장 좋은 방법은 무엇입니까
- 18. 100 개 이상의 입력 필드가있는 양식을 처리하는 가장 좋은 방법은 무엇입니까?
- 19. html로 복잡한 양식을 처리하는 가장 좋은 방법은 무엇입니까?
- 20. 내 양식을 리팩터링하는 가장 좋은 방법은
- 21. 내 데이터베이스를 디자인하는 가장 좋은 방법을 제안하십시오
- 22. 프로그램을 디자인하는 방법은 무엇입니까?
- 23. 1,000,000,000 개가 넘는 행으로 구성된 거대한 테이블을 보관하는 모범 사례
- 24. C#에서 양식을 전환하는 가장 좋은 방법은 무엇입니까?
- 25. 인쇄하거나 저장할 수있는 양식을 배포하는 가장 좋은 방법은 무엇입니까?
- 26. PHP 폼에서 전체 양식을 비활성화하는 가장 좋은 방법은 무엇입니까?
- 27. 양식을 다시 채우고 스크립트없이 오류를 표시하는 가장 좋은 방법은 무엇입니까?
- 28. 게시판 형식으로 출력 양식을 캡처하는 가장 좋은 방법은 무엇입니까?
- 29. ASP.NET MVC에서 양식을 작성하는 가장 좋은 방법은 무엇입니까?
- 30. Rails에서 페이징 된 양식을 작성하는 것이 가장 좋은 방법은 무엇입니까?
"개인적으로 그냥 플랫 폼으로 유지하고 싶습니다. 마법사는 덜 투명합니다." –
를 설명하십시오. 의미는 다음과 같습니다. 분리하거나, 분해하거나, 멋진 것을 추가하지 마십시오. Daan이 말한 것은 의미가 있지만, 나는 다르게 할 것입니다 : 옵션 필드를 모두 폼의 맨 아래쪽으로 옮기고 멋진 트릭없이 간단한 폼 하나를 유지하십시오. 각 필수 입력란을 (예 : 빨간색 별표와 함께) 표시하십시오. – Tobiasopdenbrouw
나는 나의 페이지를 헤어 지려하고 있었다. 마법사를 사용하면 어떻게 문제가 발생합니까? 귀하의 제안에 감사드립니다. –