목록으로 돌아가도 보던 자리에

KRDS SP-124 — 목록 이동 버튼을 누르거나 사용자 에이전트에서 뒤로가기 동작을 실행하였을 때 사용자의 탐색 맥락이 유지되도록 하고 있다.

0. 들어가며 — 서비스 정보 확인 서브섹션의 마지막

이번 798편은 목록 이동 버튼을 누르거나 뒤로가기 동작을 실행하였을 때 사용자의 탐색 맥락이 유지되도록 하라는 규칙 입니다. ‘서비스 정보 확인’ 서브섹션(SP-111~124)의 마지막이죠.

상세를 보고 목록으로 돌아갔는데 — 처음으로 초기화되어 있으면, 사용자는 보던 위치·필터를 다시 찾아야 하죠. SP-124는 뒤로가기 시 탐색 맥락 유지를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 뒤로가기 탐색 맥락 유지

SP-124 (서비스 패턴 > 신청 > 서비스 정보 확인) “목록 이동 버튼을 누르거나 사용자 에이전트에서 뒤로가기 동작을 실행하였을 때 사용자의 탐색 맥락이 유지되도록 하고 있다.”

목록으로 돌아갈 때 탐색 맥락이 유지되게 하라는 뜻입니다.

정리: 목록 복귀·뒤로가기 시 탐색 맥락을 유지하라. 이게 SP-124입니다.

2. 왜 탐색 맥락 유지인가

사용자는 신청 목록(SP-101~110)에서 탐색하다, 한 서비스의 상세(SP-111~)에 들어가 봅니다. 그러다 다시 목록으로 돌아가죠(목록 버튼·뒤로가기). 이때 목록의 탐색 맥락(스크롤 위치, 적용 필터·정렬, 페이지) 이 유지돼야, 사용자가 이어서 탐색합니다. SP-124는 이를 요구합니다.

맥락이 초기화될 때의 문제:

다시 찾기 목록 50번째 항목을 보다 상세에 들어갔다 돌아왔는데, 목록이 맨 위·1페이지로 초기화 되면, 사용자는 보던 50번째를 다시 스크롤해 찾아야 합니다. 번거롭죠.

필터·정렬 풀림 적용했던 필터(특정 분야)·정렬이, 돌아오니 풀려 있으면, 다시 걸어야 합니다.

탐색 단절 탐색 흐름이 끊겨, 사용자가 좌절합니다.

그래서 SP-124는 — 맥락 유지를 요구합니다:

스크롤 위치 유지 목록으로 돌아오면, 보던 스크롤 위치로 복원합니다. 50번째를 보다 돌아오면, 그 자리에요.

필터·정렬 유지 적용했던 필터·정렬(SP-101·BP 필터링·정렬)을 유지합니다. 다시 안 걸게요(SP-056 조건 유지 정신).

페이지 유지 페이지네이션이면, 보던 페이지(3페이지 등)를 유지요.

뒤로가기·목록 버튼 둘 다 브라우저 뒤로가기, 사이트 ‘목록’ 버튼 둘 다에서 맥락이 유지되게요.

탐색 효율의 핵심. 맥락 유지는, 탐색 효율의 핵심입니다. 사용자는 목록 ↔ 상세를 여러 번 오가며 비교·탐색합니다. 매번 목록이 초기화되면, 그 오감이 고통스럽죠. 맥락이 유지되면, 끊김 없이 여러 서비스 를 살펴봅니다.

SP-100(로그인 맥락 복귀)·SP-056(검색 조건 유지) 정신. 사용자 여정의 맥락을 유지하는, 같은 정신입니다. 로그인 후(SP-100)·검색 재검색(SP-056)·신청 목록 복귀(SP-124) 모두 맥락을 지키죠. 사용자가 하던 탐색·작업을 이어가게요.

이 규칙은 신청(SP)의 ’탐색 맥락 보존’을 담당합니다 — 목록 복귀·뒤로가기 시 탐색 맥락을 유지해(124), 사용자가 끊김 없이 목록↔상세를 오가며 탐색하게 하죠. 서비스 정보 확인 서브섹션의 마무리입니다.

정리하면 — 목록으로 돌아갈 때 맥락(스크롤·필터·페이지)이 초기화되면 다시 찾아야 하므로, 목록 버튼·뒤로가기 시 탐색 맥락을 유지해 끊김 없이 탐색하게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

스크롤·페이지 유지 — 목록 복귀 시 스크롤 위치·페이지가 유지되는가.

필터·정렬 유지 — 적용했던 필터·정렬이 유지되는가(SP-056 정신).

두 경로 — 뒤로가기·‘목록’ 버튼 둘 다에서 맥락이 유지되는가.

개선 방향

목록 복귀 시 스크롤·페이지·필터·정렬 유지(상태/URL 파라미터).

뒤로가기·목록 버튼 둘 다. SP-100·SP-056 정신.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
개발	맥락 유지(상태·URL) 구현
QA	뒤로가기 맥락 검증

기관 유형	SP-124 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (신청 목록·상세 제공 시)

신청 목록↔상세 탐색이 있는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 목록 복귀 시 스크롤 위치·페이지가 유지되나요?

□ 적용했던 필터·정렬이 유지되나요(SP-056 정신)?

□ 뒤로가기·‘목록’ 버튼 둘 다에서 맥락이 유지되나요?

❓ FAQ

Q1. 맥락이 초기화되면 왜 문제인가요? 목록 50번째를 보다 상세에 들어갔다 돌아왔는데 맨 위·1페이지로 초기화되면, 보던 자리를 다시 스크롤해 찾아야 합니다. 필터·정렬도 풀리고요. 탐색이 고통스럽죠. Q2. 무엇을 유지하나요? 스크롤 위치, 적용 필터·정렬, 페이지요. 사용자가 보던 자리·조건 그대로 돌아가게요(SP-056 조건 유지 정신). Q3. SP-100·SP-056과 같나요? 사용자 여정의 맥락을 유지하는 같은 정신입니다. 로그인 후(SP-100)·검색 재검색(SP-056) ·신청 목록 복귀(SP-124) 모두 맥락을 지켜 하던 탐색·작업을 이어가게 하죠.

6. 마무리

SP-124의 메시지:

목록으로 돌아가도 보던 자리에 — 목록 복귀·뒤로가기 시 탐색 맥락을 유지하라.

맥락이 초기화되면 다시 찾아야 합니다. 목록 복귀 시 스크롤·필터·페이지를 유지해 끊김 없이 탐색하게 하는 게 핵심이죠. ‘서비스 정보 확인’ 서브섹션이 끝났습니다. 다음 편부터는 ‘유의 사항/자격 확인’ 서브섹션입니다.

다음 편 예고 ▶ 「799. (SP-125) 유의 사항 및 자격 확인은 신청서 작성 과업의 가장 첫 단계로 제공하고 있다.」

ViewCheck는 목록 복귀·뒤로가기 시 탐색 맥락이 유지되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 신청 가이드 — https://www.krds.go.kr/html/site/service/service_04.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준