heyyystudios
← 인사이트로 돌아가기
조작과 오류를 줄인다

피드포워드: ‘확인’을 누르면 무슨 일이 생길까

인쇄 전 미리보기부터 반복회의 변경까지, 누르기 전에 결과를 읽고 선택을 고칠 수 있는 안내를 살펴봅니다.

0:00

첫 어절에서는 이전 어절로 이동할 수 없습니다.마지막 어절에서는 다음 어절로 이동할 수 없습니다.

현재 미리보기 링크

공개 주소가 아닙니다. 이 컴퓨터에서 확인할 수 있는 링크입니다.

핵심만 빠르게 이해하기

피드포워드는 행동의 결과를 실행 전에 예상하도록 돕는 정보입니다. ‘어느 회의가 몇 개 바뀌는가’를 누르기 전에 알면 원하지 않는 변경을 피하도록 선택을 고칠 수 있습니다. 바뀔 대상과 범위, 함께 일어나는 중요한 일을 현재 선택에 맞게 알려 주세요.

누를 곳은 찾았지만 손이 멈추는 순간

원리를 설명하기 위해 가상의 일정 관리 서비스를 생각해 보세요. 매주 열리는 회의에서 이번 주 시작 시각만 바꾸려 합니다. 시간을 고친 뒤 화면 아래의 ‘확인’ 버튼을 발견합니다. 버튼은 충분히 크고, 다른 행동과도 잘 구분됩니다. 그런데 누르기 직전 새로운 질문이 생깁니다. ‘이번 회의만 바뀔까? 앞으로 잡힌 회의도 전부 바뀔까?’

여기서 망설이는 이유는 버튼을 못 찾아서가 아닙니다. 바뀔 회의가 한 개인지 다섯 개인지 모르기 때문입니다. 누르기 전에 그 차이를 알 수 있다면, 원하지 않는 회의까지 바꾸기 전에 선택을 고칠 수 있습니다. 이처럼 행동의 결과를 미리 예상하도록 돕는 안내를 피드포워드(feedforward)라고 합니다.

주간 회의 · 현재값과 검토 범위고정 비교 자료 · 현재 상태 주석 연결
주간 회의 · 현재값과 검토 범위
회의저장된 시각선택한 시각범위 판단
10월 2일10:0011:00선택된 한 회차
10월 9일10:00범위 밖유지
10월 16일10:00범위 밖유지
10월 23일10:00범위 밖유지
10월 30일10:00범위 밖유지

버튼을 누르기 전 대상 날짜를 읽습니다.

고정 시작 비교입니다. 현재 체험의 선택은 별도의 범위 주석에서 읽습니다.

인쇄 미리보기를 떠올리면 이해하기 쉽습니다. 출력할 페이지와 매수를 보고 나서야 종이에 무엇이 나올지 알 수 있듯, 일정 변경에도 실행 전에 읽을 결과가 필요합니다.

인쇄를 누르기 전에 종이를 아끼는 방법

문서가 세 페이지인데 첫 페이지만 한 부 필요하다고 해 보세요. 인쇄 버튼이 어디 있는지는 압니다. 하지만 페이지 범위와 매수를 확인하지 않고 누르면, 필요 없는 페이지나 여러 부가 나올 수도 있습니다. 버튼을 알아본 것만으로는 출력 결과까지 알게 된 셈이 아닙니다.

인쇄 전에 확인할 것은 페이지 범위, 매수, 선택한 페이지의 미리보기입니다. 이 예시에서는 첫 페이지만 한 부 출력한다고 정해 두었습니다. 아직 출력 전이므로 범위를 잘못 골랐다면 지금 고칠 수 있습니다. 사진에서는 선택된 첫 페이지와 비어 있는 출력 트레이를 살펴보세요.

집 책상에서 노트북의 세 페이지 미리보기를 살펴보는 손. 첫 페이지만 선택 표시가 있고 프린터의 출력 트레이는 비어 있다.

이 예시의 설정: 선택한 페이지 1쪽 · 1부 · 아직 출력 전

인쇄를 누르기 전, 첫 페이지만 한 부 나오는지 확인하는 상황입니다. 원하는 결과와 다르면 지금 선택을 고칠 수 있습니다. 교육용 AI 생성 연출 이미지.

인쇄 안내는 ‘무엇이 몇 장 나올까?’에 답합니다. 일정 안내는 ‘이번 회의만 바뀔까, 이후 회의도 바뀔까?’에 답해야 합니다. 두 경우 모두 실행한 뒤에야 알던 결과를 미리 보여 주어, 선택을 고칠 기회를 줍니다.

같은 회의 변경 화면을 바꿔본다면

이제 일정 화면으로 돌아오겠습니다. 2026년 10월 2일, 9일, 16일, 23일, 30일에 오전 10시 회의가 하나씩 있습니다. 사용자의 목표는 10월 2일 회의만 오전 11시로 옮기는 것입니다. 다섯 날짜는 설명을 위한 가상 일정입니다.

변경 전 화면에는 날짜·시각 입력란과 “확인” 버튼만 있다고 해 봅시다. 사용자는 10월 2일을 편집했으므로 그 회의만 바뀐다고 예상합니다. 하지만 도구의 실제 규칙은 선택한 회차부터 이후 회차까지 모두 바꾸는 것입니다. 화면에서 본 날짜는 하나인데, 실행 대상은 다섯 회의입니다. 먼저 맞춰야 할 것은 이 예상과 실제 범위의 차이입니다.

변경안에서는 “선택한 회차만”과 “선택한 회차와 이후 4회”를 먼저 고릅니다. 한 회차를 고르면 10월 2일의 “10:00 → 11:00”, “다른 4회는 그대로”가 보이고, 마지막 버튼도 “선택한 1회 변경”이라고 말합니다. 잘못 전체 범위를 골랐다면 실행 전에 다섯 날짜를 보고 되돌아갈 수 있습니다.

10월 2일 회의만 11시로 바꾸려면

교육용 정적 그림입니다. 그림의 조작 요소는 누를 수 없습니다.

변경 전 가정

날짜
10월 2일
새 시작 시각
11:00
확인

화면에는 한 날짜 · 실제 변경은 다섯 회의

변경안

적용 범위: 선택한 회차만

10월 2일 10:00 → 11:00

다른 4회 유지

선택한 1회 변경

적용 범위를 고르고 실행 전에 확인

변경 전 가정에서는 실제 범위를 추측해야 하고, 변경안에서는 바뀔 날짜를 읽고 선택을 고칠 수 있습니다. 범위 선택·미리보기·버튼 문구를 함께 바꾼 가상 설계안입니다.

변경안에서는 적용 범위를 고르고, 바뀔 날짜를 확인한 뒤, 그 범위가 적힌 버튼으로 실행합니다. 사용자가 잘못 골랐다면 실행 전에 돌아가 고칠 수 있습니다. 이 비교는 범위 선택 기능·미리보기·버튼 문구를 함께 바꾼 가상 설계안이므로 문구 하나의 효과를 보여 주는 실험은 아닙니다.

기존 선택한 한 회차를 눈으로 확인합니다 날짜 한 개를 편집했다 · 장면 자료 보기

선택한 한 회차를 눈으로 확인합니다

10월 2·9·16·23·30일의 다섯 회의 카드 중 첫 카드에만 투명 파란 테두리를 대는 성인.

날짜 한 개를 편집했다는 사실만으로 실행 범위도 한 개라고 보장되지는 않습니다. 테두리 안의 선택 대상과 확정 뒤 실제로 바뀔 날짜가 일치하는지 실행 전에 확인해야 합니다. 사진은 실제 일정을 변경하지 않습니다.

장면 · 교육용 AI 생성 이미지

이 설계안은 범위를 고르는 기능까지 바꿨습니다. 다음 체험에서는 범위 선택 기능을 그대로 두고, 결과 안내가 무엇을 더 알려 주는지 직접 살펴보겠습니다.

직접 바꿔보면 무엇을 더 알 수 있을까요

여기서 할 일은 “10월 2일 회의만 오전 11시로 바꾸기”입니다. 먼저 범위를 고르고, 결과 안내를 켜서 내가 고른 범위가 어느 날짜에 적용되는지 읽어 보세요. 안내를 꺼도 범위 이름은 보입니다. 안내를 켰을 때 추가로 확인할 것은 정확한 날짜, 새 시각, 바뀔 건수와 아직 저장 전이라는 상태입니다.

새 시작 시각은 오전 11시로 두세요. “선택한 회차만”을 고른 상태에서 “결과 안내 함께 보기”를 켜고, 아직 저장하지 않은 채 “선택한 회차와 이후 4회”로 바꿔 봅니다. 같은 11시인데 대상이 한 회의에서 다섯 회의로 늘어나는지 살펴보세요.

