it-swarm-ko.com

UI 모드 전환, 표시 / 숨기기

현재 엔터프라이즈 웹 앱을 개발 중입니다. 인보이스 입력 화면에서 UI 문제가 발생했습니다.

기본적으로 현재 송장 입력 화면은 다음과 같습니다.

Screenshot

기본 모드/상태 항목 입력 모드/상태 ( "항목 입력 전환"버튼을 눌렀을 때)

현재 항목 입력 방법이 다소 직관적이지 않다는 현재 문제.

인라인 편집은 모듈을 플로팅하는 자동 완성 스타일이 복잡하기 때문에 항상 인벤토리 검색 및 선택 모듈이 있어야하기 때문에 거부됩니다.

어쨌든 현재 버튼 솔루션 이외의 직관적 인 화면/모드 간을 전환 할 수 있습니까?


4 자리 숫자를 표시하지 않고 가격을 표시하면서도 정확성을 유지하는 가장 좋은 방법과 같이 여전히 작업중인 것들이 여전히 있습니다. (일부 조언은 좋을 것입니다)

2
vener

직관적이지 않다는 것을 어떻게 알 수 있습니까? 정확히 어떤 행동을하고 있고 무엇을 말하는가?

그들이 단순히 버튼을 찾지 못하면 주요 문제는 버튼 레이블이라고 생각합니다. 사용자가 인보이스 항목을 추가해야 할 때“뭔가 전환해야한다고 생각하지 않습니다. 그들은“제품을 추가하거나 편집해야합니다”라고 생각하고 있습니다. 대신 "제품 입력"을 시도하십시오. 사용자가 다른 "토글"기능을 찾는 데 어려움을 겪고 있다면 이것이 문제 일 수 있습니다.

일반적으로 텍스트 레이블이 아닌 그래픽 디자인으로 제어 조치를 표시하려고합니다. 예를 들어, 버튼 끝에 레이블 끝에 위쪽 화살표 또는 + 부호 또는 닫힌 Java-Swing 스타일 탭을 추가하려면 입력 창이 열려있을 때 아래쪽 화살표,-기호 또는 열린 탭으로 교체하십시오. 또는 버튼을 토글 버튼으로 만듭니다. 이 경우 사용자가 UI 동작을 예상하는 것이 중요하지 않을 수 있습니다. 사용자가 UI 동작을보고 버튼을 클릭하면 다음에 수행 할 작업을 알게됩니다.

또 다른 가능한 문제는 편집과 항목을 동일한 버튼에 결합하여 특정 논리가있는 것 같습니다. 그러나“입력”이라는 개념은 사용자가 생각하는 방식을 초월하는 추상화 수준 일 수 있습니다. 오히려, 그들은 추가 및 편집을 별개의 제어가 필요한 별개의 기능으로 생각할 수 있습니다. 따라서 별도의 추가 및 편집 버튼 (둘 다 동일한 창을 전환)이 있어야하며 추가 혼란으로 살아야합니다. 라벨의 경우 '제품 수정'과 '제품 추가'또는 '제품 삽입'을 시도합니다.

편집 할 가능성이있는 사용자에게 창을 표시하도록 기본 설정을 고려할 수도 있습니다.

내부 편집을 수행 할 수있는 방법을 찾을 수 없습니다.

3
Michael Zuschlag