it-swarm-korea.com

상호 관련 드롭 다운 선택을 처리하는 방법은 무엇입니까?

약 5-10 개의 선택 항목이있는 3 개의 드롭 다운이 포함 된 양식이 있습니다. 이 드롭 다운에서 선택은 밀접한 관련이 있으며 일부 순열은 유효하지 않습니다. 또한 사용자가 드롭 다운 중 하나에서 선택을 변경하면 다른 두 값의 현재 값이 유효하지 않을 수 있습니다.

내 디자인 문서에 따르면 현재 "유효하지 않은 조합을 선택하면 오류가 표시되어야합니다"및 "유효한 조합을 선택하는 데 도움이되도록 드롭 다운 목록에서 유효하지 않은 조합을 생성하는 모든 선택 사항이 드롭 다운에 표시되어야합니다. ".

나는 이것이 이것을 다루는 가장 좋은 방법이라고 설득력이 없지만 더 나은 대안을 생각할 수는 없다. 유효한 조합을 모두 포함하는 단일 드롭 다운으로 결합하는 것에 대해 생각했지만 다루기 어려울 수 있습니다.

다른 솔루션이 있습니까?

8
IanR

드롭 다운 사이에 주문 결정 할 수 있으면 솔루션이 비교적 쉽습니다.

각 드롭 다운 선택은 다음 (다운 스트림) 드롭 다운에서 선택을 재설정합니다. 또한 사용 가능한 필드를 해당 드롭 다운의 현재 선택에 맞게 업데이트합니다 (허용되지 않은 옵션은 전혀 표시하지 않음).

예를 들어 오래된지도 사이트를 고려하십시오. 주, 도시, 거리 만 선택할 수 있습니다. 주를 변경 한 경우 이전에 선택한 도시를 잃어 버릴 수 있습니다.

명백한 순서가 없음 인 경우 다음을 수행 할 수 있습니다.

  • 기존 선택과 충돌하는 새 값을 선택하지 마십시오.
    선택하기 전에 드롭 다운에서 이러한 옵션을 "저 조명"(놓으면) 사용할 수 있다고 가정합니다.

  • 문제가되는 새로운 값을 "낮음"으로 지정하면 사용자가 선택할 수 있습니다.
    그런 다음 새 값에 문제가 있음을 설명하는 대화 상자를 표시 할 수 있습니다.
    사용자는 다음을 선택할 수 있습니다.

    • 경고를 무시하고 무시합니다. 즉, 새 옵션이 선택되고 다른 드롭 다운에서 이전에 선택한 충돌 값이 재설정됩니다.
    • 대화 상자를 닫고 경고를 듣고 다른 값을 선택하십시오.
      .

    어쨌든 대화 상자에는 "선택 사항 기억"확인란이 있어야하므로 다음 번에는 사용자에게 버그가 발생하지 않습니다.

7
Dan Barak

수직 공간 부족 문제가 있음을 이해하지만 드롭 다운을 사용하지 않음을 시도하고 대신 목록 유형 요소를 사용하려고합니다 (여러 또는 라디오 입력 그룹 선택) )-한 그룹에서 다른 그룹의 옵션에 영향을주는 항목을 선택하는 동안 변경 사항을 볼 수 있습니다.

또한-최소한 a) 가장 일반적인 선택 세트에 대한 바로 가기를 제공하려고합니다. b) 모든 것을 다시 엔지니어링하려고합니다. 이 인터페이스는 "간단한"이라고 할 수 없지만 매끄럽게 할 수 있습니다. :)

2
Jüri

이것을 여러 번 보았으며, 명백한 것은 잘못된 조합을 '허용하지 않는 것'이지만 몇 가지 단점이 있습니다.

  1. 중간 단계가 모두 '허용되지 않기'때문에 유효한 조합으로 전환하기 어려울 수 있습니다. 예 : A/B 및 C/D를 선택할 수 있고 A 만 C와 B를 사용하여 A를 허용 한 경우 드롭 다운이 다른 선택으로 전환되지 않기 때문에 사용자는 A + C에서 B + D로 전환 할 수 없습니다. 이것은보다 복잡한 시스템에서 특히 문제가 될 수 있으며, 사용자가 어떤 조합이 허용되지 않는지 잘 모르는 경우; 법적 중간 단계를 찾는 것은 시행 착오로 귀결 될 수 있습니다.
  2. 허용되지 않는 이유는 모호 할 수 있으며, 사용자가 자신의 선택이 유효하지 않은 이유를 사용자에게 알리고 자합니다.

내가 제안하는 것은 잘못된 선택을 허용하지 않는 것입니다. 귀하의 사양은 허용되지 않아야한다고 말하지 않습니다. 저 조명은 동일하지 않습니다. 불법 선택은 법적 선택과 구별하여 강조 표시하되 선택하도록 허용하십시오. 이것을 불법 조합이 선택 될 때 나타나는 메시지 영역과 결합하여 이유를 제시하고 대안을 제안하십시오 (사용자가 다음 단계로 진행하지 못하게 함).

선택 사항을 순서대로 분류 할 수 있으면이 모든 것이 무효가됩니다. 그러면 선택 사항을 순서대로 제시하고 각 선택 사항이 제시 될 때 불법적 인 선택 사항을 허용하지 않는 것이 훨씬 더 합리적입니다.

2
DJClayworth

일부 선택 사항이 유효하지 않은 경우 선택 사항을 표시하지 않아야합니다. 이렇게하면 사용자에게 오류가 표시 될 가능성이 줄어 듭니다.

웹 앱 용인 경우 JavaScript를 사용하여 선택에 따라 잘못된 선택을 제거하십시오. 첫 번째 드롭 다운이 사용 된 후 적절한 옵션으로 두 번째 드롭 다운을 점진적으로 표시하십시오. 세 번째로 서버 측 유효성을 검사하고 서버 측 유효성 검사 후 유효성이 검사되지 않는 경우에만 오류를 표시해야합니다. JavaScript가 비활성화되었거나 의도적으로 양식을 우회하려는 사용자 만 오류를 볼 수 있습니다.

데스크톱 앱의 경우 동일한 유형의 원칙을 사용하십시오.

1
Virtuosi Media