원래 목표는 첫 회의만 바꾸는 것이므로 “선택한 회차만”으로 돌아와 마지막 변경 버튼을 누릅니다. 현재 일정에서 10월 2일만 11시이고 나머지 네 회의는 10시인지 대조해 보세요. 잘못 전체 범위를 골랐다가 실행 전에 돌아올 수 있었다면, 어떤 안내가 그 판단을 도왔는지도 떠올려 보세요.

10월 2일 회의만 오전 11시로 바꿔 보세요

아직 저장하지 말고 범위를 바꿔 보세요. 안내를 켠 뒤, 바뀔 날짜와 유지되는 날짜를 찾아보세요.

교육용 가상 일정입니다. 변경은 이 페이지 안에서만 반영되며 실제 일정·알림·외부 전송에는 영향을 주지 않습니다.

이 환경에서는 두 범위 선택의 결과를 나란히 읽어 보세요. 이 예시의 초기 상태는 다섯 회의 모두 10시입니다.

한 회차와 다섯 회차의 다른 결과

같은 초기 상태: 다섯 회의 모두 10:00 · 2026년 10월 · 새 시각 11:00

선택한 회차만

  • 10월 2일10:00 → 11:00 · 변경
  • 10월 9일10:00 · 유지
  • 10월 16일10:00 · 유지
  • 10월 23일10:00 · 유지
  • 10월 30일10:00 · 유지

바뀜 1회 · 유지 4회

선택한 회차와 이후 4회

  • 10월 2일10:00 → 11:00 · 변경
  • 10월 9일10:00 → 11:00 · 변경
  • 10월 16일10:00 → 11:00 · 변경
  • 10월 23일10:00 → 11:00 · 변경
  • 10월 30일10:00 → 11:00 · 변경

바뀜 5회 · 유지 0회

두 범위 선택의 결과를 비교한 교육용 고정 데이터입니다. 변경 전후의 개선 비교가 아닙니다. 알림을 보내지 않습니다.

조건 변화 실습에서는 마지막 회의가 11시에 불가해지면 다섯 회의 모두 10시로 유지합니다. 한 회차만 고르거나 12시로 바꾼 뒤 다시 검토해야 합니다.

이 체험은 안내를 읽고 실제 결과와 대조하는 학습 활동입니다. 같은 화면을 반복해서 보고 설명도 미리 읽으므로, 속도나 정답률로 안내의 효과를 측정하는 실험으로 보지는 않습니다.

방금 본 안내가 피드포워드인 이유

전체 범위를 골랐을 때 다섯 날짜가 나타났습니다. 그 결과가 내가 원한 것인지 판단하고, 회의가 바뀌기 전에 한 회차로 돌아올 수 있었습니다. 피드포워드는 이처럼 행동하기 전에 그 행동의 결과를 예상하도록 돕습니다.

it tells users what the result of their action will be.

Jo Vermeulen, Kris Luyten, Elise van den Hoven, Karin Coninx · 2013 · 서론 · 저자 공개판 PDF 1쪽, 문장 일부 발췌원문 확인 · 출처 S7

회의 예시로 풀어보면

회의에서 범위를 고른 뒤, 변경을 확정하기 전에 바뀔 날짜와 시각을 읽는 장면이 이에 해당합니다.

버튼 모양과 이름은 어디에서 행동할 수 있는지 알려 주는 시그니파이어(signifier)입니다. 그 옆의 ‘10월 2일 회의만 11시로 변경’은 실행 결과를 미리 알려 주는 피드포워드입니다. 저장 뒤의 ‘회의 1회가 변경됐습니다’는 실제로 일어난 일을 알려 주는 피드백(feedback)입니다. 같은 회의 화면에서 세 정보가 답하는 질문이 다릅니다.

같은 미리보기도 어느 행동을 기준으로 보느냐에 따라 역할이 달라집니다. 범위를 고른 뒤 목록이 바뀌는 것은 ‘내 선택이 반영됐다’는 피드백입니다. 아직 누르지 않은 최종 변경 버튼을 기준으로 보면, 그 목록은 ‘확정하면 이 날짜들이 바뀐다’는 피드포워드이기도 합니다. 아래 순서에서 미리보기를 앞선 선택과 다음 확정에 각각 연결해 보세요.

기존 한 회차 행동 도해 보기

어느 행동을 기준으로 보는가

  1. 적용 범위를 선택선택한 회차만 · 아직 회의는 바뀌지 않음
  2. 미리보기를 확인10월 2일 10:00 → 11:00 · 대상 1회, 다른 4회 유지. 앞선 선택이 반영되고, 다음 확정의 결과를 예고합니다.
  3. 변경을 확정실제로 바뀐 날짜와 시각 확인
교육용 독자 도해. 같은 미리보기가 앞선 범위 선택에 대한 피드백이면서 다음 변경 확정에 대한 피드포워드가 됩니다.

이 미리보기는 무엇의 전이고 무엇의 뒤일까요?

같은 화면이 피드백과 피드포워드로 읽히는 이유는?

  1. 범위를 고릅니다

    ‘선택한 회차와 이후 4회’를 고르는 가정입니다.

  2. 대상 목록이 다섯 날짜로 바뀝니다

    10월 2일 · 9일 · 16일 · 23일 · 30일

    범위 선택에 대한 피드백: 방금 고른 범위가 목록에 반영됐습니다.

    아직 누르지 않은 최종 변경의 피드포워드: 확정하면 이 날짜들이 대상이 됩니다.

  3. 최종 변경은 아직 실행 전입니다

    이번 주만 바꾸려던 사람은 확정하기 전에 한 회차로 돌아갈 수 있습니다.

범위 선택 뒤 갱신된 목록은 방금 고른 선택을 보여 줍니다. 최종 변경 전에는 같은 목록이 앞으로 바뀔 대상을 알려 줍니다.

Vermeulen과 동료들은 앞선 행동의 피드백이 다음 행동의 피드포워드로 작용할 수 있다고 설명합니다. 그래서 “클릭 전인지 후인지”만으로 이름을 고르기보다 “어느 행동의 결과를 알려 주는가?”를 묻습니다. 앞서 본 “선택한 1회 변경” 버튼도 누를 곳과 결과 범위를 함께 알려 줍니다. 시그니파이어와 피드포워드가 한 요소에 겹칠 수 있는 이유입니다. 2013년 논문, PDF 5·8쪽, Norman의 시그니파이어 설명

화면을 설계할 때는 실행 버튼을 기준으로 ‘누르기 전에 어떤 결과를 알 수 있는가?’를 먼저 살펴보세요. 결과가 잘 보이면 사용자는 그대로 실행할지, 선택을 고칠지, 취소할지 판단할 수 있습니다. 다음 절에서는 어떤 결과를 얼마만큼 알려 줄지 구체적으로 살펴봅니다.

내 화면에서는 어떤 결과부터 알려 줘야 할까요

다른 화면에서는 네 가지부터 점검해 보세요. 무엇을 바꾸는지, 어디까지 적용하는지, 언제 확정되는지, 함께 일어나는 일이 있는지입니다. 반복회의에서 찾은 질문을 다른 작업에도 적용해 보는 방법입니다.

파일 공유라면 대상은 어떤 파일인지, 범위는 한 사람인지 링크를 가진 사람 모두인지가 됩니다. “링크 복사”를 누르면 복사만 되는지 접근 권한도 바뀌는지 살펴볼 수 있습니다. 회의 변경 때 알림이 함께 나가는 서비스라면 누구에게 언제 보내는지도 중요합니다. 실제 기능을 확인한 뒤 사용자의 결정에 필요한 결과부터 가까이 적습니다.

링크만 복사되나요, 볼 수 있는 사람도 바뀌나요?

한 번의 버튼이 함께 바꾸는 결과는 무엇인가요?

주소만 복사하는 동작

파일
워크숍 안내.pdf
누르기 전 접근 범위
지정한 사람만
누른 뒤 접근 범위
지정한 사람만, 그대로 유지
함께 일어나는 일
주소가 복사됨

링크 복사라고 설명할 수 있습니다.

공유 범위도 바꾸는 동작

파일
워크숍 안내.pdf
누르기 전 접근 범위
지정한 사람만
누른 뒤 접근 범위
링크를 가진 사람
함께 일어나는 일
접근 범위가 바뀌고 주소도 복사됨

공유 범위 변경하고 링크 복사처럼 함께 바뀌는 결과를 밝혀야 합니다.

복사만 한다고 그 링크가 언제나 비공개인 것은 아닙니다. 현재 접근 범위와 이 순간 바뀌는 내용을 실제 기능에서 확인하세요.

