116가지의 가치

  • 지속가능성
  • 이타주의
  • 예리함
  • 사랑
  • 연관성
  • 헌신
  • 우아함
  • 감수성
  • 공통체
  • 전문성
  • 품위
  • 열의
  • 호기심
  • 야망
  • 진실함
  • 관용, 기부
  • 접근성
  • 기쁨
  • 신비
  • 친밀함
  • 모험
  • 인내심
  • 믿음
  • 지식
  • 미학
  • 투지
  • 진전성
  • 서비스 지향
  • 재미
  • 융통성
  • 부드러움
  • 연대, 결속
  • 정확도
  • 유머
  • 즐거움
  • 팀워크
  • 성취
  • 매력
  • 발견
  • 건강
  • 공감
  • 투명성
  • 친숙함
  • 향수
  • 용기
  • 열정
  • 정의
  • 성공
  • 경쟁령
  • 동시대성
  • 소통
  • 영적임
  • 예의
  • 명랑함, 장난기
  • 다양성
  • 개인화
  • 탁월함
  • 혁신
  • 자유
  • 품질
  • 호의
  • 명료성
  • 충성도
  • WOW 요인
  • 평화, 평온함, 편안함
  • 친밀감
  • 진취성
  • 전통
  • 국제성
  • 침착함
  • 경제성
  • 편의성
  • 창의성
  • 존경
  • 독립성
  • 풍요로움
  • 리더십
  • 지성
  • 상상력
  • 전문성
  • 배려
  • 총명함
  • 논리, 합리성
  • 변화
  • 보안
  • 성장
  • 안전성
  • 몰입
  • 신뢰성
  • 발전
  • 배움/학습
  • 적격성
  • 실용성
  • 낙관
  • 몰입감
  • 안정성
  • 단순함
  • 체계성
  • 독창성
  • 유연성
  • 책임
  • 흥미진진함
  • 활기
  • 집중
  • 연결성
  • 도발
  • 만족
  • 도전
  • 고객 중심
  • 조화
  • 효과
  • 친절함
  • 역동성
  • 개방성
  • 영감
  • 절도 있음

모든 디지털 제품에서 말로 표현돼야 하는 에러

회원 가입

  1. 사용자명 또는 이메일이 이미 있는 경우: 가능하면 기등록 사용자를 위한 고르인 페이지로 연결되는 링크를 제공하라
  2. 이메일 주소에 에러가 있는 경우: 일반적으로 시스템은 @ 또는 서픽스가 빠졌는지 체크한 후 사용자에게 문제가 무엇인지 말해줘야 한다.
  3. 전화번호 또는 아이디가 규칙에 안 맞는 경우: 사용자에게 규칙이 무엇인지 알려줘야 한다.
  4. 비밀번호가 규칙에 안맞는 경우: 메시지에서 필요조건을 상세히 설명해야 한다. 필요조건이 엄격하다면 이를 해당 입력 필드 옆에 둬서 처음부터 에러를 피할 수 있게 하는 것이 좋다.
  5. 비밀번호 입력 필드와 확인용 입력 필드가 일치하지 않아서 검증에 실패한 경우
  6. 필수 입력 필드가 입력되지 않았을 경우: 일반적인 메시지 하나를 모든 입력 필드에 쓰지말고, 각 입력 플드에 맞는 특정 메시지를 별도로 준비할 것을 추천한다.
  7. 사용자가 이용약관에 동의하지 않는 경우

기등록 사용자를 위한 로그인

  1. 사용자명 또는 이메일이 존재하지 않을 경우: 회원 가입 폼에 연결되는 링크를 제공하라.
  2. 비밀번호가 맞지 않을 경우
  3. 사용자명과 비밀번호가 일치하지 않는 경우: 보안상의 이유로 이 두 가지 입력 필드 중 어느 쪽이 문제인지 말하지 않는 것이 바람직할 때가 있다. 이럴 경우. 메시지에는 사용자명과 비밀번호가 일치하지 않거나 둘 중 하나에 실수가 있다고 써야 한다.(어느 쪽인지는 말하지 않고)
  4. 사용자명 또는 비밀번호 중 하나가 입력되지 않았을 경우

고객 문의(그리고 뉴스레터 가입과 같이 사용자에게 이메일을 요청하는 모든 곳)

  1. 이메일 주소에 에러가 있는 경우
  2. 전화번호가 규칙에 맞지 않는 경우
  3. 필수 입력 필드가 입력되지 않았을 경우

