[UX] 마이코드 서비스 상세화면 개선

주제: 상세페이지에서 하단 네비게이션 바를 유지 여부에 대한 UX 설계

 

1. 문제 정의

현상

• 컨텐츠 상세페이지로 이동할 때 상세페이지가 스택처럼 쌓이는 구조가 아닌 바로 해당 페이지로 이동하는 것 처럼
  보여서 어색함
• 스크롤 위치나 지도를 옮긴 위치 등 상태 정보가 유지되어 있어 어색함
• 따라서 프론트 개발자가 상세페이지 이동시 스택처럼 쌓이게 구현

고민 포인트

• 상세페이지에서 네이게이션 바를 없애 콘텐츠에 몰입 시킬 것 인가
  아니면 앱 전체 구조의 일관성과 사용자의 화면 이동 편의성을 우선해야 하는가

2. 네비게이션 바 유지 여부에 따른 장단점

 

	네이게이션 바 유지	네비게이션 바 삭제
장점	- 앱 구조의 일관성 유지 - 사용자 위치 인지 지속 가능 (길 잃지 않음) - 다른 탭으로 빠르게 이동 가능 → 탐색 흐름 부드러움 - 홈/탐색/마이페이지 등 반복 액세스 기능 접근 용이	- 상세 콘텐츠에 몰입 유도 - 상태 초기화 작업 불필요 - 작은 화면에서 가시 영역 확보 가능
단점	- 시야 분산, 몰입도 저하 가능성 - 스크롤 위치 등 상태 초기화 작업 필요 - 화면 여백이 줄어 콘텐츠가 답답해질 수 있음	- 사용자 길잡이 상실 가능성 - 뒤로가기를 못 찾거나 앱 흐름 혼란 발생 우려 - 다른 페이지로 이동이 불편해짐 - 앱 구조 일관성 깨질 수 있음

 

2. 결론

"네비게이션 바 유지!"

 

• 상세 콘텐츠에 몰입하는 것도 중요하지만, 서비스 전체 맥락에서 '길을 잃지 않는 UX'가 우선
• 다른 화면들과 같이 상세페이지에서도 일관되게 하단 네비를 유지하는 것이 UX 측면에서 안정적이고 효율적인 설계라고 판
• 뒤로가기 외에 바로 다른 탭으로 이동하길 원하는 상황에 제약이 생겨버릴 것 같아 사용자 입장에서 불편함 야기 예상