가상의 두 동작입니다. 주소 복사와 접근 범위 변경을 따로 적어야 함께 일어나는 결과를 판단할 수 있습니다.
성인이 워크숍 안내문 옆의 한 사람 사진 카드를 짚고, 다른 손으로 여러 사람 사진이 있는 별도 카드를 펼쳐 들고 있다
주소 복사와 볼 수 있는 사람의 변경을 따로 확인합니다 · 교육용 AI 생성 장면

모든 내용을 버튼 안에 넣지는 않아도 됩니다. “선택한 1회 변경” 옆에 날짜와 새 시각을 보여 주면 함께 읽을 수 있습니다. 대상이 많다면 총건수와 범위, 중요한 예외를 요약하고 세부 대상을 펼쳐 볼 길을 줍니다. 반대로 외부 전송이나 되돌릴 수 없는 삭제처럼 결정을 바꿀 수 있는 조건은 자세히 보기 안쪽에만 숨기지 않는 편이 좋습니다.

쉽게 되돌릴 수 있고 결과가 익숙한 동작은 짧은 이름으로 충분할 수 있습니다. 글자 크기를 한 단계 키울 때마다 긴 확인문이 필요하지는 않습니다. 설명의 양을 정할 때는 “칸이 남는가?”보다 “잘못 예상하면 어떤 일이 생기나?”를 먼저 물어보세요.

선택을 나중에 바꿀 수 있는지도 결정에 필요한 정보입니다. Carbonmade의 2020년 가입 안내 설계 회고는 레이아웃을 고를 때 나중에도 변경할 수 있음을 알려 준 사례를 설명합니다. 이런 안내는 지금 선택이 얼마나 고정되는지 판단하게 해 줍니다. 다만 다시 수정할 수 있다는 말과 이전 상태로 자동 복원하는 ‘실행 취소’는 다릅니다. 실제로 언제 무엇을 다시 바꿀 수 있는지에 맞춰 안내하세요.

버튼 이름만으로 결과가 모호하다면

같은 초대 문안과 받는 사람고정 자료 · 조작 없이 읽기
같은 초대 문안과 받는 사람
단계문안·수신 대상전송 상태
수정같은 초대 내용 편집전송 전
검토보낼 문안과 받는 사람 확인전송 전
보내기동일 문안·대상으로 실행실제 전달 확인은 별도
검토와 보내기의 서로 다른 결과를 이름에 남깁니다.
서비스 사례

신청서에 내용을 입력한 뒤 다음 화면으로 가려는 상황을 떠올려 보세요. “다음”은 이동할 방향을 말해 주지만, 지금 입력한 정보가 저장되는지까지는 알기 어려울 수 있습니다. 사용자가 다음 행동을 결정하려면 이 차이를 알아야 하는 경우가 있습니다.

GOV.UK Design System의 Button 문서는 정보를 저장하지 않고 진행할 때 “Continue”, 저장한 뒤 진행할 때 “Save and continue”를 쓰도록 구분합니다. 한국어로 뜻을 풀면 각각 “계속”과 “저장하고 계속”입니다. 눈여겨볼 말은 “저장”입니다. 다음 화면으로 이동하는 동안 입력 정보에 무슨 일이 일어나는지를 더 알려 줍니다. GOV.UK Button

문구는 실제 동작과 맞아야 합니다. 저장하지 않고 이동한다면 ‘계속’, 저장하고 이동한다면 ‘저장하고 계속’이라고 구분할 이유가 있습니다. 실제로 저장하지 않으면서 ‘저장하고 계속’이라고 쓰면 잘못된 기대를 만듭니다.

같은 관점으로 우리 초대 화면도 살펴볼 수 있습니다. 지금은 받는 사람과 내용을 검토하는 단계라면 “초대 내용 확인”, 지금 상대에게 전송한다면 “초대 보내기”라고 구별할 수 있습니다. 이 초대 예시는 지침을 풀어 본 가상 적용입니다. 버튼 이름을 고르기 전에 “이 순간 실제로 어디까지 하는가?”부터 맞춰 봅니다.

초대를 검토하는 순간과 보내는 순간

지금 고칠 수 있나요, 보내기 동작을 마쳤나요?

초대카드를 수정하고, 열린 봉투 옆에서 검토하고, 닫힌 봉투를 우편함에 넣는 세 장면.
  1. 수정

    날짜와 내용을 고칠 수 있습니다.

  2. 검토

    초대 내용 확인: 보내기 전에 받는 사람과 내용을 읽고 다시 고칠 수 있습니다.

  3. 보내기

    초대 보내기: 실제 전송을 시작하거나 마치는 동작의 이름입니다. 실제 전달·수신 결과는 확인한 범위에 맞춰 따로 알립니다.

초대 내용을 수정하고 검토하는 단계와 보내는 단계는 다릅니다. 디지털 초대의 ‘초대 내용 확인’과 ‘초대 보내기’를 구별해 보는 교육용 AI 생성 비유입니다. 우편함 장면은 발송을 뜻하며 상대의 수신 완료를 뜻하지 않습니다.
이 사례에서 확인한 범위
서비스 · 자료
GOV.UK Design System
플랫폼
공식 웹 문서 및 코드 예제
자료 범위
공식 문서·예제 기반
자료에서 설명하는 내용
공식 문서는 수행 행동을 설명하는 버튼 라벨과 저장 여부를 구분하는 문구를 안내합니다.
설계에 가져올 관점
우리 UI의 행동 이름과 결과 기대를 검토하는 관점으로 적용
적용 시 한계
UI 직접 사용·내부 의도·성과 미확인

검토와 완료를 혼동할 수 있다면

범위와 날짜를 보여 줘도 제목이 “변경 완료”이고 아래 버튼이 “변경 확정”이라면 다시 헷갈립니다. 이미 저장됐다는 뜻인지, 마지막으로 누를 일이 남았다는 뜻인지 두 문장이 다른 이야기를 하기 때문입니다.

저장 전에는 “변경할 내용을 확인해 주세요”라고 쓰고 날짜와 새 시각, 수정할 방법을 보여 줍니다. 실제로 저장한 뒤에 “회의 1회가 변경됐습니다”라고 말합니다. 확인하다 날짜가 틀렸음을 알아챘다면 그 날짜를 고친 뒤 다시 검토할 수 있어야 합니다. 검토 화면의 가치는 내용을 한 번 더 보게 하는 것뿐 아니라, 발견한 문제를 고칠 기회를 주는 데 있습니다.

검토 화면과 저장 뒤의 다른 값고정 비교 자료 · 현재 상태 주석 연결
검토 화면과 저장 뒤의 다른 값
회의검토 때 저장값검토 때 예정값적용 뒤 저장값
10월 2일10:0011:0011:00
10월 9·16·23·30일각10:00범위 밖각10:00

검토해도 저장 전 일정은 그대로입니다. 완료 표시는 실제 적용 기록에서 읽습니다.

한 회 적용의 고정 비교입니다. 별도 현재 주석에서 검토 단계와 실제 저장 이력을 구별합니다.

GOV.UK의 Check answers 패턴은 제출 전에 내용을 확인하고 수정할 길을 제공하며, 아직 완료되지 않았다는 점과 마지막 버튼의 동작을 분명히 하도록 안내합니다. 항목이 적으면 버튼 옆 요약으로 충분할 수 있고, 검토할 내용이 많으면 별도 화면이 필요할 수 있습니다. 요약의 위치보다 중요한 것은 틀린 내용을 발견했을 때 고칠 수 있는가입니다. GOV.UK Check answers

이미 같은 값인 대상이 섞여 있다면

처음 체험에서는 다섯 회의가 모두 10시였습니다. 실제로는 이미 바뀐 회의가 섞여 있을 수 있습니다. 앞의 체험에서 10월 2일만 11시로 바꾼 상태라면, 이번에는 전체 범위를 고르고 같은 11시를 적용해 보세요. 안내에 적힌 대상 수와 실제로 값이 달라지는 수가 같을지 살펴봅니다.

다섯 회의를 적용 대상으로 골랐지만, 10월 2일 회의는 이미 11시입니다. 새로 시각이 바뀌는 것은 나머지 네 회의이므로 “적용 대상 5회, 실제 변경 4회”라고 안내해야 합니다. 처음에 모두 10시였다는 기록만 계속 쓰면 현재 상태와 맞지 않게 다섯 회의가 새로 바뀐다고 말하게 됩니다.

직접 살펴보는 예시

적용 대상과 새로 변경을 비교해 보세요

첫 회만 11시로 바꾼 뒤, 다섯 회를 검토하고 적용하세요.

