web-development-kb-ko.site

2 단계 작업 및 버튼 규칙

우리의 웹 응용 프로그램에는 다음과 같은 세 가지 작업이 있습니다.

  1. 사용자에게 다른 설정이 선택된 팝업이 표시됩니다.
  2. 사용자는 작업이 표시된 버튼 (예 : "병합") 또는 "취소"를 클릭 할 수 있습니다.
  3. 사용자가 응용 프로그램을 진행하면 잠시 시간이 걸릴 수있는 작업을 처리하고 발생하는 작업을 요약하는 또 다른 팝업이 표시됩니다. 이 시점에서 작업이 커밋되지 않고 사용자가 진행 또는 취소를 선택할 수 있습니다.

이것은 우리의 세 가지 작업이 정렬되지 않은 곳입니다. 어떤 경우에는 Continue/Cancel을 선택하고 다른 경우에는 Done/Abort를 선택하고 마지막으로 Finalize/Cancel을 선택합니다.

이 중 가장 좋은 것은 무엇입니까? 더 나은 대안이 있습니까? 그렇다면 어떤 주장이 있습니까?

3
carrier

나는 일반적으로 이와 같은 일반적인 버튼 레이블을 피하고 가능한 한 구체적으로 노력합니다. 귀하의 레이블은 나에게 "데이터베이스 -y"라고 느끼고 매우 추상적 인 도메인 (예 : 데이터베이스 편집기)을위한 프로그래머가 디자인 한 도구를 상기시킵니다.

더 자세한 내용은 확인/취소 버튼 위치 관련이 관련 질문을 참조하십시오.

확인/왼쪽/오른쪽 취소?

내 대답에, 나는 Jakob Nielsen의 OK/취소 버튼에 대한 연구 에 연결했습니다.

일반적인 라벨 (예 : "OK")을 사용하는 것보다 버튼 이름을 지정하여 기능을 설명하는 것이 좋습니다. 명시 적 레이블은 "Just-In-Time Help"로 기능하여 사용자에게 올바른 조치를 선택하는 데 더 많은 확신을줍니다.

예를 들어 몇 가지 예는 다음과 같습니다.

또한 대안을 남겨 두는 것도 고려할 수 있습니다 . 어떤 경우에는 이것이 의미가 있습니다. 사용자가 무언가를 구매하거나 많은 양의 데이터를 포함하는 CRUD 작업과 같은 중요한 약속을 할 경우 "취소"옵션을 포함하는 것이 좋습니다.

그러나 트위 팅과 같은 간단한 작업의 경우, 특히 커밋 작업 후 사용 가능한 롤백이 쉬운 경우에는 명시 적으로 "취소"버튼을 사용하지 않는 것이 좋습니다. 일반적으로 계속하지 않으면 아무 것도 커밋하지 않습니다.

예를 들어 "Add Comment"단추 만 있고 양식을 숨기거나 취소 할 수없는 StackExchange의 주석 양식이 좋은 예입니다. 코멘트를 추가하고 싶지 않습니까? "댓글 추가"를 클릭하지 마십시오!

10
Rahul

wizard처럼 들립니다. 예를 들면 다음과 같습니다.

  1. 사용자가 병합 기능을 시작합니다
  2. Merge 라는 제목의 팝업이 나타납니다.
    명령에 대한 설정과 Next >Cancel 버튼.
  3. 사용자가 설정을 변경하고 Next >.
    응용 프로그램이 잠시 동안 작업을 처리합니다.
  4. 마법사의 다음 페이지가 나타납니다. FinishCancel 버튼이 있습니다.
    사용자가 Finish을 클릭하면 작업이 완료됩니다. Cancel은 모든 것을 취소합니다.

다른 접근 방식은 한 단계 프로세스로 만들지 만 실행 취소를 허용하는 것입니다. 작업에 따라 가능하거나 가능하지 않을 수 있습니다.

  1. 사용자가 병합 기능을 시작합니다
  2. 명령 설정과 MergeCancel 버튼이 포함 된 팝업이 나타납니다.
  3. 사용자는 설정을 변경하고 Merge를 클릭합니다.
    응용 프로그램이 잠시 동안 작업을 처리하고 완료합니다.
  4. 화면에 작업 결과가 표시되고 Undo 버튼이 포함됩니다. 사용자가 Undo을 클릭하면 작업이 되돌려집니다.
3
Bennett McElwee

내가 만들고 싶은 두 가지 점 :

1) 두 번째 화면 (요약 포함) 후에 실제 병합 프로세스가 시작되면 "병합"단추가 해당 두 번째 화면에 있어야합니다. 첫 번째 버튼에서는 "미리보기 병합 결과"와 같은 버튼이 표시되어야합니다. 이는 사용자가 시작한 프로세스 흐름에서 사용자가 얻게되는 다음 결과이기 때문입니다.

2) 이것은 일종의 오싹한 제안이지만 첫 번째 화면에는 "미리보기 병합", "취소"및 "미리보기없이 병합"이라는 세 개의 단추가있는 것이 좋습니다. 이렇게하면 자신이 무엇을해야할지 알고 통계를 기다리지 않고 결정을 내리려는 사용자의 시간이 절약됩니다. 그냥 생각 ...

0
Jüri

병합을 클릭 한 후 실제로 "병합"을 수행하지 않으면 병합이라고 부를 수 없습니다.

다단계 양식에서 사용되는 것은 계속/제출 규칙입니다. 계속은 다음 단계로 진행해야 함을 의미하지만 아직 일부 약속이 있음을 의미하지는 않습니다.

온라인 상점의 경우, 체크 아웃을하려면 주소 및 지불 세부 사항을 제공하는 몇 가지 양식을 진행해야합니다. 주문을 확인할 수있는 페이지가 될 때까지는 "주문하기"또는 "구매하기"버튼이 사용됩니다.

"미리보기 병합"또는 "계속"버튼을 사용하고 커밋 된 페이지에서 "병합 수행"또는 "제출"버튼을 사용합니다.

0
Nick Bedford