[ios vs ADR] 내비게이션 배치와 뒤로 가기 동작의 유사점과 차이점

1. 하이어라키 백: 계층 구조를 따라가기

• 무슨 뜻이냐면?
  앱이 "부모 → 자식" 관계로 계층적 구조를 가지고 있을 때, 현재 페이지의 상위(부모) 페이지로 이동하는 동작
• ex: 쇼핑 앱에서 카테고리 > 제품 목록 > 제품 상세정보 페이지를 보고 있다면,
  • 하이어라키 백은 '제품 상세정보 → 제품 목록'으로 이동하는 동작 (계층을 따라 위로 올라가는 것)
• iOS와 안드로이드에서 차이점:
  • iOS
    • 화면 왼쪽 위에 있는 '뒤로가기(Back)' 버튼으로 사용자에게 상위 계층으로 돌아가는 일관된 경험 제공.
    • 스와이프 제스처로도 상위 페이지로 이동 가능.
  • 안드로이드
    • 보통 뒤로가기 버튼을 사용하여 이전화면으로 복원
    • 계층적 이동은 명시적으로 상단의 앱바(App Bar)나 네비게이션 버튼으로 구현
    • 디바이스의 하드웨어/소프트웨어 뒤로가기 버튼은 히스토리백 동작으로 연결되는 경우가 많음

---

2. 히스토리 백: 사용자가 방문한 직전 페이지로 돌아가기

• 무슨 뜻이냐면?
  계층 구조는 신경 쓰지 않고, 사용자가 바로 전에 방문했던 페이지로 이동하는 동작
• ex: 같은 쇼핑 앱에서 검색 → 검색 결과 → 제품 상세정보로 이동했다고 치면,
  • 히스토리 백은 '제품 상세정보 → 검색 결과'로 이동하는 것 (사용자가 실제로 이동했던 순서를 따라가는 것)
• iOS와 안드로이드에서 차이:
  • iOS: 히스토리 백은 기본적으로 없어요. 대신, 개발자가 직접 이런 흐름을 만들어야 함
  • 안드로이드: 뒤로가기 버튼(소프트키나 하드웨어 키)로 바로 이동할 수 있음(기본 기능)

---

3. 왜 다를까?

• iOS
  • 애플은 앱의 계층적 구조(하이어라키)를 중심으로 설계
  • 그래서 상위 페이지로 가는 동작을 중요하게 생각하고, 사용자가 어디서 왔는지는 별로 신경 쓰지 않음
• 안드로이드
  • 구글은 사용자가 이전에 방문했던 페이지로 돌아가는 것을 더 중요시 여김
  • 디바이스의 뒤로가기 버튼이 모든 앱에서 기본적으로 히스토리 백 동작을 함

---

4. 쉽게 비교

구분하이어라키 백히스토리 백

무엇을 기준으로?	페이지의 계층 구조(부모-자식 관계)	사용자가 방문한 순서(히스토리 스택)
예시 이동 방향	상세정보 → 제품 목록(부모 페이지)	상세정보 → 검색 결과(직전 방문 페이지)
iOS에서의 동작	기본적으로 Back 버튼 제공	구현 필요
안드로이드에서의 동작	앱 상단 버튼으로 구현 가능	뒤로가기 버튼으로 기본 제공

---

5. 핵심 요약

• iOS: 계층적인 네비게이션(Hierarchy Back)에 최적화, 히스토리백은 필요 시 명시적 구현.
• 안드로이드: 히스토리백을 기본으로 제공하며, 계층적인 네비게이션도 추가적으로 지원.
  
  
• 하이어라키 백: "계층 구조에 따라 위로 올라감!"
• 히스토리 백: "내가 바로 전에 갔던 곳으로 돌아감!"

 

 

참고하면 좋을 링크 : https://brunch.co.kr/@uxdesingercho/1