조작 기능이 아직 준비되지 않았습니다. 표시된 예시 상태를 읽을 수 있으며, 값을 바꾸거나 적용하지 않습니다. 해석을 열어 과업과 한계를 읽을 수 있습니다.

주간 회의 · 2026년 10월

가상 예시
시작 일정
다섯 회의 모두 10:00 · 앞의 체험과 같은 일정
비교를 위해 첫 회만 먼저 변경
적용 대상 1회새로 변경 1회
현재 기록과 선택한 시각의 비교
회의현재선택판단
10:0011:00변경 예정
10:00—범위 밖
10:00—범위 밖
10:00—범위 밖
10:00—범위 밖

아직 검토하지 않음

모두 10:00에서 시작합니다. 검토와 적용은 별도 단계입니다.

이전 저장: 없음

검토 뒤 조건 변경해 보기

30일의 11시를 사용할 수 없게 바꿉니다. 현재 일정은 유지되며, 최신 검토와 실행 가능 여부를 따로 확인합니다.

조작 없이 읽는 같은 일정의 예시

10월 2일만 먼저 11시로 적용한 뒤
날짜현재다섯 회 적용 후
10월 2일11:00 · 유지11:00 · 유지
10월 9일10:00 · 변경 전11:00 · 변경됨
10월 16일10:00 · 변경 전11:00 · 변경됨
10월 23일10:00 · 변경 전11:00 · 변경됨
10월 30일10:00 · 변경 전11:00 · 변경됨

이 적용의 대상 5회 · 새로 변경 4회. 적용 뒤 같은 11시를 다시 고르면 대상 5회 · 새로 변경 0회입니다.

이 예시를 읽는 방법

적용 대상은 선택한 범위의 개수입니다. 새로 변경은 그 범위에서 현재값과 선택값이 다른 개수입니다. 이미 같은 시각인 회차도 적용 대상에 포함됩니다.

적용 뒤 다시 검토하면 다섯 회가 대상이지만 새로 바뀔 값은 0개일 수 있습니다. 아래 이전 변경 기록은 저장 당시의 결과이므로 네 회 변경이라는 기록을 유지할 수 있습니다.

30일 11시 사용 불가 상황에서는 검토한 정보가 최신이어야 하며, 선택 자체도 실행 가능해야 합니다. 다시 검토만 하면 사용 불가가 해결되지는 않습니다.

교육용 가상 일정입니다. 실제 일정이나 알림을 변경하지 않으며 오류 감소 효과를 측정하지 않습니다. 이 예시의 전체 보류 규칙은 실제 제품마다 다르게 정할 수 있습니다.

교육용 가상 UI · 앞의 회의 체험과 같은 현재 일정으로 계산한 미리보기와 저장 기록입니다.

따라서 ‘적용 대상 수’와 ‘실제로 값이 달라지는 수’를 구분해야 합니다. 처음 데이터가 아니라 지금 저장된 값을 기준으로 안내를 계산하세요. 아래 다섯 회의에서도 이미 11시인 한 회의는 변경 건수에서 빠집니다.

대상은 다섯 회의, 새로 바뀌는 것은 네 회의

다섯 회의를 골랐더라도 이미 같은 값인 회의는 새로 바뀌지 않습니다.

적용 대상 5회

날짜현재 → 설정결과
10/211:00 → 11:00유지
10/910:00 → 11:00변경
10/1610:00 → 11:00변경
10/2310:00 → 11:00변경
10/3010:00 → 11:00변경

새로 변경 4회

10월 2일이 이미 11시인 가상 상태입니다. 적용 대상은 5회이며 실제로 값이 달라지는 회의는 4회입니다.

검토한 뒤 조건이 달라졌다면

이번에는 다섯 회의를 모두 11시로 옮기려고 미리봤다고 해 보세요. 그런데 확정하기 전에 다른 사람이 회의실을 예약해, 10월 30일에는 11시를 사용할 수 없게 됐다고 가정해 보겠습니다. 처음 안내가 맞았더라도 지금은 그대로 실행할 수 없습니다. 이때 예전 미리보기를 믿고 진행하게 두면, 안내와 실제 결과가 어긋납니다.

이때는 미리 본 내용으로 그대로 확정하지 않고, 달라진 조건을 알려 다시 선택하게 해야 합니다. 아래 예시에서는 다섯 회의 중 하나라도 변경할 수 없으면 모두 그대로 두는 규칙을 택했습니다. 현재 어떤 회의도 바뀌지 않았다는 점과 다음에 고칠 선택을 함께 보여 줍니다.

검토 뒤 마지막 회차 조건이 달라짐고정 비교 자료 · 현재 상태 주석 연결
검토 뒤 마지막 회차 조건이 달라짐
회의현재 저장값검토한 선택최신 조건
10월 2·9·16·23일각10:00각11:00재검토 전 · 적용 보류
10월 30일10:0011:0030일11시 사용 불가

조건이 바뀌면 마지막으로 검토한 내용이 현재 조건과 맞는지 다시 확인합니다.

다섯 회11시를 검토한 뒤 조건이 바뀐 고정 비교입니다. 현재 체험의 조건·검토 상태는 별도 주석입니다.
기존 조건 변경 도해 보기

미리보기 뒤 조건이 달라졌다면

  1. 검토한 내용10월 2·9·16·23·30일, 다섯 회의를 11:00로 변경할 예정 · 아직 저장 전
  2. 학습용 조건 변화10월 30일의 11:00를 사용할 수 없어진 가상 상황
  3. 확정 시도아직 변경하지 않음 · 다섯 회의 모두 10:00 유지
  4. 다시 선택하고 검토한 회차만 선택하거나 12:00로 변경 · 새 요약 확인 후 확정
교육용 원본 도해. 이 예시는 일부만 바꾸지 않고 전체 변경을 보류합니다. 실제 제품의 일괄 실패·부분 성공 규칙은 별도로 정해야 합니다.

다시 읽는 것과 다시 고르는 것은 다릅니다

검토 뒤 조건이 달라지면 어디에서 다시 선택하나요?

  1. 현재 선택을 검토

    다섯 회의 모두 오전 11시로 변경하려고 합니다.

  2. 확정 전에 조건이 달라짐

    10월 30일 오전 11시는 사용 불가가 됐습니다. 이 예시의 규칙은 한 회차라도 불가하면 전체 보류입니다.

    변경된 회의 0회

  3. 같은 선택을 다시 읽기

    최신 내용을 검토해도 10월 30일 11시가 불가하다는 조건은 남습니다.

  4. 실행 가능한 선택으로 고친 뒤 다시 검토
    • 10월 2일 한 회차만 오전 11시로 고르고 다시 검토
    • 다섯 회의를 정오 12시로 고르고 다시 검토

    두 항목은 서로 다른 회복 경로입니다. 선택한 경로에 맞춰 대상을 다시 확인합니다.

이 예시는 한 회차라도 불가하면 모두 그대로 둡니다. 다시 검토하는 것만으로 같은 선택이 실행 가능해지지는 않으므로 범위나 시각을 먼저 고칩니다.

실제 서비스가 일부 회의만 먼저 바꾸도록 허용한다면, 바뀐 회의와 그대로인 회의를 구분해 알려 줘야 합니다. 전부 보류할지 일부만 처리할지 규칙을 정하고, 미리보기와 실행 뒤 결과가 같은 규칙을 설명하게 하세요.

직접 확인하려면 앞의 일정 체험에서 ‘더 살펴보기: 검토 뒤 조건 변화’를 펼쳐 보세요. 실습을 시작하면 기존 예시 결과가 초기화됩니다. 검토한 뒤 조건을 바꾸고, 확정이 보류됐을 때 무엇을 다시 골라야 하는지 확인할 수 있습니다.

처음부터 결과를 정확히 알 수 없는 일도 있습니다. 파일을 압축하기 전의 최종 용량처럼 추정이 필요한 값에는 “약”이나 “현재 조건 기준”을 붙여 무엇이 아직 달라질 수 있는지 설명할 수 있습니다. 근거 없는 정확한 숫자를 약속하기보다, 지금 알 수 있는 것과 다시 확인해야 할 것을 구별해 줍니다.

안내가 없거나 실제와 다르다면

회의 범위를 말하지 않는 “확인” 버튼에서는 사용자가 결과를 추측합니다. “선택한 1회 변경”이라고 쓰고 실제로 다섯 회의가 바뀌는 버튼에서는 구체적으로 잘못된 예상을 하게 됩니다. 둘 다 문제지만 고치는 순서는 다릅니다.

