쓰기 · 무료 레슨

UX 전달: 동작과 상태

“버튼 업데이트”만으로는 개발자가 추측해야 합니다. 어떤 일이 일어나면 어떤 문구나 상태를 표시할지 쓰세요.

Scott Mendoza 교수
하나를 배우고 직접 연습하세요.예문 보기사용하기 3 문제 자주 묻는 질문

핵심 정리

When [이벤트], [화면 반응]으로 쓰세요. 이 가상 디자인에서는 When the user selects Save, show Saving. When the save succeeds, show Saved.입니다. 시작과 성공적인 완료는 다릅니다.

이벤트 하나에 반응을 명시하세요.

반복되는 인터페이스 규칙에서는 when 뒤에 이벤트를, 이어지는 절에 반응을 씁니다. The user selects처럼 현재형을 사용하세요. 한국어에서 주어를 생략해도 영어 전달 문서에서는 누가 무엇을 하는지 명시하면 좋아요. 합의된 라벨을 유지하고 저장 시작과 저장 성공을 별도 조건으로 쓰세요.

예문 비교

시작 이벤트

When the user selects Save, show Saving.

성공 이벤트

When the save succeeds, show Saved.

위치 명시

Show the message below the Save button.

차이점 살펴보기

연습에 주어진 디자인 결정이며 모든 저장 버튼에 적용되는 보편적 규칙은 아닙니다.

뜻을 단계별로 구성하기

01

주체와 이벤트

When the user selects Save

02

화면 반응

show Saving.

03

성공은 별도로

When the save succeeds, show Saved.

지금 연습해 보세요

이벤트와 상태 연결

문제 3개

문제 1 / 3

Save를 선택했지만 저장은 끝나지 않았습니다. 주어진 상태 중 맞는 것은?
전체 정답과 해설 보기
  1. Save를 선택했지만 저장은 끝나지 않았습니다. 주어진 상태 중 맞는 것은?

    Saving

    주어진 시작 상태는 Saving입니다. 성공은 아직 발생하지 않았어요.

  2. 이 연습에서 Saved를 표시하는 조건은?

    The save succeeds.

    지정된 조건은 저장 성공이며 방문이나 포인터 이동이 아닙니다.

  3. 이벤트와 화면 반응을 모두 적은 문장은?

    When the save succeeds, show Saved.

    When절은 이벤트를, show Saved는 반응을 명시합니다.

직접 연습하기

전달 문서 고치기

주어진 결정: Save 선택 시 Saving, 성공 완료 시 Saved. 정확한 전달 문서를 고르세요.

원래 문장

When the user selects Save, show Saved immediately.

목표에 맞는 수정은 무엇인가요?
예시 답변 보기

When the user selects Save, show Saving. When the save succeeds, show Saved.

수정문은 동작을 새로 만들지 않고 디자인 조건을 유지합니다.

조금 더 알아보기

자주 묻는 질문

다음으로 넘어가기 전에 알아두면 좋은 내용입니다.

If도 쓸 수 있나요?

네, if도 조건을 나타냅니다. 여기서는 반복되는 이벤트와 반응에 when이 유용하지만 유일하게 문법적인 표현은 아니에요.

예를 들어

If the save succeeds, show Saved.

버튼 라벨을 다시 써야 하나요?

디자인 조건에 제시된 라벨을 쓰세요. 이 연습은 새 UI 문구 선정이 아니라 명확한 전달 표현에 관한 것입니다.

예를 들어

Keep the agreed labels: Save, Saving, and Saved.

일상에서 사용해 보세요

정확한 이벤트와 화면 반응을 연결하세요.

UX 디자이너 — 직무 시뮬레이션 · Professor Scott Mendoza

직무별 영어 · 출시 예정

디자인 결정을 영어로 전달하세요.

English for UX Designers: Career Simulation는 출시 예정입니다. 계획된 과정은 전달 의사소통을 포함한 연결된 UX 업무를 다룹니다. 과정 페이지에서 출시 소식을 신청하세요.

출시 소식 받기UX 디자이너 · 직무 시뮬레이션
영문법과 영어 말하기 — Professor Scott Mendoza의 English Master Course

다음 학습 · Udemy에서 수강 가능

영어 기초도 함께 다져 보세요.

현재 수강 가능한 English Grammar and English Speaking Master Course는 문법, 문장 만들기, 의사소통의 기초를 다룹니다. 문장 구조 기초는 조건과 결과를 분명히 하는 데 도움이 됩니다.

강좌 살펴보기 English Master Course: 영문법과 영어 말하기
레슨 참고 자료

계속 학습하기

전체 무료 레슨