완료 신호는 일의 크기만큼
작업 완료 애니메이션은 얼마나 크게 보여 줘야 하나요? 할 일 하나는 체크 그리기, 하루 목표는 배지, 결제나 가입은 완료 화면, 컨페티는 드문 일에만 쓰는 식으로 일의 크기에 맞춥니다.
끝냈다는 신호는 일의 크기에 비례해야 합니다. 작은 일에 폭죽을 터뜨리면 금방 소음이 됩니다.
이름과 미리보기
미리보기를 누르면 멈추고, 다시 누르면 재생합니다.
체크 그리기
Checkmark draw
체크 표시가 선으로 그려짐
취소선
Strikethrough
할 일 위로 줄이 그어짐
배지 획득
Badge unlock
새 배지가 튀어나오며 획득
완료 화면
Success screen
화면 전체로 결과를 알려 줌
컨페티
Confetti
색종이가 터짐
이렇게 씁니다
- 할 일 하나는 체크 그리기, 하루 목표는 배지, 결제·가입·첫 프로젝트 완성은 완료 화면. 컨페티는 1년에 몇 번 없는 일에만.
- 완료 화면에는 다음에 할 일 버튼을 같이 둡니다. 축하만 하고 막다른 길이면 안 됩니다.
- 진동(햅틱)은 큰 완료에만 한 번. 매번 울리면 사용자가 꺼 버립니다.
복사해서 쓰는 프롬프트
3단계 완료 피드백
할 일 앱의 완료 피드백을 3단계로 만들어 줘. 1. 항목 하나 체크: 체크 그리기(Checkmark draw) 200ms + 글자에 취소선. 2. 오늘 할 일 전부 완료: 상단에 작은 배지(Badge unlock) 등장. 3. 7일 연속 달성: 완료 화면(Success screen) + 컨페티 1회 + [내일 할 일 추가] 버튼. 작은 단계일수록 조용하게.
참고한 게시물: @uxwoodytips