사용 자 경험 을 해치 지 않 는 에러 메시지 , 어떻게 작성 해야 할까 ? | 지금 써 보 러 갑니다 
 Home 디자인 UX / UI 사용 자 경험 을 해치 지 않 는 에러 메시지 , 어떻게 작성 해야 할까 ? 
 어떻게 경우 든 , 오류 를 명확 하 게 해결 해 주 는 것 이 중요 하 다 ! 
 모든 시스템 은 오류 없이 작동 할 수 없 습니다 . 우리 가 자주 사용 하 는 페이스북 도 종종 오류 가 발생 하 곤 하 죠 . 이런 오류 는 서비스 를 제공 하 는 곳 에서 발행 할 수 도 , 서비스 를 이용 하 는 유저 로부터 발생 할 수 도 있 는데요 ! 두 경우 모두 사용 자 경험 을 해치 지 않 기 위해 올바른 방법 으로 처리 하 는 것 이 매우 중요 합니다 . 그래서 오늘 은 ‘ How to Write a Perfect Error Message ‘ 를 통해 매력 적 인 오류 메시지 를 작성 하 는 방법 에 대해 정리 해 보 고자 합니다 . 
 1 . 명확 한 메시지 
 ( 1 ) 에러 메시지 는 전달 하 고자 하 는 바 가 명확 해야 한다 . 
 오류 메시지 는 문제점 의 원인 과 해결 방법 을 명확 하 게 정의 해야 합니다 . 오류 메시지 가 사용 자 와 의 대화 라고 생각 한다면 , 유저 입장 에서 는 유저 를 위해 작성 된 것 처럼 느낄 수 있 습니다 . 오류 메시지 가 정중 하 고 이해 할 수 있 으며 , 친절 하 고 , 어려운 용어 로 작성 되 지 않 았 는지 도 함께 확인 해 보 면 좋 습니다 . 
 ( 2 ) 에러 메시지 는 유용 해야 한다 . 
 단순히 ‘ 잘못 ’ 되 었 다는 것 을 알려 주 는 것 으로 끝 나선 안 됩니다 . 가능 한 유저 가 쉽 고 빠르 게 고칠 수 있 는 , 해결 할 수 있 는 방법 을 함께 노출 해 줘야 합니다 . 예 를 들 어 로그인 과정 에서 유저 가 잘못 된 이메일 을 입력 한 경우 , 잘 못 된 비밀 번호 라는 것 을 알려 주 고 끝내 는 것 이 아니 라 , 비밀 번호 를 바로 찾 을 수 있 는 링크 를 제공 해 주 거나 , 조금 더 상세 한 정보 를 함께 제공 해 줘야 한다는 것 입니다 . 
 ( 3 ) 에러 메시지 는 구체 적 이 어야 한다 . 
 다시 한 번 로그인 과정 을 예 로 들 어 볼까요 . 이메일 의 구조 는 아이디 / @ / 도메인 으로 이루어져 있 습니다 . 아이디 만 입력 해도 안 되 고 , @ 까지 만 입력 해도 , 도메인 을 입력 하 지 않 거나 잘못 입력 해도 에러 가 발생 할 수 있 죠 . 때문 에 잘못 된 비밀 번호 임 을 체크 할 때 전체 가 아니 라 각 부분 을 체크 해 어떤 부분 이 잘못 되 었 는지 를 유저 에게 구체 적 으로 알려 주 는 것 이 좋 습니다 . 도메인 이 잘못 되 었 는지 , 빠뜨린 형식 은 없 는지 말 이 죠 ! 
 ( 4 ) 에러 메시지 는 공손 해야 한다 . 
 설사 , 사용 자 로 인해 에러 가 발생 했 다 하 더라도 유저 에게 잘못 을 돌려서 는 안 됩니다 . 그럼 . . 아마도 곧장 서비스 를 이탈 해버릴 수 있 으니 말 이 죠 . 너무 딱딱 하 지 않 게 , 하지만 편안 하 고 예의 있 게 메시지 를 전달 한다면 이 는 오히려 유저 에게 색다른 사용자 경험 을 제공 해 주 는 기회 가 될 수 있 습니다 . 
 ( 5 ) 경우 에 따라 유머 를 곁들 여라 
 조심 스럽 게 접근 해야 하 지만 , 경우 에 따라 유머 를 활용 하 는 것 이 도움 이 됩니다 . 앞선 내용 들 , 즉 유용 하 고 도움 이 되 는 내용 에 초점 이 맞춰져 있 다면 이 를 바탕 으로 유머러스 함 을 추가 해 사용 자 경험 을 개선 시킬 수 있 습니다 . 
 2 . 적합 한 노출 위치 
 좋 은 오류 메시지 는 필요 할 때 노출 되 어야 할 뿐 만 아니 라 입력 필드 와 관련 이 있 는 곳 에 위치 해야 합니다 . 이메일 입력 과 관련 된 오류 메시지 라면 이메일 주소 를 입력 하 는 필드 우측 또는 하단 에 오류 메시지 가 노출 되 어야 겠죠 ? 
 3 . 보 기 좋 은 디자인 
 오류 메시지 는 시각 적 으로 명확히 보여야 합니다 . 입력 필드 에 삽입 된 컬러 와 에러 메시지 의 컬러 가 같 다면 대부분 의 유저 는 쉽 게 이 를 눈치채 지 못할 수 있 기 때문 입니다 . 보통 빨간색 이 강조 의 의미 로 많이 쓰이 지만 , 최근 에 는 유저 들 에게 스트레스 가 된다는 이유 로 노란색 이나 주황색 계열 을 에러 메시지 에 많이 활용 하 고 있 습니다 . 대비 되 는 텍스트 컬러 와 함께 아이콘 을 활용 한다면 시각 적 으로 더욱 명확 한 메시지 를 전달 할 수 있 겠 죠 ? 
 ‘ 지금 써 보 러 갑니다 ’ 를 통해 다양 한 종류 의 글 을 발행 하 고 있 는데 , 그 중 디자인 카테고리 에서 많 은 인기 를 얻 었 던 글 이 하 나 있 습니다 . 바로 ‘ 이런 에러 페이지 라면 되려 색다른 경험 이 되 지 않 을까 ? ‘ 인데요 . 우리 가 흔히 UX 라고 부르 는 , 사용 자 경험 이 겉 으로 보이 는 디자인 을 통해서 도 긍정 적 인 영향 을 끼칠 수 있 지만 , 유저 들 이 예상 치 못한 상황 에서 마주 하 게 되 는 경험 들 을 명확 하 고 색다르 게 설계 하 는 것 또한 영향 을 끼친다는 사실 을 다시 한 번 깨닫 게 됩니다 . 
 Previous article 파워 포인트 보다 가볍 게 , 원 하 는 내용 만 을 빠르 게 문서 화 하 고 싶 다면 ? ‘ Slidebean ’ 
 Next article 원 하 는 내용 을 플래시 카드 로 제작 할 수 있 도록 도와 주 는 ‘ Buffi ’