# 간단한 행동은 '완료' 버튼 마저 번거로워요

![바텀 시트의 확인 버튼이 필요한 기능일까요?](https://upload.cafenono.com/image/slashpagePost/20250715/114556_TmiFrbgm0w94oTcZbm?q=80&s=1280x180&t=outside&f=webp)

## 앱 한 줄 소개

> **투두메이트**는 오늘의 할 일 목록을 작성하고, 친구와 공유하며 서로 응원해 줄 수 있는 앱입니다.

## 발견한 불편함

> 문제 요약: 체크리스트의 **카테고리 공개설정 범위를 변경**하는 간단한 행동을 할 때마다 **바텀시트의 '확인' 버튼을 눌러야 하는 것이 불편**해요.

### 기능 경로

1. 우측 상단 더보기 버튼 클릭 - 카테고리 관리

![Image](https://upload.cafenono.com/image/slashpagePost/20250715/165953_86itrv39UqpD5oF94V?q=80&s=1280x180&t=outside&f=webp)

1. 수정하려고 하는 카테고리를 클릭합니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20250715/170019_FBXmMdqBBig9h3SwuK?q=80&s=1280x180&t=outside&f=webp)

1. 공개설정 - '전체 공개'로 설정되어 있는 부분을 클릭합니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20250715/170044_9cCbVhYdQ89lVVaF4b?q=80&s=1280x180&t=outside&f=webp)

1. 변경하려고 하는 범위를 선택하고, '확인' 버튼을 누릅니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20250715/170116_ECZCeSbcUj1MOqDVcS?q=80&s=1280x180&t=outside&f=webp)

### 왜 불편했을까?

> **상황 및 조건**
여러 개의 카테고리를 한 번에 공개 설정을 수정하려고 합니다. 이때, 공개 설정을 수정했을 경우 1) 하단의 '확인' 버튼을 누르지 않거나 2) 해당 바텀 시트가 닫히고 우측 상단에 '확인' 버튼을 누르지 않으면 변경된 설정이 적용되지 않아요.

- 공개 설정 범위를 수정하고, '확인' 버튼을 누르지 않은 상태에서 해당 모달을 이탈하게 될 경우 수정한 조건이 저장되지 않습니다.

- 공개 설정 범위를 수정하고, 페이지의 우측 상단에 위치한 '확인' 버튼을 누르지 않고 이탈하게 될 경우 수정된 조건이 저장되지 않습니다.

- PC 앱이기 때문에 바텀 시트 하단에 위치한 '확인' 버튼을 1번 누르고, 우측 상단에 위치한 '확인' 버튼을 다시 한 번 더 누르는 과정이 마우스 커서의 이동 경로상 멀어요.

- 1) 공개 설정 드롭다운을 클릭하고 → 2) 공개 설정 변경 바텀시트에서 수정하고 → 3) 바텀 시트 하단의 '확인' 버튼을 누르고 → 4) 리스트에 변경된 조건을 눈으로 확인하고 → 5) 페이지 우측 상단의 '확인' 버튼을 누르는 과정이 번거로워요.

    - 카테고리의 설정 범위를 수정하는 건 간단한 행동이었기 때문에 번거롭다! 라고 느꼈을 것이라고 추측합니다.

### 어떻게 개선할 수 있을까?

- 실제 유저들도 그러한지 추가 인터뷰 및 테스트를 실시합니다.

    - 해당 인터뷰와 테스트에서 측정할 조건은 다음과 같습니다.

1. 카테고리의 공개 범위를 변경하고자 하는 상황

2. 5개의 카테고리를 변경할 때, 공개 설정을 변경하는데 걸린 시간

3. 해당 과정에서 발생하는 미스 클릭율과 아이 트래킹 경로

4. 설정 도중 이탈이 발생했다면, 어느 과정에서 이탈하였는지

    - 인터뷰 전 세운 가설은 다음과 같습니다.

1. 유저는 여러 개의 카테고리 공개 범위를 한 번에 변경할 때가 많을 것이다. (특히, 재유입 유저)

2. 공개 범위를 변경하는 과정에서 올바르게 적용되지 않았는데도 이탈하는 유저가 많을 것이다.

3. 혹은, 공개 설정 변경이 불편하다고 느낄 것이다.

- 만약에 가설이 맞다면-이렇게 바꿔 볼 것 같습니다.

1. 공개 범위 설정 바텀 시트 하단의 '확인' 버튼은 삭제 처리한다. 유저가 목록에서 범위를 수정하는 순간(라디오 버튼값을 변경하는 순간) 해당 범위로 저장한다.

- 유저가 간단하다고 느낄 기능(단, 언제든지 수정 가능한 기능이어야 하며 설정에 따라 유저에게 큰 영향을 미치지 않아야 함)은 재확인의 과정을 생략하는 것이 사용성이 좋아진다.

- '확인' 버튼을 클릭하지 않아도 유저는 변경된 설정이 올바르게 적용되었는지 목록에서 재확인 과정을 거치기 때문에 불필요한 확인 절차를 생략해도 된다.

2. 불필요한 마우스 동선 거리가 발생하기 때문에 유저가 간편한 기능이라고 생각할 수 있도록, 바텀 시트 컴포넌트가 아니라 드롭 다운 목록 리스트 컴포넌트 형식을 채택한다.

- 유저의 시선과 마우스 커서가 크게 이동하지 않고도 값을 수정할 수 있다.

## As-is와 To-be 비교하기

**여력이 닿는 날 제작하여 업로드하겠사옵니다..

For the site tree, see the [root Markdown](https://slashpage.com/esnote.md).