길고 다단계 마법사를보다 사용자 친화적으로 만들기 위해 무엇을 할 수 있습니까?
여러 개의 질문이있는 여러 섹션이있는 마법사를 만들어야합니다. 최종 사용자의 환경을 개선하려면 어떻게해야합니까?
나의 첫번째 제안은 가능한 많은 단계를 없애려고 노력하는 것입니다. 흐름, 필요한 것 등을 실제로 생각하십시오.
긴 프로세스를보다 친숙하게 만드는 몇 가지 팁 :
- 완료된 단계의 진행률 표시기
- 가능하면 사용자가 앞뒤로 건너 뛰어 이전 항목을 수정하도록 허용
- 항목이 프로세스의 끝에서 작동하지 않았다는 것을 사용자에게 알리는 대신 항목이 예상 입력 값을 준수하지 않으면 실시간 피드백을 제공합니다.
참고 사항 (화염을 자극하지 말 것) : Apple 설정 프로세스를 위해 마법사를 거의 사용하지 않으며, 수행 할 때 Apple set- 어시스턴트 어시스턴트는 마이크로 소프트에 비해 항상 이해하기 쉽다고 생각합니다.
이것이 내가 생각할 수있는 가장 중요한 것입니다.
- 작업을 구성하는 작업을 일련의 청크로 나눕니다.
- 이전 및 다음 버튼.
- 항상 단계의 위치를 보여주는 시퀀스 맵
이 주제에 대한 자세한 내용은 Designing Interfaces Wizard page 에서 참조하십시오.
다른 답변에 언급 된 모든 대안을 고려하고 마법사가 커야한다고 결정한 경우 다음을 고려해야합니다.
- 정보를 너무 길지 않은 논리 섹션으로 분할
- 각 섹션의 제목은 명확하지만 짧게 유지하십시오. 필요한 경우 제목 아래에 추가 설명을 추가하여 추가 설명
- 진행 표시기 표시 (10 단계 중 3 단계)
- 탐색을위한 다음 및 뒤로 단추를 제공하십시오. 사용자가 각 섹션을 완료하지 않고 진행하도록하는 것이 적절한 경우도 있지만 대부분의 경우 사용자가 완전히 이해하지 못할 수도있는 마법사에 복잡성을 더하지는 않습니다. 섹션을 완료 할 때까지 사용자가 진행하지 못하게하는 경향이 있습니다 (이 경우 다음 버튼은 제출 기능을합니다).
- 각 양식 컨트롤과 수집하려는 데이터에 적합한 지 여부를 실제로 생각하십시오. 사용자가 짧은 목록에서 선택하도록하려면 드롭 다운을 사용하십시오. 그러나 목록이 실제로 길면 드롭 다운이 실제로 적합하지 않습니다. 검색 컨트롤이나 무언가를 사용하십시오.
- 드롭 다운 컨트롤의 목록은 알파벳 순서로 정렬되어야합니다
- 양식 컨트롤 레이블을 가능한 짧게 만드십시오. 수집하려는 정보를 명확하고 이해하기 쉬워야합니다. 설명을 추가해야하는 경우 제목을 정말로 길게 만드는 대신
- 모든 입력 컨트롤에 설명 워터 마크를 사용하고 드롭 다운에 기본 항목을 사용하십시오. 예 : "제목 입력"또는 "국가 선택"
- 컨트롤에 따라 상세하고 유용한 실패한 유효성 검사 메시지를 제공합니다. 간단한 메시지를 먼저 표시하는 경향이 있지만 사용자가 메시지를 롤오버하면 필드 및 허용되는 값 등에 대한 자세한 정보를 얻습니다. 또한 마스터 유효성 검사 실패도 포함합니다. 진행 버튼 옆에 나타나는 메시지. 또한이 기능을 실시간으로 만들 수 있으므로 사용자가 입력 할 때 잘못 입력하면 강조 표시 할 수 있습니다.
- 마법사가 실제로 길고 도움이 될 것이라고 생각되면 사용자가 진행 상황을 저장하여 한 세션에서 작성하지 않아도 나중에 중단 된 부분을 가져올 수 있도록하십시오.
어느 시점에서든 액세스 가능한 탭이 활성화되고 다른 단계는 비활성화되는 방식으로 각 단계를 탭에 넣었습니다.
이러한 방식으로, 사용자는 몇 단계 뒤로 돌아 가지 않고도 올바른 실수를 자유롭게 이동할 수 있습니다. 탭을 활성화하면 여전히 정보가 누락되어 아직 수정할 수없는 단계로 이동하지 못하게됩니다.
언급 된 다른 팁 외에도 가능한 모든 것에 대해 스마트 기본값을 사용하십시오. 이미 이메일 주소를 가지고 있다면 이름, 잠재적 사용자 이름, 직장, 거주 국가를 찌르거나 IP 주소 또는 시스템 설정에서 얻을 수 있습니다. 다음은 작은 example 입니다.
또 다른 정보 소스를 제공합니다. 앱을 만드는 경우 시스템에서 사용할 수있는 방대한 양의 정보가 있습니다. 사용해.
이것에 대해 생각하면 질문하는 순서가 바뀔 수도 있습니다. 예를 들어, 국가 및 우편 번호에서 많은 것들을 얻을 수 있습니다.
주소를 말하면 우편 주소 지정 시스템은 광범위한 주소 데이터베이스를 사용하여 주소 항목의 오류를 쉽게 확인할 수 있습니다. 우편 번호를 사용하면 주소 이름을 한 번만 누르면 원하는 주소가 " Quixotic street "을 입력하고 많은 잘못된 입력 및 맞춤법 오류를 저장하십시오. 알려진 주소의 범위를 알 수 있으며, 특정 번호에 아파트 번호와 같은 추가 항목이 필요한 경우에도 마찬가지입니다. 사용자가 모르는 거리 이름이나 집 번호를 입력하지 못하게하는 것이 아니라 모달이 아닌 '......'유형의 메시지로 경고 할 수 있습니다.
요약하자면 : 결국 사용자가 대체 할 수있는 많은 작업처럼 보이지만 (수백만 명의) 사용자가 쉽게 생활 할 수있는 가치가 있습니다.
프로세스/마법사 자체를 단순화하거나 다른 방식으로 줄일 수 없다면 최소한 프로세스에서 사용자가 현재 어디에 있는지 정확히 나타내는 것이 좋습니다.
"10 단계 중 6 단계"와 같이 간단한 작업을 수행하거나 현재 단계 등이 강조 표시된 플로우 차트를 표시하여보다 정교하게 수행 할 수 있습니다.
작업 분리 또는 일부 단계 선택 사항과 같이 마법사의 크기를 최소화하는 방법은 항상 있습니다.
몇 가지 팁 :
- 섹션 제목 지정
- 뒤로 및 다음 버튼
- 사용자가 단계를 탐색하고 이전 단계에 종속 된 경우 완료된 단계 만 탐색 할 수 있습니다.
- 입력에 좋은 기본값을 제공하십시오.
모든 사람들이 제안한이 전술적 팁 외에도, 마법사를 사용하는 사람들과 함께 할인 유용성 테스트를 수행하는 것이 좋습니다.
사용자와 함께 현재 마법사의 페이지를 살펴보면 프로세스를보다 자연스럽게 만들기 위해 그룹화 할 수있는 필드 세트에 대한 유용한 피드백을 얻을 수 있습니다.
경우에 따라 사용자가 예상과 일치하는 방식으로 구성 될 때 더 긴 양식에 대해 더 큰 관용을 가질 수 있습니다.
아르 자형.
아마도 마법사는 이상적인 솔루션이 아닙니다.
사용자는 실제로 다양한 옵션 목록을 순서대로 선택해야합니까?
대부분의 옵션을 기본값으로 지정할 수 있습니까? 사용자가 기본값을 변경해야하는 경우 변경 단추를 클릭하여 특정 옵션을 변경할 수 있습니다.
처음부터 기본값을 설정할 수 없다면 이전 선택 사항을 저장하고 기본값을 지정할 수 있습니까?
마법사에 대한 대안 : 점진적 활성화 및 공개를 고려하십시오.
한 페이지에 대한 모든 질문은 있지만 첫 번째 청크 만 표시하십시오. 그런 다음 사용자가 첫 번째 청크를 완료하면 동일한 페이지에 두 번째 청크를 표시합니다. 이렇게 계속하십시오. 그렇게하면 :
- 앞뒤로 이동하기 쉬움
- 모든 선택에 대한 개요를 얻으십시오
- 한 번에 일부 질문 만 처리하면됩니다.
점진적 활성화를 사용하면 사용자가 첫 번째 청크를 마칠 때까지 다음 질문 청크를 비활성화했습니다.