비밀번호 복구

  1. 사용자명 또는 이메일이 없는 경우: 회원 가입 폼으로 연결되는 링크를 제공하거나 다른 이름이나 이메일 주소를 사용해서 등록했는지 물어보는 것이 좋다.
  2. 이메일 주소에 에러가 있는 경우

폼을 위한 완벽 체크리스트

본격적으로 뛰어들기 전에

1. 사용자에게 폼을 채워야할 충분한 이유가 있는가?

2. 폼에 마이크로카피가 너무 많은가?

  • 지나치게 설명
  • 너무 많은 단어를 사용
  • 충분히 직관적이지 않은 경우

3. 폼에 마이크로카피가 충분하지 않은가?

명료함

4. 대화형 글쓰기

5. 레이블 제어하기

  • 조금 더 단순한 용어로 표현할 수 있는 전문용어

  • 내부 팀 작업을 위해 사용했던 용어가 그래도 남아 있는 경우

  • 불명확할 수 있는 추상적이너가 애매한 용어

  • 보다 단순한 용어로 대체할 것

  • 설명을 추가할 것

6. 사용자에게 선택 가능한 옵션들이 있을 때

  • 쉽게 그리고 빨리 이해되는가.
  • 레이블의 의미와 함축성은 이름에서 드러난다.
  • 서로 구분되게 하라
  • 다중 선택이 가능한 경우 이를 안내하라.

7. 플레이스홀더

  • 사용자가 입력하는 동안 필요할지 모르는 정보가 포함되면 안 된다.
  • 관련 정보를 추가하라. 레이블을 똑같이 반복만 해선 안 된다.
  • 접근성 원칙을 가장 잘 따르려면 고 대비여야 한다.

8. 툴팁

  • 계속 노출되게 하는 것이 더 나은 중요 정보는 포함되면 안 된다.
  • 일회성 또는 거의 작성되지 않는 폼이라면 필드가 포커스 될 때 툴팁이 자동으로 드러나는 방법을 고려하라.

끊김 없이 원활하게 진행하기

9. 진부하고 거실리는 에러 메시지 방지하기

각 필드에서 시스템에서 허용되는 입력값과 형식은 무엇이며 오류 메시지를 동반해 거부되는 입력값과 형식은 무엇인가?

10. 필수/선택 필드 표시하기

별표를 사용하거나 “선택 사항”이라고 쓰라. 모두 필요한 경우 크고 명확하게 언급하거나 모두 표시하라.

11. 열린 질문

  • 사용자가 집중하게 만들고 의미하는 바를 명확히 전달하는 데에 도움이 되는가?
  • 답변에 글자 수 제한이 있다면 사용자에게 말해두라. 카운터도 추가하라

12. 스위치와 체크 박스

스위치를 켜거나 끌지를 결정할 때 필요한 모든 정보를 가지고 있는지 언제나 확인하라.

13. 폼에 파일 첨부하기

14. 에러 메시지

  • 개발팀으로부터 이 폼에 발생할 수 있는 모든 에러 시나리오를 받았는가?
  • 에러 메시지 작성을 위한 모범 사례를 참고해 사용자에게 도움이 되는 마이크로카피를 잘 작성해 두었는가?

의문점과 우려 사항 해결하기

15. 개인정보 요청하기

  • 개인정보가 필요하다면 그 이유를 설명하라.
  • 개인정보가 선택사항이라면 - 그 정보를 제공해야 요구사항이 만족될 수 있다는 것을 사용자에게 말해 주라.

16. 복잡한 정보 요청하기

17. 보안

  • 온라인 결제 - 안전하다는 것을 명확하게 표기하라.
  • 비즈니스에 더 높은 수준의 재량권이 필요한 경우 - 사용자가 제공한 정보가 보안이 되고 기밀이 유지될 것임을 분명히 언급하라

18. 나중에 변경하기

  • 사용자가 폼에 어떤 내용을 채우든 나중에 변경할 수 있다면 알려줘라. 사용자가 아무 걱정 없이 더 쉽게 내용을 채워 나갈 것이다.
  • 사용자가 나중에 변경할 수 없다면 이후에 실망하지 않도록 미지 주의를 주라.

보내기를 클릭하는 것으로 끝난 것이 아니다.

19. 대기시간

사용자 경험에 적합한 멋진 메시지를 준비하고, 사용자에게 이렇게 사소한 디테일까지 챙겼다는 것을 보여줘라.

20. 성공 메시지

성공 메시지가 사용자에게는 즐거운 보상이 되고 당신이 만들고자하는 경험을 완성하는가?