앞의 화면에는 빠진 범위 안내를 보충합니다. 뒤의 화면에서는 문구와 실제 규칙 중 어느 쪽이 잘못됐는지 먼저 맞춥니다. “자세히 읽어 주세요”라는 설명을 늘려도 한 회의라고 말하고 다섯 회의를 바꾸는 문제는 남습니다. 범위를 바꾼 뒤 버튼이 예전의 “1회 변경”에 머물러 있는지도 함께 확인해야 합니다.

버튼 곁 문구와 실제 계산 범위고정 자료 · 조작 없이 읽기
버튼 곁 문구와 실제 계산 범위
읽는 객체표시·계산 내용대조 결과
버튼 곁 오안1회 변경실제 범위와 불일치
실제 대상 날짜10월2·9·16·23·30일다섯 회
현재 저장값 → 예정값각10:00 → 각11:00다섯 날짜에 같은 변화

한 회 문구라면 대상 날짜도 한 회여야 합니다. 버튼 이름과 실제 행을 대조합니다.

다섯 날짜를 바꾸는 가정의 고정 오안입니다. 문구의1회와 실제 대상5회를 대조합니다.

Vermeulen과 동료들은 안내가 숨겨진 경우와 잘못된 경우를 구분합니다. 화면을 점검할 때도 ‘필요한 결과가 안 보이는가?’와 ‘보이는 결과가 실제와 다른가?’를 따로 물어보세요. 전자는 필요한 안내를 보충하고, 후자는 문구와 동작을 먼저 일치시켜야 합니다. 2013년 논문, PDF 9쪽

잘못 실행했을 때의 영향이 크다면

정확한 안내를 보고도 다른 회의를 고를 수 있습니다. 저장 뒤에 실수를 알아챌 수도 있습니다. 그래서 중요한 작업은 사전 안내와 함께 취소·수정·되돌리기 같은 보호 방법을 살펴야 합니다.

잘못 고른 한 회의를 되돌리는 가상 기록

  1. 저장 전: 2026년 10월 2·9·16·23·30일 회의는 모두 10:00입니다. 목표는 2일 회의만 11:00로 옮기는 것입니다.
  2. 잘못 저장한 뒤: 선택한 날짜가 9일이어서 그 회의만 11:00가 됐다고 가정합니다. 2일 회의와 나머지 세 회의는 10:00입니다.
  3. 이 변경을 되돌린 뒤: 9일 회의도 10:00로 복구됩니다. 다섯 회의가 모두 원래 시각으로 돌아왔으며, 목표인 2일 변경은 아직 하지 않았습니다.
앞서 제시한 날짜·시각을 유지한 가상 복구 예입니다. 이 한 번의 변경을 되돌릴 수 있다고 정한 설명이며, 실제 일정 저장이나 복구·WCAG 적합성 판정은 아닙니다. · 교육용 예시

웹 콘텐츠 접근성 지침 WCAG 2.2의 3.3.4는 법적 약속, 금융 거래, 정해진 범위의 사용자 데이터 수정·삭제, 시험 응답 제출을 다룹니다. 이 기준의 적용 대상이라면 다음 중 적어도 하나를 제공해야 합니다. 제출을 되돌릴 수 있게 하거나, 입력 오류를 확인해 수정할 기회를 주거나, 확정 전에 정보를 검토·확인·수정할 수 있게 하는 것입니다. W3C 해설 3.3.4, 규범 문서

무조건 확인창을 추가하기보다 작업의 위험과 수정 방법을 함께 보세요. 쉽게 되돌리는 낮은 위험 작업에는 매번 뜨는 확인창이 불필요한 단계가 될 수 있습니다. 반대로 잘못 실행했을 때 영향이 큰 작업은 결과를 미리 알리는 것에 더해, 실수를 발견하고 고칠 수 있는 보호가 필요합니다.

안내를 눈으로만 읽을 수 있다면

새 시각 옆에 “10월 2일 한 회의만 바뀝니다”라고 적혀 있어도 키보드로 이동하거나 화면을 소리로 듣는 사람에게 그 설명이 연결되지 않으면 놓칠 수 있습니다. 위치가 가깝다는 것과 입력할 때 함께 전달된다는 것은 따로 확인해야 합니다.

‘새 시작 시각’이라는 레이블, 즉 입력칸의 이름은 어떤 값을 고르는지 알려 줍니다. ‘선택한 회의 1회만 변경’은 그 값을 어디에 적용하는지 설명합니다. WCAG 2.2의 3.3.2는 사용자 입력에 레이블이나 지시를 요구하는 A 수준의 기준입니다. 입력 이름과 변경 범위처럼 서로 다른 역할의 정보가 모두 필요한지 살펴보세요. WCAG 2.2 3.3.2

W3C의 폼 안내 튜토리얼은 부가 설명을 입력 요소에 연결하는 방법을 안내합니다. 우리 예시에서는 범위 선택에 이름을 붙이고, 변경 대상 요약도 함께 읽을 수 있게 합니다. 플레이스홀더는 입력칸 안에 잠깐 보이는 힌트이며 입력을 시작하면 사라집니다. 따라서 그것만으로 입력칸의 이름을 대신하지 말고, 중요한 조건을 마우스를 올려야만 보이게 두지도 마세요. W3C Form Instructions

입력 이름과 바뀔 범위는 다른 정보입니다

무엇을 고르는 칸인지와 어디에 적용되는지를 함께 알 수 있나요?

별도의 정적 예시입니다. 한 회의가 원래 10시였고, 11시로 바꿔 저장했다고 가정합니다.

화면에서 보는 정보

새 시작 시각

11:00

선택한 회의 1회만 변경

정적 설명 그림이며 선택 입력칸이 아닙니다.

따로 확인할 연결

입력 이름
새 시작 시각
현재 값
11:00
관련 설명
선택한 회의 1회만 변경
저장 뒤 결과
회의 1회가 변경됐습니다

이름·값·설명이 전달되는지와 결과 메시지가 전달되는지를 각각 확인합니다.

원래 10시인 한 회의를 11시로 바꿔 저장하는 별도의 정적 예시입니다. 이름·값·범위 설명·저장 뒤 결과를 따로 확인하고, 관련 설명을 프로그램으로 연결한 뒤 실제 보조기술에서 전달되는지도 확인합니다.

저장 뒤에는 ‘적용 대상 5회 중 실제 4회 변경’처럼 결과를 짧게 알리고, 날짜별 내용은 원할 때 읽을 수 있게 합니다. WCAG 2.2의 4.1.3은 사용자가 메시지로 초점을 옮기지 않아도 보조기술이 상태 메시지를 전달할 수 있도록 구현할 것을 요구합니다. 화면을 소리로 읽어 주는 스크린리더에서 이름·선택값·저장 결과가 어떻게 들리는지 확인하세요. 목록 전체를 매번 강제로 읽기보다, 짧은 결과와 상세 목록을 나누어 전달하는 편이 좋습니다. W3C 4.1.3 해설

한 동작이 끝나기 전에도 다음 길을 알려 줘야 한다면

버튼을 누르기 전만 피드포워드를 보여 줄 수 있는 것은 아닙니다. 모양을 그려 명령을 실행하는 화면에서는, 사용자가 그리던 도중 다음에 어느 방향으로 가야 할지 잊을 수 있습니다. 도움말을 따로 열고 동작을 외운 뒤 돌아와야 한다면 지금 하던 움직임이 끊깁니다.

Bau와 Mackay의 OctoPocus는 모양을 그려 명령을 실행하는 제스처 입력을 돕는 연구 시스템입니다. 입력 버튼을 누른 채 잠시 멈추면 가능한 경로와 각 경로의 명령 이름을 보여 줍니다. 그리기를 이어 가면 앞으로 그릴 수 있는 경로가 갱신되고, 선 굵기는 현재 움직임이 어떻게 인식되는지 알려 줍니다. 앞으로 갈 길은 피드포워드, 지금 입력에 대한 반응은 피드백으로 읽을 수 있습니다. Bau와 Mackay, 2008, PDF 4–5쪽

여기서 가져올 판단은 다음 움직임을 아직 고를 수 있을 때 안내를 보여 주는 것입니다. 일정 화면에서는 바뀔 날짜를, 제스처 화면에서는 이어 그릴 경로를 알려 줍니다. 사용자가 동작을 끝내기 전에 선택을 고칠 수 있는 지점을 찾아보세요.

그리는 도중에도 다음 경로를 볼 수 있다면

아직 끝내지 않은 동작에도 다음 길이 보일 수 있습니다. 이미 그린 선과 앞으로 갈 수 있는 선을 나누어 보세요.

