웹 인터페이스 : 많은 정적 필드를 표시하는 좋은 방법은 무엇입니까?

Question

내 웹 응용 프로그램에는 많은 정적 필드가 표시된 페이지가 있습니다.

가난한 레이아웃은 항상 정보 과부하와 가독성을 초래한다는 것을 알고 있습니다.

내 질문 :

많은 정적 필드를 포함하는 화면 레이아웃에 대한 모범 사례 또는 추론이 있습니까?

보통 Bill Scott과 Theresa Neil의 excellent book을 참조 하겠지만이 문제에 대한 안내는 찾을 수 없습니다.

1. 그룹 관련 분야 : 여기
   내가 따라하는 경향이있어 몇 가지 지침입니다.
2. 주요 (또는 상위) 필드를 위쪽과 왼쪽으로 배치하십시오. 마이너 (또는 자식) 필드를 아래쪽과 오른쪽으로 배치합니다.
3. 모든 픽셀을 채우지 않아도됩니다. 가독성을 높이려면 공백을 고려하십시오.
4. 가능하면 progressive disclosure을 사용하십시오.
5. accordion control을 고려하십시오.

Answer 1

아마도 Details on Demand 접근 방식이 효과적 일 것입니다. 어떤 데이터가 사용자에게 절대적으로 즉각적으로 관련이 있는지 물어보고 다른 데이터를 숨기면서 그룹화하십시오. 사용자가 원하는 경우 세부 정보를 볼 수있는 '확장'링크 나 제어 기능을 항상 제공 할 수 있습니다.

는 (그것은 당신이 인터페이스 디자인 패턴을보고있는 것을 볼하는 것이 좋다. 그들은 종종 간과된다!)

Answer 2

나는 당신이 당신의 자신의 질문, 특히 진보적 인 공개에 묶여있는 중요한 분야의 그룹화에 대해 거의 대답했다고 생각합니다.

Answer 3

내가 HR 소프트웨어 작업이 문제를 여러 번에 직면했다. 축소 제어 또는 진보적 인 공개 패턴을 ​​도입 할 때 피드백에서 계속 볼 수있는 한 가지 사실은 사용자가 이러한 유형의 "웹 2.0"(단어들) 페이지가 인쇄되지 않는 방식을 좋아하지 않는다는 것입니다. 따라서 사용자 기반이 큰 페이지의 데이터 인쇄를 여전히 주장한다면 인쇄 매체 스타일 시트가 포함됩니다.

데이터 세트의 크기에 따라 일부 검색 기능이나 정렬 메커니즘을 심각하게 고려할 것입니다. 데이터 세트가 클 때마다 여러 사용자가 서로 다른 우선 순위를 가지며 사용자 지정을 허용하는 것이 광범위한 사용자를 만족시키는 유일한 방법입니다.