Modality에 대한 고민🤔
Categories: Projects
얼리버디 Navigation
제가 참여하고 있는 프로젝트 얼리버디에서는 사용자가 일정등록 할때 경로를 추가하는 기능을 제공하고있습니다.
하지만 경로 검색 기능의 초기 UI 디자인에 Modality가 과도하게 적용됐다는 사실을 발견했습니다. 🤔
고민해보며 UI를 개선 시켰던 과정을 기록해봤습니다.!
Before
다음은 Modality 가 부적절하게 사용된 얼리버디의 모습입니다.
일정 등록 페이지에서 경로 선택을 완료할때까지의 페이지 이동이 총 3번 발생하는데, 모든 이동이 Modal 을 통해 이루어진다는것을 볼 수 있습니다.
Apple HIG 공식문서
애플의 HIG(Human Interface Guidelines) 공식 문서를 참고하면서 위와 같은 App Architecture 는 잘못되었다는 결론을 내렸습니다.
위 문서 내용을 보면, Modality 는 어플리케이션 컨텐츠를 임시적으로 사용자에게 보여줄 때를 위한 방법이라고 명시 되어있습니다.
Modality 가 일반적인 Navigation 과 차별점이 있는 것은 바로 temporary 라는 개념이라고 생각합니다.
일반적인 Navigation 은 컨텐츠의 depth 에 따른 계층구조가 있는 반면, Modality 는 기존의 계층 구조에서 임시적으로 벗어날때 사용되는 것으로 구분짓는것이 맞다고 생각했습니다.
즉, 사용자의 주목이 임시적으로 필요한 경우에만 사용하는것이 적절하다고 생각했습니다.
위 결론에 따른 Navigation 변경 사항을 팀과 함께 논의한 뒤에 다음과 같이 개선했습니다.
After
사용자가 경로 선택을 확인하는 곳에서만 Modal 을 사용하는 형태로 바꾸면서 애플의 HIG에 더 맞는 앱 디자인이 되었다고 생각합니다.