이미 그린 선앞으로 가능한 경로

  1. 1. 잠시 멈춥니다

    누른 채 기다림

    누른 채 기다리는 위치에서 안내를 시작합니다.

  2. 2. 가능한 경로를 봅니다

    명령 A명령 B

    두 경로와 각각의 명령을 확인합니다.

  3. 3. 그리면서 다시 봅니다

    명령 A명령 B

    그린 선은 남고, 이어 갈 두 경로가 갱신됩니다.

논문에서 설명한 안내 원리를 풀어 그린 자체 개념도입니다. OctoPocus의 실제 화면·제스처 집합·실험 결과를 복제한 것은 아닙니다.

연구 결과를 읽을 때는 서로 다른 두 실험을 구별해야 합니다. 16명이 마우스를 쓴 첫 실험에서는, 정해진 제스처와 명령의 연결을 배우는 방식을 기존 Help 메뉴와 비교했습니다. 학습을 마친 뒤 안내 없이 수행한 마지막 검사에서 OctoPocus로 배운 조건의 오류가 더 적었습니다. 12명이 펜을 쓴 두 번째 실험에서는 두 단계의 방향 선택으로 명령을 고르는 마킹 메뉴와 비교했습니다. 안내를 쓴 시행의 입력 시간은 짧았지만, 그 시행의 오류율과 학습 검사에 따른 오류 변화에서는 통계적으로 뚜렷한 차이가 확인되지 않았습니다. 같은 논문, PDF 6–9쪽

두 실험은 피드포워드와 피드백을 함께 제공한 특정 입력 방식을 비교했습니다. 따라서 피드포워드 하나의 효과나 모든 화면의 오류 감소로 일반화할 수는 없습니다. 저자들은 여러 경로를 한꺼번에 보여 줄 때 생기는 시각적 복잡성도 한계로 다룹니다. 내 화면에서는 다음 선택을 알리는 이점과 안내가 복잡해지는 부담을 함께 확인해야 합니다.

연구 시스템의 모습은 연구실의 OctoPocus 영상 페이지에서 더 살펴볼 수 있습니다. 위 설명과 연구 결과의 근거는 논문입니다.

내 화면에 적용한 뒤 무엇을 확인할까요

지금 만드는 화면의 “확인”, “다음”, “적용” 중 하나를 골라 보세요. 그 버튼을 누르면 무엇이 바뀌는지 먼저 한 문장으로 적습니다. 이어서 사용자가 누르기 전에 그 결과를 어디서 알 수 있는지 짚어 봅니다. 설명할 곳이 없다면 버튼 이름이나 가까운 요약에서 무엇을 보충할지 생각할 수 있습니다.

사용자가 버튼을 눌렀다는 사실만으로 결과까지 이해했다고 판단하지는 않습니다. 무엇이 바뀔 것이라고 예상했는지, 그 근거를 화면 어디에서 찾았는지도 살펴보세요. 일정 예시라면 예상한 회차와 실제로 바뀐 회차를 대조해 볼 수 있습니다. 다만 이 질문을 언제 하느냐에 따라 관찰 결과가 달라질 수 있습니다.

같은 다섯 회의 네 점검 경로고정 자료 · 조작 없이 읽기
같은 다섯 회의 네 점검 경로
점검 경로대상읽을 결과
한 회 선택10월2일첫 회만 변경
전체 선택2·9·16·23·30일다섯 날짜 대조
검토 뒤 시각 수정같은 선택 대상다시 검토 필요
30일11시 사용 불가동일 다섯 회이 가정에서는 전체 보류

현재 선택·검토 상태·저장 이력을 같은 회의에 연결합니다.

같은 다섯 회의 고정 점검 경로입니다. 원래 체험에서 각 경로를 실행하고 대상·예정·저장값을 대조합니다.

평소 행동을 보려면 처음에는 과제만 제시하고, 끝난 뒤 무엇을 예상했는지 물어보세요. 실행 전에 결과를 설명하게 하는 방법은 안내를 어떻게 이해했는지 살피는 데 쓸 수 있지만, 질문 자체가 힌트가 됩니다. ‘이후 회의도 바뀔까요?’라는 질문은 특히 범위에 주의를 돌립니다. 두 절차를 구분해 기록하고, 작은 비교의 결과를 모든 사용자에게 일반화하지 않습니다.

검수할 때는 처음 화면에서만 맞는지도 살펴봅니다. 한 회차를 고른 뒤 전체로 바꾸기, 검토 후 시간을 바꾸기, 이미 같은 시각인 회의가 섞인 경우처럼 상태를 바꿔 보세요. 미리보기의 날짜·건수·시각과 실제 결과를 대조합니다. 조건이 바뀌면 성공했다고 말하기 전에 다시 검토할 길이 있는지도 확인합니다.

다섯 회의가 바뀐다는 안내를 보고 사용자가 멈춰서 한 회의만 골랐다면, 그 멈춤은 의도하지 않은 변경을 피한 행동일 수 있습니다. 빠르게 눌렀는지만 보지 말고, 결과를 이해한 뒤 실행·수정·취소 중 원하는 선택을 했는지 살펴보세요.

확인해볼 질문

  • ‘확인’, ‘다음’, ‘적용’을 누르면 실제로 어떤 일이 일어나는지 한 문장으로 설명할 수 있나요?
  • 실행 전에 바뀔 대상과 범위, 외부 전송 같은 중요한 결과를 알 수 있나요?
  • 범위나 옵션을 바꿔도 미리보기와 최종 버튼이 현재 선택을 정확히 알려 주나요?
  • 사용자가 예상한 결과와 실제 결과가 어긋나는 곳은 없나요?
  • 미리보기 뒤 조건이 달라지면 다시 확인할 수 있고, 실행 뒤 실수는 복구할 수 있나요?

피드포워드를 점검할 때는 실행 버튼 하나부터 고르세요. 누르면 바뀔 대상과 범위, 중요한 동반 결과를 적고 화면의 안내와 비교합니다. 사용자가 그 내용을 실행 전에 읽고 선택을 고칠 수 있다면, 사전 안내가 해야 할 일을 하고 있는 것입니다.

확인 버튼의 한 회 범위 대조고정 자료 · 조작 없이 읽기
확인 버튼의 한 회 범위 대조
대조할 객체한 회 선택의 고정 예
현재 선택10월2일 · 11:00
검토 대상10월2일 · 적용 전10:00
적용 뒤 저장값10월2일11:00 · 나머지 네 회10:00

선택값과 검토 대상을 실제 저장된 날짜 행과 대조합니다.

같은 한 회의 선택·검토·저장 기록을 연결한 고정 비교입니다.

이 글의 사례와 근거를 읽는 방법

인쇄 장면, 반복 일정, 초대와 파일 공유 예시는 원리를 설명하기 위한 가상 적용입니다. 인쇄 사진도 교육용 연출입니다. 실제 제품 화면이나 참여자 실험을 재현한 자료로 제시하지 않습니다. 반복 일정의 체험은 예상과 실제 결과를 대조하는 학습 활동입니다.

Vermeulen과 동료들의 2013년 논문은 개념 정의와 관계의 근거입니다. 저자 공개판 PDF 1–10쪽을 확인했습니다. 앞선 2002년 Djajadiningrat, Overbeeke, Wensveen의 논문은 행동의 목적을 전달하는 문제로 피드포워드를 다뤘으며, 이번 글에서는 대학 연구 포털의 초록과 서지만 확인했습니다. 전문을 읽은 자료와 구별해 두었습니다. 2002년 논문 초록과 서지

GOV.UK 문서는 버튼 이름과 제출 전 검토를 설명하는 실제 지침으로 읽었습니다. W3C는 해당 접근성 요구와 해설을 대조했습니다. 이 자료들이 이 글의 개선안에서 전환율이나 만족도가 얼마나 올랐는지 알려 주지는 않습니다. OctoPocus의 결과는 본문에 적은 기기·과제·비교 조건의 범위에서 읽어야 합니다.

근거와 원문 더 살펴보기 · 11개 자료

자료별 열람 범위 확인
원고 끝 근거 범위와 각 출처 열람 수준 참조. 효과 크기 주장 없음.

