[UXOX] 텍스트 인풋 오류 메시지 노출

텍스트 인풋에 적합하지 않은 정보를 입력하는 경우,

서비스는 사용자에게 해당되는 오류 메시지를 제공하고,

올바른 정보를 입력하도록 가이드를 주게 됩니다.

그러나,

그 가이드가 적절하지 않거나,

잘못된 정보를 제공하는 경우,

사용자는 회원가입에서 이탈하거나,

서비스 이미지에 타격을 입을 수 있습니다.

그렇다면,

어떻게 적절한 정보 입력 하도록

사용자 경험을 제공할 수 있을까요?

잘못된 정보가 입력 된,
텍스트 인풋 하단에,
오류 메시지를 즉각 노출한다.

– 잘못된 정보를 텍스트 인풋에 입력하면, 입력 즉시 혹은 커서가 나올때, 텍스트 인풋 바로 하단에 오류 메시지를 노출합니다.

-> 오류 메시지 인지가 쉽습니다.

-> 스크롤이 필요 없고, 단계별 오류를 수정할 수 있습니다.

Don’t

– 오류 메시지를 텍스트 인풋과 관계 없는 특정 위치에 노출하거나, Alert 메시지에 노출합니다.

-> 오류 메시지 인지가 어렵습니다.

-> 오류 메시지 확인 및 수정을 위한 스크롤이 필요합니다.

-> 오류 수정에 긴 시간이 소요됩니다.

잘못된 정보가 입력 된,
텍스트 인풋 하단에,
오류 메시지를 즉각 노출한다.

즉각적인 오류 메시지는 사용자의 작업 시간을 줄이고,

결과적으로 더 많은 사용자에게 정보를 얻을 수 있습니다.

회원가입이나 사용자 정보 수집 시,

사용자에게 비밀번호, 전화번호 등

다양한 정보를 요청하게 됩니다.

회원가입은 항상 사용자에게

서비스를 사용하지 않을 이유를 만들어주는

불편한 과정입니다.

그 과정을 조금이라도 줄여준다면,

신경쓰지 않은 서비스보다 더 많은

사용자를 확보할 수 있습니다.

텍스트 인풋 하단은 오류 메시지만 사용되는 공간이 아닙니다.

텍스트 인풋을 입력하기 전, 어떤 정보를 입력하여야 하는지, 가이드를 제공할 수도 있습니다.

다만,

도움말 텍스트와 오류 메시지를 동시에 노출하게 되면,

사용자는 해당 메시지가 오류인지, 도움말인지 혼동 할 수 있습니다.

도움말 텍스트와 오류 메시지를 한 공간에 두지 마세요.