Ux tips 36 & Best Practices (5)

31. 모든 입력 필드와 변수를 테스트하세요

웹사이트나 앱에 폼을 올리기 전에 꼼꼼하게 테스트해야 합니다. 테스트해야 할 몇 가지 영역은 다음과 같습니다:

• 입력 필드 날짜: 폼의 데이터가 올바른 위치로 전송되는지 확인하세요.
• 입력 오류: 폼을 잘못 작성한 경우, 디자인된 대로 오류 메시지가 표시되는지 확인하세요.
• 조건부 논리: 입력 필드가 조건부 논리에 의존하는 경우, 모든 경로와 변수를 테스트하세요.

32. 모든 주요 브라우저에서 폼을 테스트하고 최적화하세요

폼은 브라우저가 HTML 폼 요소를 처리하는 방식에 많이 의존하기 때문에 다른 기기와 플랫폼에서 예기치 않은 문제가 발생할 수 있습니다. 가장 일반적인 브라우저부터 시작하되, 엣지 케이스를 놓치지 마세요: 2018년 10월 기준으로 StatCounter에 따르면, 6% 이상의 사람들이 아직도 인터넷 익스플로러를 사용하고 있습니다. 또한, 모바일에서 데이터 입력은 데스크톱과는 매우 다른 경험을 제공하기 때문에, 두 기기 형식에 대한 테스트와 최적화에 충분한 시간과 자원을 투자하세요.

33. 폼의 모바일 친화성을 테스트하세요

폼 필드가 모바일 기기의 작은 화면에서 쉽게 사용되고 제출될 수 있는지 확인하는 것은 항상 좋은 생각입니다. 다른 기기는 다른 시각적 및 사용성 제약 조건을 제공합니다. 데스크톱에서 단일 화면으로 잘 작동하는 폼이 모바일에서는 화면이 너무 작거나 길어지는 경우, 화면을 분할하는 멀티스크린 패턴으로 전환하는 것이 좋습니다.

34. 실제 사용자를 활용하세요

시간과 자원이 허용된다면, 새로운 폼에 대해 출시 전 사용자 테스트를 진행하는 것도 가치가 있습니다. 이렇게 하면 참가자에게 특정 작업을 부여하여 폼 작성 경험에 대한 반응을 관찰하고, 사용자가 마치고 난 후에 중요한 피드백을 수집할 수 있습니다.

35. 출시 후 폼을 A/B 테스트하세요 

테스트는 디자인을 런칭했다고 해서 끝나는 것은 아닙니다. 실제로, 라이브 상태인 폼에 대해 서로 다른 입력 필드, 라벨, 레이아웃, 복사 등을 실험해 볼 수 있습니다. A/B 테스트 방법을 사용하여 변환, 흐름 포기, 완료 시간 또는 기타 중요한 지표를 비롯한 다양한 성능을 비교할 수 있습니다.

 

36 .  폼 속도를 테스트하세요

폼 속도는 테스트 중 자주 간과되는 고려 사항입니다. 다음과 같은 측정 항목을 고려해 보세요:

• 시스템이 폼을 초기로드하고 표시하는 데 걸리는 시간
• 사용자가 폼 작성을 완료하는 데 걸리는 시간
• 실제 완료 시간이 사용자의 기대에 어떻게 관련되는지

시스템이 폼을 처리하고 완료 상태 또는 메시지를 표시하는 데 걸리는 시간

또한 시각적 상호 작용 디자인이 없으면 폼 처리가 너무 빠르게 보일 수 있습니다. 다음 화면으로 즉시 이동하는 다단계 폼에서는 사용자가 화면이 변경되었음을 인식하지 못할 수 있습니다. 이 경우 시각적 전환을 사용하여 폼이 다음 화면으로 이동했음을 사용자가 이해할 수 있도록 고려해 보세요.