본문의 적용 판단과 설명용 UI는 heyyystudios의 편집·창작입니다. 아래 연구가 해당 UI의 성과를 검증했다는 의미는 아닙니다.

  1. 2013동료 심사 연구의 저자 원고

    Crossing the Bridge over Norman’s Gulf of Execution: Revealing Feedforward’s True Identity ↗

    저자 · 기관
    Jo Vermeulen; Kris Luyten; Elise van den Hoven; Karin Coninx
    이 글의 근거
    결과에 대한 사전 안내, 개념 관계, 앞선 피드백이 후속 피드포워드 역할을 할 수 있음
    열람 · 검증 범위
    저자 원고의 전문을 확인한 기록입니다.
    원문 · 제공 링크
    https://documentserver.uhasselt.be/bitstream/1942/14759/1/VermeulenLuytenVandenHovenConinx_chi2013.pdf
    원문 위치
    이번 확인: 표지 없는 저자 공개판 PDF 1–10쪽. 정의 1–2·8쪽, 앞선 피드백과 다음 행동 5·8쪽, hidden/false/nested/sequential 9쪽, 결론 10쪽. 기존 저장소판의 추가 표지 여부에 따라 PDF 쪽번호가 다름.
    자료가 입증하지 않는 범위
    특정 UI의 성공률·전환율 또는 보편적 효과 크기
  2. 2002기관의 연구 기록

    But how, Donald, tell us how? On the meaning of interaction design through feedforward and inherent feedback ↗

    저자 · 기관
    Tom Djajadiningrat; Kees Overbeeke; Stephan Wensveen
    이 글의 근거
    행동 목적의 전달로 피드포워드를 다뤘다는 초록 내용과 서지
    열람 · 검증 범위
    초록·서지 기반
    원문 · 제공 링크
    https://research.tue.nl/en/publications/but-how-donald-tell-us-how-on-the-meaning-of-interaction-design-t/
    원문 위치
    Abstract; bibliographic metadata; DOI 10.1145/778712.778752
    자료가 입증하지 않는 범위
    특정 UI의 성공률·전환율 또는 보편적 효과 크기
  3. 공식 문서

    Button ↗

    저자 · 기관
    GOV.UK Design System
    이 글의 근거
    수행 행동에 맞는 버튼 문구와 저장 유무에 따른 라벨 구분
    열람 · 검증 범위
    공식 문서 기반
    원문 · 제공 링크
    https://design-system.service.gov.uk/components/button/
    원문 위치
    How it works; Warning buttons
    자료가 입증하지 않는 범위
    특정 UI의 성공률·전환율 또는 보편적 효과 크기
  4. 공식 문서

    Understanding SC 3.3.4 Error Prevention (Legal, Financial, Data) ↗

    저자 · 기관
    W3C
    이 글의 근거
    해당 법적·금융·데이터·시험 응답 범위에서 가역/오류확인/확정전 검토의 세 가지 선택지와 적용 한계
    열람 · 검증 범위
    공식 문서 기반
    원문 · 제공 링크
    https://www.w3.org/WAI/WCAG22/Understanding/error-prevention-legal-financial-data.html
    원문 위치
    Success Criterion; Intent
    자료가 입증하지 않는 범위
    특정 UI의 성공률·전환율 또는 보편적 효과 크기
  5. 2024공식 문서

    Web Content Accessibility Guidelines 2.2 ↗

    저자 · 기관
    W3C
    이 글의 근거
    관련 성공기준의 규범 요구
    열람 · 검증 범위
    규범 문서의 관련 조항 기반
    원문 · 제공 링크
    https://www.w3.org/TR/WCAG22/
    원문 위치
    3.3.2 Level A; 3.3.4 Level AA; 4.1.3 Level AA 및 기존 1.4.1/2.5.3/4.1.2 참조
    자료가 입증하지 않는 범위
    특정 UI의 성공률·전환율 또는 보편적 효과 크기
  6. 공식 디자인 지침

    Check answers ↗

    저자 · 기관
    GOV.UK Design System
    이 글의 근거
    제출 전 검토·수정 경로와 미완료 상태·최종 행동을 명확히 하는 지침
    열람 · 검증 범위
    해당 지침의 관련 본문 전체를 확인한 기록입니다.
    원문 · 제공 링크
    https://design-system.service.gov.uk/patterns/check-answers/
    원문 위치
    When to use this pattern; Make the page easy to understand; Let users go back and change their answers
    자료가 입증하지 않는 범위
    이 글 체험의 효과 크기나 모든 서비스에 같은 페이지를 추가할 의무
  7. 2008저자 에세이

    Signifiers, not affordances ↗

    저자 · 기관
    Don Norman
    이 글의 근거
    의미 있게 해석하는 단서의 폭넓은 성격
    열람 · 검증 범위
    저자가 작성한 본문 전체를 확인한 기록입니다.
    원문 · 제공 링크
    https://jnd.org/signifiers-not-affordances/
    원문 위치
    저자 본문 중 signifier 정의와 reliability 논의
    자료가 입증하지 않는 범위
    시그니파이어·피드포워드·피드백을 배타적 UI 부품으로 분류할 근거
  8. 2024공식 튜토리얼

    Form Instructions ↗

    저자 · 기관
    W3C WAI
    이 글의 근거
    레이블·설명 연결과 플레이스홀더의 한계
    열람 · 검증 범위
    해당 지침의 관련 본문 전체를 확인한 기록입니다.
    원문 · 제공 링크
    https://www.w3.org/WAI/tutorials/forms/instructions/
    원문 위치
    Overview; In-line instructions; aria-describedby; Placeholder text
    자료가 입증하지 않는 범위
    해당 기법을 사용하면 전체 접근성이 자동 통과한다는 주장
  9. 공식 비규범 안내

    Understanding SC 4.1.3 Status Messages ↗

    저자 · 기관
    W3C WAI
    이 글의 근거
    상태 메시지의 프로그램적 식별과 과도한 알림 위험
    열람 · 검증 범위
    해당 지침의 관련 본문 전체를 확인한 기록입니다.
    원문 · 제공 링크
    https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html
    원문 위치
    Success Criterion; Intent; Other uses of live regions or alerts
    자료가 입증하지 않는 범위
    동적 콘텐츠 전체를 매번 강제 낭독하라는 요구
  10. 2008동료 심사 연구의 저자 논문

    OctoPocus: A Dynamic Guide for Learning Gesture-Based Command Sets ↗

    저자 · 기관
    Olivier Bau; Wendy E. Mackay
    이 글의 근거
    동적 제스처 안내와 피드백 결합; 서로 다른 두 실험의 제한된 결과
    열람 · 검증 범위
    관련 방법·결과·한계에 해당하는 본문 전체를 확인한 기록입니다.
    원문 · 제공 링크
    https://www.lri.fr/~mbl/Stanford/CS477/papers/Octopocus-UIST2008.pdf
    원문 위치
    PDF 4–5쪽 OctoPocus; 6쪽 Procedure; 7–8쪽 Experiment 1; 8쪽 Experiment 2; 9쪽 Future Work
    자료가 입증하지 않는 범위
    피드포워드만의 독립 효과·모든 인터페이스의 오류 감소·이번 일정 체험의 성능
  11. 2020제품 참여자의 설계 회고

    Behind the Carbonmade onboarding UX (a case study) ↗

    저자 · 기관
    Tobias van Schneider
    이 글의 근거
    레이아웃 선택 시점에 나중에 다시 바꿀 수 있다고 안내한 사례
    열람 · 검증 범위
    원문 본문 확인
    원문 · 제공 링크
    https://vanschneider.com/blog/ux-writing/the-carbonmade-onboarding-ux-explained/
    원문 위치
    Step 4
    자료가 입증하지 않는 범위
    전환율 개선 실험·현재 제품 동작·자동 되돌리기 기능을 입증하지 않음. 원문 이미지 재사용 없음.
주장별 근거와 한계 · 19개 기록

근거 1

핵심은 행동했을 때 어떤 결과를 기대할 수 있는지 알려 주는 것입니다.

뒷받침하는 범위
결과에 대한 사전 안내, 개념 관계, 앞선 피드백이 후속 피드포워드 역할을 할 수 있음
뒷받침하지 않는 범위
특정 UI의 성공률·전환율 또는 보편적 효과 크기
조건
정량 실험 결과 아님; 정의·규범·공식 예제 범위
반대 근거 · 해석 차이
개념 경계는 저자별로 다를 수 있음; 반례 부재를 주장하지 않음
판단
확인한 정의/규범/공식 사례에 한정. 적용은 편집 제안으로 분리.

근거 2

이보다 앞선 Djajadiningrat, Overbeeke, Wensveen의 2002년 논문도 행동의 목적을 전달하는 문제로 피드포워드를 다뤘습니다.

본문 위치
이 글의 사례와 근거를 읽는 방법 · 관련 본문 설명
뒷받침하는 범위
행동 목적의 전달로 피드포워드를 다뤘다는 초록 내용과 서지
뒷받침하지 않는 범위
특정 UI의 성공률·전환율 또는 보편적 효과 크기
조건
정량 실험 결과 아님; 정의·규범·공식 예제 범위
반대 근거 · 해석 차이
개념 경계는 저자별로 다를 수 있음; 반례 부재를 주장하지 않음
판단
확인한 정의/규범/공식 사례에 한정. 적용은 편집 제안으로 분리.

