본문으로 건너뛰기
Dot Design System
v0.3.1

목소리와 태도

친절하지만 가볍지 않고 전문적이지만 어렵지 않게 말합니다.

Dot의 목소리

Dot은 학습의 한 고리를 완결하고 다음 배움의 방향을 밝히는 동반자다. 친절하지만 가볍지 않고, 전문적이지만 어렵지 않으며, 확신이 필요한 순간에는 분명하고 불확실한 순간에는 정직하다.

복잡함은 시스템이 품고, 사용자는 다음 한 걸음에 집중하게 한다.

목소리는 화면과 상태가 바뀌어도 유지된다. 태도는 사용자의 상황에 맞게 조절한다.

다섯 가지 성격

선명하다

  • 사용자가 지금 알아야 할 사실과 다음 행동을 먼저 말한다.
  • 내부 구조와 구현 용어보다 사용자의 목표를 쓴다.
  • 한 문장에 하나의 메시지만 담는다.

차분하다

  • 정상 상태를 과도하게 축하하지 않는다.
  • 경고와 오류를 색, 느낌표, 강한 표현으로 부풀리지 않는다.
  • 사실, 영향, 복구 순서로 말한다.

유능하다

  • 복잡한 기능을 숨기지 않고 단계와 기준으로 설명한다.
  • 사용자가 이미 제공한 정보를 다시 묻지 않는다.
  • 막혔을 때 실제로 실행 가능한 복구 행동을 안내한다.

연결한다

  • 이전 작업, 현재 상태, 다음 행동의 관계를 문장에 드러낸다.
  • 저장·검증·발행처럼 이어진 상태에 같은 용어를 사용한다.
  • 페이지가 바뀌어도 대상 이름과 작업 맥락을 일관되게 유지한다.

존중한다

  • 사용자를 탓하거나 겁주지 않는다.
  • 거절, 나가기, 나중에 하기 같은 선택권을 숨기지 않는다.
  • 비용, 제한과 불확실성을 혜택보다 작게 감추지 않는다.

기본 문장 규칙

  • 설명과 피드백은 자연스러운 해요체를 사용한다.
  • 제목과 메뉴는 짧은 명사형 또는 현재 상태를 사용한다.
  • 행동은 결과가 드러나는 동사형을 사용한다.
  • 일상에서 쓰지 않는 한자어·전문 용어는 쉬운 말로 풀어 쓴다.
  • 연속된 명사보다 주체와 행동이 드러나는 문장을 쓴다.
  • 가능하면 능동형을 사용하되, 결과나 영향을 더 명확히 할 때는 자연스러운 수동 표현을 허용한다.
  • , 진행, 처리, 관련, 해당처럼 의미를 흐리는 단어를 줄인다.
  • 느낌표, 이모지, 유행어는 업무 판단과 오류 안내에 사용하지 않는다.

정보 순서

사용자는 문장을 읽기보다 먼저 훑는다. 다음 순서로 쓴다.

  1. 결론 또는 현재 상태
  2. 사용자에게 미치는 영향
  3. 필요한 다음 행동
  4. 필요할 때만 이유와 세부 정보
사용 코드 · Text
검증을 끝내지 못했어요.
질문 2개에 기준 답안이 없어요.
기준 답안을 입력한 뒤 다시 검증해주세요.

상황별 태도

상황태도문장 기준
일반 안내짧고 중립적목적과 범위만 설명
처음 사용방향을 제안얻을 가치와 첫 행동
처리 중구체적이고 안정적무엇을 처리하는지, 떠나도 되는지
성공절제된 확신완료한 결과와 다음 위치
확인 필요차분한 주의영향과 해결 조건
오류책임감 있는 복구실패 대상, 보존된 것, 다음 행동
파괴 행동직접적이고 구체적대상, 손실, 복구 가능성
권한 제한존중하고 투명함제한 범위와 요청 경로
AI 답변도움이 되되 정직함근거 범위, 불확실성, 다음 검토

AI와 자동화 문구

  • 자동화가 실제로 한 일을 구체적으로 말한다.
  • 확률적 결과를 확정 사실처럼 말하지 않는다.
  • 추천에는 적용한 기준과 사용자가 바꿀 수 있는 경로를 제공한다.
  • 데이터가 부족하면 부족한 범위를 밝힌다.
  • 실패를 Dot이 이해하지 못했어요처럼 character의 감정으로 돌리지 않는다.
  • 처리 중에는 생각하고 있어요보다 학습 기록에서 다음 질문을 찾고 있어요처럼 실제 작업을 쓴다.
  • 결과 검토가 필요하면 책임을 사용자에게 떠넘기지 말고 확인할 항목을 제시한다.

포용적인 언어

  • 특정 연령, 직군, 능력, 성별만 이해하는 은어와 예시를 피한다.
  • 사용자의 의도, 숙련도, 감정을 단정하지 않는다.
  • 간단히, 당연히, 그냥처럼 어려움을 축소하는 표현을 피한다.
  • 오류에서 잘못 입력했어요보다 입력한 형식을 확인해주세요처럼 문제와 복구에 집중한다.
  • 민감한 상황에서 농담이나 지나친 친근함을 사용하지 않는다.

숫자·날짜·시간

  • 같은 화면에서 날짜와 시간 형식을 통일한다.
  • 상대 시간만 쓰면 판단이 어려운 기록에는 절대 시각을 함께 제공한다.
  • 범위는 시작과 끝, timezone을 필요에 따라 명시한다.
  • 큰 숫자의 축약은 정확한 원값 확인 경로를 제공한다.
  • percent와 percentage point를 구분한다.
  • 실제 0, 값 없음, 집계 중을 서로 다른 문구로 표현한다.

예시

피한다사용한다
요청이 정상적으로 처리되었습니다.초안을 저장했어요.
해당 데이터가 존재하지 않습니다.등록된 실행 기록이 없어요.
권한이 없습니다.발행 권한이 필요해요. 워크스페이스 소유자에게 요청할 수 있어요.
잘못 입력하셨습니다.이메일 주소 형식을 확인해주세요.
잠시만 기다려주세요.학습 기록 42개를 분석하고 있어요. 이 화면을 떠나도 작업은 계속돼요.
정말 삭제하시겠습니까?커리큘럼을 삭제할까요? 삭제하면 예약 발송이 중단되고 복구할 수 없어요.

접근성과 콘텐츠

  • 시각적 위치, 색, 아이콘만 가리키는 , 빨간 버튼, 이 아이콘 표현을 피한다.
  • link는 여기, 자세히보다 목적지를 말한다.
  • screen reader가 control 역할을 이미 전달하므로 label에 버튼을 불필요하게 반복하지 않는다.
  • live region 문구는 상태 변화의 핵심만 짧게 전달한다.
  • 대체 텍스트는 외형보다 기능과 의미를 설명한다.
  • tooltip에만 필수 정책이나 오류 원인을 두지 않는다.

검토 체크

  • 첫 문장에 현재 상태 또는 결론이 있다.
  • 한 문장에 하나의 메시지만 있다.
  • 내부 엔티티와 기술 용어를 사용자 언어로 바꿨다.
  • 사용자의 잘못이나 감정을 단정하지 않는다.
  • 비용, 제한, 불확실성을 숨기지 않는다.
  • 저장·검증·발행 등 같은 상태에 같은 용어를 쓴다.
  • AI가 실제로 한 일과 근거 범위를 구체적으로 말한다.
  • 색·위치·아이콘 없이 문장만으로도 이해된다.
  • 불필요한 느낌표, 은어, 명사 나열을 제거했다.
  • 다음 행동이 실제로 실행 가능하다.

관련 항목