근거 3

GOV.UK Design System의 Button 문서는 정보를 저장하지 않고 진행할 때와, 저장한 뒤 진행할 때 버튼 문구를 구분하도록 안내합니다.

출처
Button
본문 위치
버튼 이름만으로 결과가 모호하다면 · 관련 본문 설명
뒷받침하는 범위
수행 행동에 맞는 버튼 문구와 저장 유무에 따른 라벨 구분
뒷받침하지 않는 범위
특정 UI의 성공률·전환율 또는 보편적 효과 크기
조건
정량 실험 결과 아님; 정의·규범·공식 예제 범위
반대 근거 · 해석 차이
별도 반대 연구 결론을 주장하지 않음
판단
확인한 정의/규범/공식 사례에 한정. 적용은 편집 제안으로 분리.

근거 4

2013년 논문도 앞선 행동의 피드백이 다음 행동의 피드포워드로 작용할 수 있다고 설명합니다.

본문 위치
방금 본 안내가 피드포워드인 이유 · 관련 본문 설명
뒷받침하는 범위
결과에 대한 사전 안내, 개념 관계, 앞선 피드백이 후속 피드포워드 역할을 할 수 있음
뒷받침하지 않는 범위
특정 UI의 성공률·전환율 또는 보편적 효과 크기
조건
정량 실험 결과 아님; 정의·규범·공식 예제 범위
반대 근거 · 해석 차이
개념 경계는 저자별로 다를 수 있음; 반례 부재를 주장하지 않음
판단
확인한 정의/규범/공식 사례에 한정. 적용은 편집 제안으로 분리.

근거 5

적용 대상에서는 제출을 되돌릴 수 있거나, 입력 오류를 확인해 수정 기회를 주거나, 확정 전 정보를 검토·확인·수정할 수 있는 장치 중 적어도 하나가 있어야 합니다.

본문 위치
잘못 실행했을 때의 영향이 크다면 · 관련 본문 설명
뒷받침하는 범위
해당 법적·금융·데이터·시험 응답 범위에서 가역/오류확인/확정전 검토의 세 가지 선택지와 적용 한계
뒷받침하지 않는 범위
특정 UI의 성공률·전환율 또는 보편적 효과 크기
조건
정량 실험 결과 아님; 정의·규범·공식 예제 범위
반대 근거 · 해석 차이
별도 반대 연구 결론을 주장하지 않음
판단
확인한 정의/규범/공식 사례에 한정. 적용은 편집 제안으로 분리.

근거 6

본문 가상 비교와 관찰 절차는 독창적 설명이며 실제 제품 성과나 실험 결과가 아닙니다.

뒷받침하는 범위
학습용 상황과 시험할 가설
뒷받침하지 않는 범위
실측 효과나 모든 사용자에게의 성과 보장
조건
가상 상황
판단
원고에 가상/편집 제안 명시

근거 7

본문 가상 비교와 관찰 절차는 독창적 설명이며 실제 제품 성과나 실험 결과가 아닙니다.

뒷받침하는 범위
학습용 상황과 시험할 가설
뒷받침하지 않는 범위
실측 효과나 모든 사용자에게의 성과 보장
조건
가상 상황
판단
원고에 가상/편집 제안 명시

근거 8

확인 화면에서는 아직 완료되지 않았다는 점과 최종 행동을 명확히 하고 수정 경로를 제공한다.

본문 위치
검토와 완료를 혼동할 수 있다면 · 관련 본문 설명
뒷받침하는 범위
제출 전 검토·수정 경로와 미완료 상태·최종 행동을 명확히 하는 지침
뒷받침하지 않는 범위
이 글 체험의 효과 크기나 모든 서비스에 같은 페이지를 추가할 의무
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 9

같은 단서가 행동 위치와 결과를 함께 알릴 수 있어 부품별 배타적 분류를 고집하지 않는다.

본문 위치
방금 본 안내가 피드포워드인 이유 · 관련 본문 설명
뒷받침하는 범위
의미 있게 해석하는 단서의 폭넓은 성격
뒷받침하지 않는 범위
시그니파이어·피드포워드·피드백을 배타적 UI 부품으로 분류할 근거
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 10

Vermeulen 외는 hidden, false, sequential, nested feedforward를 개념적으로 논의한다.

본문 위치
안내가 없거나 실제와 다르다면 · 관련 본문 설명
뒷받침하는 범위
결과에 대한 사전 안내, 개념 관계, 앞선 피드백이 후속 피드포워드 역할을 할 수 있음
뒷받침하지 않는 범위
특정 UI의 성공률·전환율 또는 보편적 효과 크기
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 11

WCAG 2.2 3.3.2는 사용자 입력에 레이블이나 지시를 요구하는 Level A 기준이다.

본문 위치
안내를 눈으로만 읽을 수 있다면 · 관련 본문 설명
뒷받침하는 범위
관련 성공기준의 규범 요구
뒷받침하지 않는 범위
특정 UI의 성공률·전환율 또는 보편적 효과 크기
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 12

대상·범위·확정 시점·부가 결과를 사용자의 결정에 맞춰 설명한다.

뒷받침하는 범위
원본 가상 사례에서 검토할 설계 판단
뒷받침하지 않는 범위
보편적 인과 효과·실험 검증·개선율
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 13

미리보기와 실제 처리 조건이 달라지면 재검토하거나 차이를 명확히 알리는 흐름을 검토한다.

뒷받침하는 범위
원본 가상 사례에서 검토할 설계 판단
뒷받침하지 않는 범위
보편적 인과 효과·실험 검증·개선율
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 14

입력 설명을 연결하고 플레이스홀더만으로 레이블을 대체하지 않는다.

본문 위치
안내를 눈으로만 읽을 수 있다면 · 관련 본문 설명
뒷받침하는 범위
레이블·설명 연결과 플레이스홀더의 한계
뒷받침하지 않는 범위
해당 기법을 사용하면 전체 접근성이 자동 통과한다는 주장
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 15

표시되는 상태 메시지를 보조 기술이 초점 없이 전달할 수 있도록 프로그램으로 식별 가능하게 한다.

본문 위치
안내를 눈으로만 읽을 수 있다면 · 관련 본문 설명
뒷받침하는 범위
상태 메시지의 프로그램적 식별과 과도한 알림 위험
뒷받침하지 않는 범위
동적 콘텐츠 전체를 매번 강제 낭독하라는 요구
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 16

OctoPocus는 남은 제스처 경로·명령과 입력의 인식 상태를 함께 보여 준다.

뒷받침하는 범위
동적 제스처 안내와 피드백 결합; 서로 다른 두 실험의 제한된 결과
뒷받침하지 않는 범위
피드포워드만의 독립 효과·모든 인터페이스의 오류 감소·이번 일정 체험의 성능
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 17

OctoPocus 두 실험의 결과는 과제·비교 방식·기기와 결합 안내의 범위에 제한된다.

뒷받침하는 범위
동적 제스처 안내와 피드백 결합; 서로 다른 두 실험의 제한된 결과
뒷받침하지 않는 범위
피드포워드만의 독립 효과·모든 인터페이스의 오류 감소·이번 일정 체험의 성능
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 18

기대 대상과 실제 결과, 수정 행동과 검토 부담을 관찰하고 질문·연습·순서 효과를 기록한다.

본문 위치
내 화면에 적용한 뒤 무엇을 확인할까요 · 관련 본문 설명
뒷받침하는 범위
원본 가상 사례에서 검토할 설계 판단
뒷받침하지 않는 범위
보편적 인과 효과·실험 검증·개선율
조건
개념·공식 지침의 범위. 가상 일정 적용과 검토 절차에는 참여자·실측 데이터 없음.
반대 근거 · 해석 차이
정의·동작 수준에 따라 역할이 겹침. 정확한 안내도 복구·시스템 정확성을 대체하지 않음.
판단
본문에 근거와 적용 제안을 구별함

근거 19

Carbonmade의 2020년 온보딩 회고는 레이아웃을 선택할 때 나중에 변경할 수 있음을 알리는 사례를 설명한다.

뒷받침하는 범위
당시 제품 참여자의 설계 설명
뒷받침하지 않는 범위
전환율 효과·현행 동작·자동 복구 보장
조건
설계 회고이며 실제 제품의 최신 상태를 관찰한 결과가 아님
판단
선택 후 수정 가능성도 실행 전 설명할 정보로 적용
맨 위로 가기

내 응원은 이 브라우저에 저장됩니다.

모자를 쓴 heyyystudios 캐릭터

heyyystudios

디자인의 원리를 탐구하고, 실무의 새로운 가능성으로 연결합니다.